@six-group/ui-library 0.0.0-insider.c4e8588 → 0.0.0-insider.c8fa9a3

package/dist/components/p-C4h4qpGl.js

@@ -0,0 +1,60 @@
+class EventListeners {
+    constructor() {
+        this.eventListeners = [];
+        this.add = (el, name, listener, identifier = null) => {
+            this.eventListeners.push({ el, name, listener, identifier });
+            el.addEventListener(name, listener);
+        };
+        this.remove = (el, name, listener) => {
+            this.eventListeners = this.getFilteredEventListeners((eventListener) => eventListener.listener == listener && eventListener.el === el && eventListener.name === name);
+        };
+        this.removeByIdentifier = (identifier) => {
+            const sameItem = (el) => el.identifier === identifier;
+            const foundListener = this.eventListeners.find(sameItem) !== undefined;
+            if (!foundListener) {
+                return;
+            }
+            this.eventListeners = this.getFilteredEventListeners(sameItem);
+        };
+        this.removeAll = () => {
+            while (this.eventListeners.length > 0) {
+                const eventListener = this.eventListeners.pop();
+                if (eventListener != null) {
+                    eventListener.el.removeEventListener(eventListener.name, eventListener.listener);
+                }
+            }
+        };
+    }
+    getFilteredEventListeners(sameItem) {
+        return this.eventListeners.filter((item) => {
+            if (sameItem(item)) {
+                item.el.removeEventListener(item.name, item.listener);
+                return false;
+            }
+            else {
+                return true;
+            }
+        });
+    }
+    forward(from, to, host) {
+        switch (to) {
+            case 'input':
+                this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));
+                break;
+            case 'change':
+                this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));
+                break;
+            case 'blur':
+                this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));
+                break;
+            case 'focus':
+                this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));
+                break;
+        }
+    }
+}
+
+export { EventListeners as E };
+//# sourceMappingURL=p-C4h4qpGl.js.map
+
+//# sourceMappingURL=p-C4h4qpGl.js.map

package/dist/components/p-C4h4qpGl.js.map

@@ -0,0 +1 @@
+{"file":"p-C4h4qpGl.js","mappings":"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","names":[],"sources":["src/utils/event-listeners.ts"],"sourcesContent":["interface EventListener {\n  el: GlobalEventHandlers;\n  name: string;\n  listener: EventListenerOrEventListenerObject;\n  identifier?: string | null;\n}\n\nexport class EventListeners {\n  eventListeners: EventListener[] = [];\n\n  add = <T extends GlobalEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject,\n    identifier: string | null | undefined = null\n  ) => {\n    this.eventListeners.push({ el, name, listener, identifier });\n    el.addEventListener(name, listener);\n  };\n\n  remove = <T extends GlobalEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject) => {\n    this.eventListeners = this.getFilteredEventListeners(\n      (eventListener: EventListener) =>\n        eventListener.listener == listener && eventListener.el === el && eventListener.name === name\n    );\n  };\n\n  removeByIdentifier = (identifier: string) => {\n    const sameItem = (el: EventListener) => el.identifier === identifier;\n    const foundListener = this.eventListeners.find(sameItem) !== undefined;\n    if (!foundListener) {\n      return;\n    }\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  private getFilteredEventListeners(sameItem: (el: EventListener) => boolean) {\n    return this.eventListeners.filter((item) => {\n      if (sameItem(item)) {\n        item.el.removeEventListener(item.name, item.listener);\n        return false;\n      } else {\n        return true;\n      }\n    });\n  }\n\n  removeAll = () => {\n    while (this.eventListeners.length > 0) {\n      const eventListener: EventListener | undefined = this.eventListeners.pop();\n      if (eventListener != null) {\n        eventListener.el.removeEventListener(eventListener.name, eventListener.listener);\n      }\n    }\n  };\n\n  forward(from: string, to: 'input' | 'change' | 'blur' | 'focus', host: HTMLElement) {\n    switch (to) {\n      case 'input':\n        this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'change':\n        this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'blur':\n        this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'focus':\n        this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n        break;\n    }\n  }\n}\n"],"version":3}

package/dist/components/p-CGTdN4dS.js

@@ -0,0 +1,62 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-BtF2Ym6T.js';
+
+const sixPictoCss = ":host div{height:24px;width:24px;display:inline-block;background-size:cover;background-repeat:no-repeat}:host div.is-size-xSmall{height:12px;width:12px}:host div.is-size-small{height:18px;width:18px}:host div.is-size-medium{height:24px;width:24px}:host div.is-size-large{height:36px;width:36px}:host div.is-size-xLarge{height:48px;width:48px}:host div.is-size-xxLarge{height:72px;width:72px}:host div.is-size-xxxLarge{height:96px;width:96px}:host div.is-size-4xl{height:250px;width:250px}";
+
+const SixPicto = /*@__PURE__*/ proxyCustomElement(class SixPicto extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /**
+         * Defines the size of the icon.
+         */
+        this.size = 'medium';
+        this.svgContent = null;
+    }
+    async componentWillLoad() {
+        var _a;
+        const iconName = (_a = this.host.innerHTML) === null || _a === void 0 ? void 0 : _a.trim();
+        if (!!iconName) {
+            try {
+                const response = await fetch(`/assets/pictograms/${iconName}.svg`);
+                if (response.ok) {
+                    this.svgContent = await response.text();
+                }
+                else {
+                    console.error(`Icon "${iconName}" not found in assets/pictograms.`);
+                }
+            }
+            catch (error) {
+                console.error(`Error loading icon "${iconName}":`, error);
+            }
+        }
+    }
+    render() {
+        return (h(Host, { key: '5b88e27072aa32496f6eba5c863abd8818c6ba15' }, h("div", { key: '533593aad450d6aab0fe12e4c8ba1d883386906e', part: "icon", class: {
+                [`is-size-${this.size}`]: true,
+            }, innerHTML: this.svgContent || '' })));
+    }
+    get host() { return this; }
+    static get style() { return sixPictoCss; }
+}, [1, "six-picto", {
+        "size": [1],
+        "svgContent": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-picto"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-picto":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixPicto);
+            }
+            break;
+    } });
+}
+
+export { SixPicto as S, defineCustomElement as d };
+//# sourceMappingURL=p-CGTdN4dS.js.map
+
+//# sourceMappingURL=p-CGTdN4dS.js.map

package/dist/components/p-CGTdN4dS.js.map

@@ -0,0 +1 @@
+{"file":"p-CGTdN4dS.js","mappings":";;AAAA,MAAM,WAAW,GAAG,0eAA0e;;MCcjf,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,GAAA;;;;AAQE;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAwF,QAAQ;AAEnG,QAAA,IAAU,CAAA,UAAA,GAAkB,IAAI;AA+B1C;AA7BC,IAAA,MAAM,iBAAiB,GAAA;;AACrB,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE;AAC5C,QAAA,IAAI,CAAC,CAAC,QAAQ,EAAE;AACd,YAAA,IAAI;gBACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,CAAsB,mBAAA,EAAA,QAAQ,CAAM,IAAA,CAAA,CAAC;AAClE,gBAAA,IAAI,QAAQ,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,UAAU,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;;qBAClC;AACL,oBAAA,OAAO,CAAC,KAAK,CAAC,SAAS,QAAQ,CAAA,iCAAA,CAAmC,CAAC;;;YAErE,OAAO,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAA,oBAAA,EAAuB,QAAQ,CAAI,EAAA,CAAA,EAAE,KAAK,CAAC;;;;IAK/D,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;aAC/B,EACD,SAAS,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,EAAA,CAC3B,CACF;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-picto/six-picto.scss?tag=six-picto&encapsulation=shadow","src/components/six-picto/six-picto.tsx"],"sourcesContent":[":host {\n  div {\n    height: 24px;\n    width: 24px;\n    display: inline-block;\n    background-size: cover;\n    background-repeat: no-repeat;\n  }\n\n  div.is-size-xSmall {\n    height: 12px;\n    width: 12px;\n  }\n\n  div.is-size-small {\n    height: 18px;\n    width: 18px;\n  }\n\n  div.is-size-medium {\n    height: 24px;\n    width: 24px;\n  }\n\n  div.is-size-large {\n    height: 36px;\n    width: 36px;\n  }\n\n  div.is-size-xLarge {\n    height: 48px;\n    width: 48px;\n  }\n\n  div.is-size-xxLarge {\n    height: 72px;\n    width: 72px;\n  }\n\n  div.is-size-xxxLarge {\n    height: 96px;\n    width: 96px;\n  }\n\n  div.is-size-4xl {\n    height: 250px;\n    width: 250px;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n/**\n * @since 1.1\n * @status stable\n *\n * @part icon - The component's icon wrapper.\n */\n\n@Component({\n  tag: 'six-picto',\n  styleUrl: 'six-picto.scss',\n  shadow: true,\n})\nexport class SixPicto {\n  @Element() host!: HTMLSixPictoElement;\n\n  /**\n   * Defines the size of the icon.\n   */\n  @Prop() size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' | '4xl' = 'medium';\n\n  @State() svgContent: string | null = null;\n\n  async componentWillLoad() {\n    const iconName = this.host.innerHTML?.trim();\n    if (!!iconName) {\n      try {\n        const response = await fetch(`/assets/pictograms/${iconName}.svg`);\n        if (response.ok) {\n          this.svgContent = await response.text();\n        } else {\n          console.error(`Icon \"${iconName}\" not found in assets/pictograms.`);\n        }\n      } catch (error) {\n        console.error(`Error loading icon \"${iconName}\":`, error);\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          part=\"icon\"\n          class={{\n            [`is-size-${this.size}`]: true,\n          }}\n          innerHTML={this.svgContent || ''} // Inject the loaded SVG content into the component\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CLtU4Br-.js

@@ -0,0 +1,43 @@
+import { p as proxyCustomElement, H, h } from './p-BtF2Ym6T.js';
+import { d as defineCustomElement$1 } from './p-Mse5vRUS.js';
+
+const sixStageIndicatorCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:grid}.center-content{display:grid;align-self:center;justify-self:center;grid-gap:5px;grid-auto-flow:column}.align-item{margin:auto}.indicator,.indicator--acceptance,.indicator--etu,.indicator--dev,.indicator--itu{font-family:var(--six-font-family);font-size:14px;font-weight:var(--six-font-weight-bold);display:grid;align-content:center;width:100%;height:24px}.indicator--itu{background-color:var(--six-color-success-600);color:var(--six-color-web-rock-900)}.indicator--dev{background-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.indicator--etu{background-color:var(--six-color-action-600);color:var(--six-color-white)}.indicator--acceptance{background-color:var(--six-color-warning-800);color:var(--six-color-web-rock-900)}";
+
+const SixStageIndicator = /*@__PURE__*/ proxyCustomElement(class SixStageIndicator extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** The indicators value attribute */
+        this.stage = null;
+    }
+    render() {
+        return this.stage == null || this.stage == 'PROD' ? null : (h("div", { class: `indicator--${this.stage.toLowerCase()}` }, h("div", { class: "center-content" }, h("six-icon", { class: "align-item", size: "small" }, "error_outline"), h("span", { class: 'align-item' }, h("slot", null)))));
+    }
+    static get style() { return sixStageIndicatorCss; }
+}, [1, "six-stage-indicator", {
+        "stage": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-stage-indicator", "six-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-stage-indicator":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixStageIndicator);
+            }
+            break;
+        case "six-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { SixStageIndicator as S, defineCustomElement as d };
+//# sourceMappingURL=p-CLtU4Br-.js.map
+
+//# sourceMappingURL=p-CLtU4Br-.js.map

package/dist/components/p-CLtU4Br-.js.map

@@ -0,0 +1 @@
+{"file":"p-CLtU4Br-.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,69BAA69B;;MCS7+B,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAc,IAAI;AAgBhC;IAdC,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,GAAG,IAAI,IACtD,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAE,CAAA,EAAA,EAClD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,UAAA,EAAA,EAAU,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAE9B,EAAA,eAAA,CAAA,EACX,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,YAAY,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACH,CACH,CACF,CACP;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-stage-indicator/six-stage-indicator.scss?tag=six-stage-indicator&encapsulation=shadow","src/components/six-stage-indicator/six-stage-indicator.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: grid;\n}\n\n.center-content {\n  display: grid;\n  align-self: center;\n  justify-self: center;\n  grid-gap: 5px;\n  grid-auto-flow: column;\n}\n\n.align-item {\n  margin: auto;\n}\n\n.indicator {\n  font-family: var(--six-font-family);\n  font-size: 14px;\n  font-weight: var(--six-font-weight-bold);\n  display: grid;\n  align-content: center;\n  width: 100%;\n  height: 24px;\n\n  &--itu {\n    @extend .indicator;\n    background-color: var(--six-color-success-600);\n    color: var(--six-color-web-rock-900);\n  }\n\n  &--dev {\n    @extend .indicator;\n    background-color: var(--six-color-web-rock-900);\n    color: var(--six-color-white);\n  }\n\n  &--etu {\n    @extend .indicator;\n    background-color: var(--six-color-action-600);\n    color: var(--six-color-white);\n  }\n\n  &--acceptance {\n    @extend .indicator;\n    background-color: var(--six-color-warning-800);\n    color: var(--six-color-web-rock-900);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nexport type StageType = 'DEV' | 'ITU' | 'ETU' | 'ACCEPTANCE' | 'PROD' | null;\n\n@Component({\n  tag: 'six-stage-indicator',\n  styleUrl: 'six-stage-indicator.scss',\n  shadow: true,\n})\nexport class SixStageIndicator {\n  /** The indicators value attribute */\n  @Prop() stage: StageType = null;\n\n  render() {\n    return this.stage == null || this.stage == 'PROD' ? null : (\n      <div class={`indicator--${this.stage.toLowerCase()}`}>\n        <div class=\"center-content\">\n          <six-icon class=\"align-item\" size=\"small\">\n            error_outline\n          </six-icon>\n          <span class={'align-item'}>\n            <slot />\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}