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

package/dist/components/p-CGTdN4dS.js

@@ -1,62 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,43 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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}