Options
All
  • Public
  • Public/Protected
  • All
Menu

thorium

Index

Type Aliases

CustomElement<T, X, ITransaction, IEffect>: T & X & { $Thorium: any; attachStyleSheet: DOMCSSOM; isMounted: boolean; isStyleSheetAttached: boolean; oberservers: Observers; patern: NodeTemplate<T & X> | DesignPatern<T & X>; styleSheetId: string; addComponentObserver: any; addEffect: any; addTransaction: any; afterMounting: any; beforeMounting: any; context: any; delegateObservedMutation: any; getObserver: any; on: any; oncontextchange: any; onmutation: any; onunmount: any; removeEffect: any; removeObserver: any; removeTransaction: any; styleSheet: any; useEffect: any; useTransaction: any }

Représente un élément personnalisé qui combine les fonctionnalités d'un HTMLElement existant et des méthodes personnalisées.

Type Parameters

  • T

    L'interface de l'HTMLElement existant.

  • X

    L'interface personnalisée définie par le développeur pour étendre l'HTMLElement existant.

  • ITransaction = null

    Le type des transactions utilisées par l'élément personnalisé (optionnel).

  • IEffect = null

    Le type des effets utilisés par l'élément personnalisé (optionnel).

Observers: Map<string, ObserversStack>

Type utilisé pour représenter les observateurs. Il s'agit d'un mappage entre le nom de l'attribut observé et la pile d'observateurs associée.

ObserversStack: Map<string, Observer>

Type utilisé pour représenter une pile d'observateurs. Il s'agit d'un mappage entre l'identifiant de l'observateur et l'objet observateur lui-même.

StylePatern: { cssObject: CssObject; result: { token: string } & postcss.Result; token: string }

Type declaration

  • cssObject: CssObject
  • result: { token: string } & postcss.Result
  • token: string

Variables

DOM: { body: HTMLElement; document: Document; head: HTMLElement; virtual: { htmlDocument: Document }; applyDOMChanges: any; render: any }

Type declaration

  • body: HTMLElement

    L'élément body représente la balise <body> du DOM virtuel.

    member

    body

    memberof

    DOM

  • document: Document

    L'élément document représente l'élément racine du DOM virtuel.

    member

    document

    memberof

    DOM

  • head: HTMLElement

    L'élément head représente la balise <head> du DOM virtuel.

    member

    head

    memberof

    DOM

  • virtual: { htmlDocument: Document }

    La classe virtual permet de créer et manipuler un DOM virtuel.

    memberof

    DOM

    • htmlDocument: Document
  • applyDOMChanges:function
    • applyDOMChanges(): void
    • Applique les changements du DOM virtuel au DOM réel.

      Cette fonction est utilisée pour synchroniser le DOM virtuel avec le DOM réel en appliquant les modifications nécessaires. Elle permet de rendre le contenu du DOM virtuel visible dans le navigateur en mettant à jour le DOM réel avec les changements correspondants.

      Returns void

  • render:function
    • render<T>(template: NodeTemplate<T>, parentNode?: Element | ShadowRoot): T
    • La fonction render permet de rendre un NodeTemplate dans le DOM réel.

      function

      render

      memberof

      DOM

      Type Parameters

      • T

      Parameters

      • template: NodeTemplate<T>

        Le template à rendre.

      • Optional parentNode: Element | ShadowRoot

      Returns T

DOMVirtual: { htmlDocument: Document }

Type declaration

  • htmlDocument: Document
StyleSheets: Map<string, StylePatern>
body: HTMLElement
head: HTMLElement
htmlDocument: Document

Functions

  • Type Parameters

    • T

    Parameters

    • localName: string

    Returns ((connectorTemplate?: ConnectorTemplate<T>) => { attr: Record<string, string | CssObject>; childrens: NodeTemplate<any>[]; localName: string; proto: {} })

  • Controller<T, X, Z>(paternName: string, patern: DesignPatern<T>, sourceClass: any): { effects: EffectPatern<unknown>; observedAttributes: string[]; transactions: TransactionPatern<unknown>; connector: any }
  • Fonction générique permettant de créer un contrôleur personnalisé pour un composant web.

    Type Parameters

    • T

    • X

    • Z

    Parameters

    • paternName: string

      Le nom du modèle de design utilisé pour le composant.

    • patern: DesignPatern<T>

      Le modèle de design utilisé pour le composant.

    • sourceClass: any

      La classe source à partir de laquelle le contrôleur est étendu.

    Returns { effects: EffectPatern<unknown>; observedAttributes: string[]; transactions: TransactionPatern<unknown>; connector: any }

    La classe du contrôleur personnalisé pour le composant web.

  • DOMRender<T>(template: NodeTemplate<T>, parentNode?: Element | ShadowRoot): T
  • Permet de générer un élément à partir d'un template DOM.

    Cette fonction prend un objet template représentant la structure du nœud DOM à générer. Elle crée un nouvel élément DOM correspondant à la structure spécifiée dans le template. La fonction renvoie l'élément nouvellement créé.

    Type Parameters

    • T

    Parameters

    • template: NodeTemplate<T>

      Le template représentant la structure du nœud DOM à générer.

    • Optional parentNode: Element | ShadowRoot

    Returns T

    L'élément DOM généré à partir du template.

  • Fonction permettant de créer un modèle de gestion des effets utilisés par un élément personnalisé.

    Type Parameters

    • Z

      Le type de nom d'effet.

    Returns EffectPatern<Z>

    Un objet contenant les méthodes pour gérer les effets.

  • Type Parameters

    • X

    • Y = null

    • Z = null

    Parameters

    Returns CustomElementController

  • PageController<T, X, Z>(paternName: string, patern: DesignPatern<T>, T: any): any
  • Type Parameters

    • T

    • X

    • Z

    Parameters

    Returns any

  • Type Parameters

    • T

    Parameters

    Returns NodeTemplate<T>

  • ThoriumController<T, X, Z>(paternName: string, patern: DesignPatern<T>, T: any): any
  • Fonction qui génère un contrôleur Thorium personnalisé.

    Cette fonction prend trois paramètres :

    Type Parameters

    • T

    • X

    • Z

    Parameters

    • paternName: string

      Le nom du patron de conception associé au contrôleur.

    • patern: DesignPatern<T>

      Le patron de conception associé au contrôleur.

    • T: any

      Le type de données du contrôleur.

      La fonction renvoie une classe qui étend le contrôleur de base (Controller) en utilisant le patron de conception spécifié. Le contrôleur Thorium personnalisé est ainsi créé.

    Returns any

    La classe du contrôleur Thorium personnalisé.

  • Fonction utilitaire pour créer une instance de TransactionPatern avec des transactions spécifiques de type générique X.

    function

    Transactions

    Type Parameters

    • X

      Type générique pour les noms de transactions

    Returns TransactionPatern<X>

    Une instance de TransactionPatern avec des transactions spécifiques de type X.

  • ViewController<T, X, Z>(paternName: string, patern: ViewDesignPatern<T>, T: any): any
  • Fonction qui génère un contrôleur de vue.

    Type Parameters

    • T

    • X

    • Z

    Parameters

    • paternName: string

      Nom du modèle de conception du contrôleur.

    • patern: ViewDesignPatern<T>

      Modèle de conception de la vue.

    • T: any

      Type générique pour les données du contrôleur.

    Returns any

    Une classe qui étend le contrôleur de base avec le modèle de conception de la vue.

  • applyDOMChanges(): void
  • Returns void

  • Parameters

    Returns Promise<StylePatern>

  • Parameters

    • sheetToken: string

    Returns StylePatern

  • Enregistre un composant personnalisé dans le registre des composants.

    Type Parameters

    • T

    • X

    • Z

    Parameters

    • type: "thorium" | "page" | "local" | "views"

      Le type du composant personnalisé. Peut être "page", "thorium", "local" ou "views".

    • patern: DesignPatern<T> | ViewDesignPatern<T>

      Le modèle de conception du composant personnalisé à enregistrer.

    Returns CustomElementPatern<X, Z>

    Le constructeur de l'élément personnalisé enregistré.

  • style(cssObject?: CssObject): Promise<{ token: string } & Result_>
  • Parameters

    Returns Promise<{ token: string } & Result_>

Generated using TypeDoc