@luigi-project/client 2.14.3-dev.202408140027 → 2.14.3-dev.202408140659

package/luigi-element.d.ts

@@ -1,60 +1,55 @@
 // Type definitions for Luigi Client web components
 
 export declare interface ConfirmationModalSettings {
-  type?: string;
-  header?: string;
   body?: string;
   buttonConfirm?: string | boolean;
   buttonDismiss?: string;
+  header?: string;
+  type?: string;
 }
 
 export declare interface ModalSettings {
-  title?: string;
-  size?: 'fullscreen' | 'l' | 'm' | 's';
-  width?: string;
+  closebtn_data_testid?: string;
   height?: string;
   keepPrevious?: boolean;
-  closebtn_data_testid?: string;
+  size?: 'fullscreen' | 'l' | 'm' | 's';
+  title?: string;
+  width?: string;
 }
 
 export declare interface SplitViewSettings {
-  title?: string;
-  size?: number;
   collapsed?: boolean;
+  size?: number;
+  title?: string;
 }
 
-export declare enum SplitViewEvents {
-  'expand',
-  'collapse',
-  'resize',
-  'close'
-}
+export type SplitViewEvents = 'close' | 'collapse' | 'expand' | 'resize';
 
 export declare interface SplitViewInstance {
   collapse: () => void;
-  expand: () => void;
-  setSize: (value: number) => void;
-  on: (key: SplitViewEvents, callback: () => void) => string;
   exists: () => boolean;
+  expand: () => void;
   getSize: () => number;
   isCollapsed: () => boolean;
   isExpanded: () => boolean;
+  on: (key: SplitViewEvents, callback: () => void) => string;
+  setSize: (value: number) => void;
 }
 
 export declare interface DrawerSettings {
-  header?: any;
-  size?: 'l' | 'm' | 's' | 'xs';
   backdrop?: boolean;
+  header?: any;
   overlap?: boolean;
+  size?: 'l' | 'm' | 's' | 'xs';
 }
 
 export declare interface AlertSettings {
-  text?: string;
-  type: 'info' | 'success' | 'warning' | 'error';
+  closeAfter?: number;
   links?: {
     [key: string]: { text: string; url?: string; dismissKey?: string };
   };
-  closeAfter?: number;
+  text?: string;
+  type: 'info' | 'success' | 'warning' | 'error';
 }
 
 export declare interface NodeParams {
@@ -338,51 +333,6 @@ export declare interface LinkManager {
   hasBack: () => boolean;
 }
 
-export declare class LuigiElement extends HTMLElement {
-  constructor(options?: Options);
-  /**
-   * Override to return the html template string defining the web component view.
-   *
-   * @param {*} ctx The context object passed by luigi core
-   */
-  render(ctx?: Object): string;
-  /**
-   * Override to execute logic after an attribute of this web component has changed.
-   */
-  update(): void;
-  /**
-   * Override to execute logic when a new context object is set.
-   *
-   * @param {*} ctx The new context object passed by luigi core
-   */
-  onContextUpdate(ctx: Object): void;
-  /**
-   * Override to execute logic after initialization of the web component, i.e.
-   * after internal rendering and all context data set.
-   *
-   * @param {*} ctx The context object passed by luigi core
-   */
-  afterInit(ctx: Object): void;
-
-  /**
-   * Query selector operating on shadow root.
-   *
-   * @see ParentNode.querySelector
-   */
-  querySelector(selector: string): any;
-
-  /**
-   * LuigiClient instance
-   */
-  LuigiClient: LuigiClient;
-
-  /**
-   * Context object
-   * @returns {Object} context object
-   */
-  get context(): Object;
-}
-
 export declare interface Options {
   /**
    *
@@ -466,3 +416,69 @@ export interface LuigiClient {
    */
   getClientPermissions(): () => Object;
 }
+
+export declare class LuigiElement extends HTMLElement {
+  private deferLuigiClientWCInit;
+  private LuigiClient;
+  private luigiConfig;
+  private _shadowRoot;
+  private __initialized;
+  private __lui_ctx;
+
+  constructor(options?: Options);
+
+  /**
+   * Invoked by luigi core if present, internal, don't override.
+   * @private
+   */
+  __postProcess(ctx: Record<string, any>, luigiClient: any, module_location_path: string): void;
+
+  /**
+   * Override to execute logic after initialization of the web component, i.e.
+   * after internal rendering and all context data set.
+   *
+   * @param {*} ctx The context object passed by luigi core
+   */
+  afterInit(ctx: Record<string, any>): void;
+
+  /**
+   * Override to return the html template string defining the web component view.
+   *
+   * @param {*} ctx The context object passed by luigi core
+   */
+  render(ctx: Record<string, any>): string;
+
+  /**
+   * Override to execute logic after an attribute of this web component has changed.
+   */
+  update(): void;
+
+  /**
+   * Override to execute logic when a new context object is set.
+   *
+   * @param {*} ctx The new context object passed by luigi core
+   */
+  onContextUpdate(ctx: Record<string, any>): void;
+
+  /**
+   * Query selector operating on shadow root.
+   *
+   * @see ParentNode.querySelector
+   */
+  querySelector(selector: string): HTMLElement | null;
+
+  /**
+   * Handles changes on the context property.
+   *
+   * @private
+   */
+  set context(ctx: Record<string, any>);
+  get context(): Record<string, any>;
+
+  /**
+   * Handles changes on attributes.
+   *
+   * @private
+   */
+  attributeChangedCallback(name?: string, oldVal?: any, newVal?: any): void;
+}

package/luigi-element.js

@@ -1,158 +1,2 @@
-/**
- * Base class for Luigi web component micro frontends.
- */
-export class LuigiElement extends HTMLElement {
-  constructor(options) {
-    super();
-    const openShadow = options ? options.openShadow : false;
-    this._shadowRoot = this.attachShadow({
-      mode: openShadow ? 'open' : 'closed',
-      delegatesFocus: false
-    });
-    this.__initialized = false;
-    this.deferLuigiClientWCInit = options ? options.deferLuigiClientWCInit : false;
-  }
-
-  /**
-   * Invoked by luigi core if present, internal, don't override.
-   * @private
-   */
-  __postProcess(ctx, luigiClient, module_location_path) {
-    this.LuigiClient = luigiClient;
-    this.context = ctx;
-    const template = document.createElement('template');
-    template.innerHTML = this.render(ctx);
-    const attCnt = () => {
-      if (!this.__initialized) {
-        this._shadowRoot.appendChild(template.content.cloneNode(true));
-        Reflect.ownKeys(Reflect.getPrototypeOf(this)).forEach(el => {
-          if (el.startsWith('$_')) {
-            this._shadowRoot[el] = this[el].bind(this);
-          }
-        });
-        const elementsWithIds = this._shadowRoot.querySelectorAll('[id]');
-        if (elementsWithIds) {
-          elementsWithIds.forEach(el => {
-            this['$' + el.getAttribute('id')] = el;
-          });
-        }
-        this.afterInit(ctx);
-        this.__initialized = true;
-      }
-    };
-    if (this.luigiConfig && this.luigiConfig.styleSources && this.luigiConfig.styleSources.length > 0) {
-      let nr_styles = this.luigiConfig.styleSources.length;
-      const loadStylesSync = this.luigiConfig.loadStylesSync;
-      const afterLoadOrError = () => {
-        nr_styles--;
-        if (nr_styles < 1) {
-          attCnt();
-        }
-      };
-
-      this.luigiConfig.styleSources.forEach((element, index) => {
-        const link = document.createElement('link');
-        link.setAttribute('rel', 'stylesheet');
-        link.setAttribute('href', module_location_path + element);
-        if (loadStylesSync) {
-          link.addEventListener('load', afterLoadOrError);
-          link.addEventListener('error', afterLoadOrError);
-        }
-        this._shadowRoot.appendChild(link);
-      });
-      if (!loadStylesSync) {
-        attCnt();
-      }
-    } else {
-      attCnt();
-    }
-  }
-
-  /**
-   * Override to execute logic after initialization of the web component, i.e.
-   * after internal rendering and all context data set.
-   *
-   * @param {*} ctx The context object passed by luigi core
-   */
-  afterInit(ctx) {
-    return;
-  }
-
-  /**
-   * Override to return the html template string defining the web component view.
-   *
-   * @param {*} ctx The context object passed by luigi core
-   */
-  render(ctx) {
-    return '';
-  }
-
-  /**
-   * Override to execute logic after an attribute of this web component has changed.
-   */
-  update() {
-    return;
-  }
-
-  /**
-   * Override to execute logic when a new context object is set.
-   *
-   * @param {*} ctx The new context object passed by luigi core
-   */
-  onContextUpdate(ctx) {
-    return;
-  }
-
-  /**
-   * Query selector operating on shadow root.
-   *
-   * @see ParentNode.querySelector
-   */
-  querySelector(selector) {
-    return this._shadowRoot.querySelector(selector);
-  }
-
-  /**
-   * Handles changes on the context property.
-   *
-   * @private
-   */
-  set context(ctx) {
-    this.__lui_ctx = ctx;
-    if (this.__initialized) {
-      this.onContextUpdate(ctx);
-      this.attributeChangedCallback();
-    }
-  }
-
-  get context() {
-    return this.__lui_ctx;
-  }
-
-  /**
-   * Handles changes on attributes.
-   *
-   * @private
-   */
-  attributeChangedCallback(name, oldVal, newVal) {
-    this.update();
-  }
-}
-
-/**
- * Html string processing according to luigi functionality.
- * Also useful in combination with LitElement VS Code plugins.
- *
- * @param {String} literal The literal to process.
- * @returns {String} Returns the processed literal.
- */
-export function html(literal, ...keys) {
-  let html = '';
-  literal.forEach((el, index) => {
-    html += el;
-    if (index < keys.length && keys[index] !== undefined && keys[index] !== null) {
-      html += keys[index];
-    }
-  });
-  return html.replace(/\$\_/gi, 'this.getRootNode().$_');
-}
+var t={d:function(e,i){for(var o in i)t.o(i,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:i[o]})},o:function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}},e={};t.d(e,{q:function(){return o},z:function(){return i}});class i extends HTMLElement{constructor(t){super();const e=t.openShadow||!1;this._shadowRoot=this.attachShadow({mode:e?"open":"closed",delegatesFocus:!1}),this.__initialized=!1,this.deferLuigiClientWCInit=t.deferLuigiClientWCInit||!1}__postProcess(t,e,i){var o,n;this.LuigiClient=e,this.context=t;const s=document.createElement("template");s.innerHTML=this.render(t);const r=()=>{if(this.__initialized)return;this._shadowRoot.appendChild(s.content.cloneNode(!0)),Reflect.ownKeys(Reflect.getPrototypeOf(this)).forEach((t=>{"string"==typeof t&&t.startsWith("$_")&&(this._shadowRoot[t]=this[t].bind(this))}));const e=this._shadowRoot.querySelectorAll("[id]");e&&e.forEach((t=>{this["$"+t.getAttribute("id")]=t})),this.afterInit(t),this.__initialized=!0};if(this.luigiConfig&&(null===(o=this.luigiConfig.styleSources)||void 0===o?void 0:o.length)){let t=this.luigiConfig.styleSources.length;const e=this.luigiConfig.loadStylesSync,o=()=>{t--,t<1&&r()};null===(n=this.luigiConfig.styleSources)||void 0===n||n.forEach((t=>{const n=document.createElement("link");n.setAttribute("rel","stylesheet"),n.setAttribute("href",i+t),e&&(n.addEventListener("load",o),n.addEventListener("error",o)),this._shadowRoot.appendChild(n)})),e||r()}else r()}afterInit(t){}render(t){return""}update(){}onContextUpdate(t){}querySelector(t){return this._shadowRoot.querySelector(t)}set context(t){this.__lui_ctx=t,this.__initialized&&(this.onContextUpdate(t),this.attributeChangedCallback())}get context(){return this.__lui_ctx}attributeChangedCallback(t,e,i){this.update()}}function o(t,...e){let i="";return null==t||t.forEach(((t,o)=>{i+=t,o<e.length&&void 0!==e[o]&&null!==e[o]&&(i+=e[o])})),i.replace(/\$\_/gi,"this.getRootNode().$_")}var n=e.z,s=e.q;export{n as LuigiElement,s as html};
+//# sourceMappingURL=luigi-element.js.map

package/luigi-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"luigi-element.js","mappings":"AACA,IAAIA,EAAsB,CCA1BA,EAAwB,SAASC,EAASC,GACzC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAG3E,ECPAH,EAAwB,SAASS,EAAKC,GAAQ,OAAOL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,EAAO,G,4DCK/F,MAAMI,UAAqBC,YAQhC,WAAAC,CAAYC,GACVC,QAEA,MAAMC,EAAsBF,EAAQE,aAAc,EAElDC,KAAKC,YAAcD,KAAKE,aAAa,CACnCC,KAAMJ,EAAa,OAAS,SAC5BK,gBAAgB,IAElBJ,KAAKK,eAAgB,EACrBL,KAAKM,uBAAyBT,EAAQS,yBAA0B,CAClE,CAMA,aAAAC,CAAcC,EAA0BC,EAAkBC,G,QACxDV,KAAKW,YAAcF,EACnBT,KAAKY,QAAUJ,EAEf,MAAMK,EAAgCC,SAASC,cAAc,YAE7DF,EAASG,UAAYhB,KAAKiB,OAAOT,GAEjC,MAAMU,EAAS,KACb,GAAIlB,KAAKK,cACP,OAGFL,KAAKC,YAAYkB,YAAYN,EAASO,QAAQC,WAAU,IACxDC,QAAQC,QAAQD,QAAQE,eAAexB,OAAcyB,SAASC,IAC1C,iBAAPA,GAAmBA,EAAGC,WAAW,QAE1C3B,KAAKC,YAAYyB,GAAM1B,KAAK0B,GAAIE,KAAK5B,MACvC,IAGF,MAAM6B,EAAuC7B,KAAKC,YAAY6B,iBAAiB,QAE3ED,GACFA,EAAgBJ,SAASC,IAEvB1B,KAAK,IAAM0B,EAAGK,aAAa,OAASL,CAAE,IAG1C1B,KAAKgC,UAAUxB,GACfR,KAAKK,eAAgB,CAAI,EAG3B,GAAIL,KAAKiC,cAA+C,QAAhC,EAAAjC,KAAKiC,YAA0B,oBAAC,eAAEC,QAAQ,CAChE,IAAIC,EAAoBnC,KAAKiC,YAA0B,aAAEC,OACzD,MAAME,EAA0BpC,KAAKiC,YAA4B,eAC3DI,EAAmB,KACvBF,IAEIA,EAAY,GACdjB,GACF,EAG8B,QAAhC,EAAAlB,KAAKiC,YAA0B,oBAAC,SAAER,SAASa,IACzC,MAAMC,EAAwBzB,SAASC,cAAc,QAErDwB,EAAKC,aAAa,MAAO,cACzBD,EAAKC,aAAa,OAAQ9B,EAAuB4B,GAE7CF,IACFG,EAAKE,iBAAiB,OAAQJ,GAC9BE,EAAKE,iBAAiB,QAASJ,IAGjCrC,KAAKC,YAAYkB,YAAYoB,EAAK,IAG/BH,GACHlB,GAEJ,MACEA,GAEJ,CAQA,SAAAc,CAAUxB,GAEV,CAOA,MAAAS,CAAOT,GACL,MAAO,EACT,CAKA,MAAAkC,GAEA,CAOA,eAAAC,CAAgBnC,GAEhB,CAQS,aAAAoC,CAAcC,GACrB,OAAO7C,KAAKC,YAAY2C,cAAcC,EACxC,CAOA,WAAIjC,CAAQJ,GACVR,KAAK8C,UAAYtC,EAEbR,KAAKK,gBACPL,KAAK2C,gBAAgBnC,GACrBR,KAAK+C,2BAET,CAEA,WAAInC,GACF,OAAOZ,KAAK8C,SACd,CAOA,wBAAAC,CAAyBC,EAAeC,EAAcC,GACpDlD,KAAK0C,QACP,EAUK,SAASS,EAAKC,KAAkCC,GACrD,IAAIF,EAAe,GAUnB,OARAC,SAAAA,EAAS3B,SAAQ,CAACC,EAAY4B,KAC5BH,GAAQzB,EAEJ4B,EAAQD,EAAKnB,aAA0BqB,IAAhBF,EAAKC,IAAwC,OAAhBD,EAAKC,KAC3DH,GAAQE,EAAKC,GACf,IAGKH,EAAKK,QAAQ,SAAU,wBAChC,C","sources":["webpack://LuigiElement/webpack/bootstrap","webpack://LuigiElement/webpack/runtime/define property getters","webpack://LuigiElement/webpack/runtime/hasOwnProperty shorthand","webpack://LuigiElement/./src/luigi-element.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","import { Options } from '../luigi-element';\n\n/**\n * Base class for Luigi web component micro frontends.\n */\nexport class LuigiElement extends HTMLElement {\n  private deferLuigiClientWCInit: boolean;\n  private LuigiClient!: any;\n  private luigiConfig!: Record<string, any>;\n  private _shadowRoot: ShadowRoot;\n  private __initialized: boolean;\n  private __lui_ctx!: Record<string, any>;\n\n  constructor(options: Options) {\n    super();\n\n    const openShadow: boolean = options.openShadow || false;\n\n    this._shadowRoot = this.attachShadow({\n      mode: openShadow ? 'open' : 'closed',\n      delegatesFocus: false\n    });\n    this.__initialized = false;\n    this.deferLuigiClientWCInit = options.deferLuigiClientWCInit || false;\n  }\n\n  /**\n   * Invoked by luigi core if present, internal, don't override.\n   * @private\n   */\n  __postProcess(ctx: Record<string, any>, luigiClient: any, module_location_path: string): void {\n    this.LuigiClient = luigiClient;\n    this.context = ctx;\n\n    const template: HTMLTemplateElement = document.createElement('template');\n\n    template.innerHTML = this.render(ctx);\n\n    const attCnt = (): void => {\n      if (this.__initialized) {\n        return;\n      }\n\n      this._shadowRoot.appendChild(template.content.cloneNode(true));\n      Reflect.ownKeys(Reflect.getPrototypeOf(this) as any).forEach((el: string | symbol) => {\n        if (typeof el === 'string' && el.startsWith('$_')) {\n          // @ts-ignore\n          this._shadowRoot[el] = this[el].bind(this);\n        }\n      });\n\n      const elementsWithIds: NodeListOf<Element> = this._shadowRoot.querySelectorAll('[id]');\n\n      if (elementsWithIds) {\n        elementsWithIds.forEach((el: Element) => {\n          // @ts-ignore\n          this['$' + el.getAttribute('id')] = el;\n        });\n      }\n      this.afterInit(ctx);\n      this.__initialized = true;\n    };\n\n    if (this.luigiConfig && this.luigiConfig['styleSources']?.length) {\n      let nr_styles: number = this.luigiConfig['styleSources'].length;\n      const loadStylesSync: boolean = this.luigiConfig['loadStylesSync'];\n      const afterLoadOrError = (): void => {\n        nr_styles--;\n\n        if (nr_styles < 1) {\n          attCnt();\n        }\n      };\n\n      this.luigiConfig['styleSources']?.forEach((element: string) => {\n        const link: HTMLLinkElement = document.createElement('link');\n\n        link.setAttribute('rel', 'stylesheet');\n        link.setAttribute('href', module_location_path + element);\n\n        if (loadStylesSync) {\n          link.addEventListener('load', afterLoadOrError);\n          link.addEventListener('error', afterLoadOrError);\n        }\n\n        this._shadowRoot.appendChild(link);\n      });\n\n      if (!loadStylesSync) {\n        attCnt();\n      }\n    } else {\n      attCnt();\n    }\n  }\n\n  /**\n   * Override to execute logic after initialization of the web component, i.e.\n   * after internal rendering and all context data set.\n   *\n   * @param {*} ctx The context object passed by luigi core\n   */\n  afterInit(ctx: Record<string, any>): void {\n    return;\n  }\n\n  /**\n   * Override to return the html template string defining the web component view.\n   *\n   * @param {*} ctx The context object passed by luigi core\n   */\n  render(ctx: Record<string, any>): string {\n    return '';\n  }\n\n  /**\n   * Override to execute logic after an attribute of this web component has changed.\n   */\n  update(): void {\n    return;\n  }\n\n  /**\n   * Override to execute logic when a new context object is set.\n   *\n   * @param {*} ctx The new context object passed by luigi core\n   */\n  onContextUpdate(ctx: Record<string, any>): void {\n    return;\n  }\n\n  /**\n   * Query selector operating on shadow root.\n   *\n   * @see ParentNode.querySelector\n   */\n  // prettier-ignore\n  override querySelector(selector: string): HTMLElement | null {\n    return this._shadowRoot.querySelector(selector);\n  }\n\n  /**\n   * Handles changes on the context property.\n   *\n   * @private\n   */\n  set context(ctx: Record<string, any>) {\n    this.__lui_ctx = ctx;\n\n    if (this.__initialized) {\n      this.onContextUpdate(ctx);\n      this.attributeChangedCallback();\n    }\n  }\n\n  get context(): Record<string, any> {\n    return this.__lui_ctx;\n  }\n\n  /**\n   * Handles changes on attributes.\n   *\n   * @private\n   */\n  attributeChangedCallback(name?: string, oldVal?: any, newVal?: any): void {\n    this.update();\n  }\n}\n\n/**\n * Html string processing according to luigi functionality.\n * Also useful in combination with LitElement VS Code plugins.\n *\n * @param {String} literal The literal to process.\n * @returns {String} Returns the processed literal.\n */\nexport function html(literal: TemplateStringsArray, ...keys: unknown[]): string {\n  let html: string = '';\n\n  literal?.forEach((el: string, index: number) => {\n    html += el;\n\n    if (index < keys.length && keys[index] !== undefined && keys[index] !== null) {\n      html += keys[index];\n    }\n  });\n\n  return html.replace(/\\$\\_/gi, 'this.getRootNode().$_');\n}\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","LuigiElement","HTMLElement","constructor","options","super","openShadow","this","_shadowRoot","attachShadow","mode","delegatesFocus","__initialized","deferLuigiClientWCInit","__postProcess","ctx","luigiClient","module_location_path","LuigiClient","context","template","document","createElement","innerHTML","render","attCnt","appendChild","content","cloneNode","Reflect","ownKeys","getPrototypeOf","forEach","el","startsWith","bind","elementsWithIds","querySelectorAll","getAttribute","afterInit","luigiConfig","length","nr_styles","loadStylesSync","afterLoadOrError","element","link","setAttribute","addEventListener","update","onContextUpdate","querySelector","selector","__lui_ctx","attributeChangedCallback","name","oldVal","newVal","html","literal","keys","index","undefined","replace"],"sourceRoot":""}

package/package.json

@@ -17,5 +17,5 @@
     "micro-frontends",
     "microfrontends"
   ],
-  "version": "2.14.3-dev.202408140027"
+  "version": "2.14.3-dev.202408140659"
 }