@six-group/ui-library 0.0.0-insider.a9875a1 → 0.0.0-insider.af88f91

package/dist/collection/wrappers/set-attributes/set-attributes.js

@@ -1,74 +0,0 @@
-import { h } from "@stencil/core";
-export class SetAttributes {
-    constructor() {
-        this.value = {};
-    }
-    componentWillLoad() {
-        this.injectAttrs();
-    }
-    attrsUpdated() {
-        this.injectAttrs();
-    }
-    injectAttrs() {
-        const slot = this.host.firstElementChild;
-        if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
-            return;
-        }
-        const child = slot.assignedElements().pop();
-        if (!child) {
-            return;
-        }
-        const types = {
-            // no need for function and bigint
-            undefined: (key) => child.removeAttribute(key),
-            boolean: (key, value) => {
-                if (value != null) {
-                    child.setAttribute(key, '');
-                }
-                else {
-                    child.removeAttribute(key);
-                }
-            },
-            number: (key, value) => child.setAttribute(key, value),
-            string: (key, value) => child.setAttribute(key, value),
-            object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
-        };
-        for (const [key, value] of Object.entries(this.value)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            types[typeof value](key, value);
-        }
-    }
-    render() {
-        return h("slot", null);
-    }
-    static get is() { return "set-attributes"; }
-    static get properties() {
-        return {
-            "value": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "{}",
-                    "resolved": "{}",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Attributes map"
-                },
-                "defaultValue": "{}"
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "attrsUpdated"
-            }];
-    }
-}
-//# sourceMappingURL=set-attributes.js.map

package/dist/collection/wrappers/set-attributes/set-attributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-attributes.js","sourceRoot":"","sources":["../../../src/wrappers/set-attributes/set-attributes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKnE,MAAM,OAAO,aAAa;;qBAIR,EAAE;;IAElB,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAGD,YAAY;QACV,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEO,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAoC,CAAC;QAE5D,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,KAAK,UAAU,EAAE;YAChD,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;QAE5C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,KAAK,GAAG;YACZ,kCAAkC;YAClC,SAAS,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YACtD,OAAO,EAAE,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;gBACvC,IAAI,KAAK,IAAI,IAAI,EAAE;oBACjB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;iBAC7B;qBAAM;oBACL,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;iBAC5B;YACH,CAAC;YACD,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvF,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrD,6DAA6D;YAC7D,aAAa;YACb,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACjC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,eAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'set-attributes',\n})\nexport class SetAttributes {\n  @Element() host!: HTMLSetAttributesElement;\n\n  /** Attributes map */\n  @Prop() value = {};\n\n  componentWillLoad() {\n    this.injectAttrs();\n  }\n\n  @Watch('value')\n  attrsUpdated() {\n    this.injectAttrs();\n  }\n\n  private injectAttrs() {\n    const slot = this.host.firstElementChild as HTMLSlotElement;\n\n    if (typeof slot?.assignedElements !== 'function') {\n      return;\n    }\n\n    const child = slot.assignedElements().pop();\n\n    if (!child) {\n      return;\n    }\n\n    const types = {\n      // no need for function and bigint\n      undefined: (key: string) => child.removeAttribute(key),\n      boolean: (key: string, value: unknown) => {\n        if (value != null) {\n          child.setAttribute(key, '');\n        } else {\n          child.removeAttribute(key);\n        }\n      },\n      number: (key: string, value: string) => child.setAttribute(key, value),\n      string: (key: string, value: string) => child.setAttribute(key, value),\n      object: (key: string, value: string) => child.setAttribute(key, JSON.stringify(value)),\n    };\n\n    for (const [key, value] of Object.entries(this.value)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      types[typeof value](key, value);\n    }\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n"]}

package/dist/collection/wrappers/set-attributes/test/set-attributes.spec.js

@@ -1,16 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SetAttributes } from "../set-attributes";
-describe('set-attributes', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SetAttributes],
-            html: `<set-attributes><slot></slot></set-attributes>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <set-attributes>
-        <slot></slot>
-      </set-attributes>
-    `);
-    });
-});
-//# sourceMappingURL=set-attributes.spec.js.map

package/dist/collection/wrappers/set-attributes/test/set-attributes.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-attributes.spec.js","sourceRoot":"","sources":["../../../../src/wrappers/set-attributes/test/set-attributes.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,gDAAgD;SACvD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SetAttributes } from '../set-attributes';\n\ndescribe('set-attributes', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SetAttributes],\n      html: `<set-attributes><slot></slot></set-attributes>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <set-attributes>\n        <slot></slot>\n      </set-attributes>\n    `);\n  });\n});\n"]}

package/dist/components/set-attributes.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SetAttributes extends Components.SetAttributes, HTMLElement {}
-export const SetAttributes: {
-    prototype: SetAttributes;
-    new (): SetAttributes;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/set-attributes.js

@@ -1,8 +0,0 @@
-import { S as SetAttributes$1, d as defineCustomElement$1 } from './set-attributes2.js';
-
-const SetAttributes = SetAttributes$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SetAttributes, defineCustomElement };
-
-//# sourceMappingURL=set-attributes.js.map

package/dist/components/set-attributes.js.map

@@ -1 +0,0 @@
-{"file":"set-attributes.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/set-attributes2.js

@@ -1,73 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const SetAttributes = /*@__PURE__*/ proxyCustomElement(class SetAttributes extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.value = {};
-    }
-    componentWillLoad() {
-        this.injectAttrs();
-    }
-    attrsUpdated() {
-        this.injectAttrs();
-    }
-    injectAttrs() {
-        const slot = this.host.firstElementChild;
-        if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
-            return;
-        }
-        const child = slot.assignedElements().pop();
-        if (!child) {
-            return;
-        }
-        const types = {
-            // no need for function and bigint
-            undefined: (key) => child.removeAttribute(key),
-            boolean: (key, value) => {
-                if (value != null) {
-                    child.setAttribute(key, '');
-                }
-                else {
-                    child.removeAttribute(key);
-                }
-            },
-            number: (key, value) => child.setAttribute(key, value),
-            string: (key, value) => child.setAttribute(key, value),
-            object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
-        };
-        for (const [key, value] of Object.entries(this.value)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            types[typeof value](key, value);
-        }
-    }
-    render() {
-        return h("slot", null);
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "value": ["attrsUpdated"]
-    }; }
-}, [4, "set-attributes", {
-        "value": [16]
-    }, undefined, {
-        "value": ["attrsUpdated"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["set-attributes"];
-    components.forEach(tagName => { switch (tagName) {
-        case "set-attributes":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SetAttributes);
-            }
-            break;
-    } });
-}
-
-export { SetAttributes as S, defineCustomElement as d };
-
-//# sourceMappingURL=set-attributes2.js.map

package/dist/components/set-attributes2.js.map

@@ -1 +0,0 @@
-{"file":"set-attributes2.js","mappings":";;MAKa,aAAa;;;;qBAIR,EAAE;;IAElB,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAGD,YAAY;QACV,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEO,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAoC,CAAC;QAE5D,IAAI,QAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,KAAK,UAAU,EAAE;YAChD,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;QAE5C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,KAAK,GAAG;;YAEZ,SAAS,EAAE,CAAC,GAAW,KAAK,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YACtD,OAAO,EAAE,CAAC,GAAW,EAAE,KAAc;gBACnC,IAAI,KAAK,IAAI,IAAI,EAAE;oBACjB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;iBAC7B;qBAAM;oBACL,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;iBAC5B;aACF;YACD,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvF,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;;;YAGrD,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACjC;KACF;IAED,MAAM;QACJ,OAAO,eAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/wrappers/set-attributes/set-attributes.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'set-attributes',\n})\nexport class SetAttributes {\n  @Element() host!: HTMLSetAttributesElement;\n\n  /** Attributes map */\n  @Prop() value = {};\n\n  componentWillLoad() {\n    this.injectAttrs();\n  }\n\n  @Watch('value')\n  attrsUpdated() {\n    this.injectAttrs();\n  }\n\n  private injectAttrs() {\n    const slot = this.host.firstElementChild as HTMLSlotElement;\n\n    if (typeof slot?.assignedElements !== 'function') {\n      return;\n    }\n\n    const child = slot.assignedElements().pop();\n\n    if (!child) {\n      return;\n    }\n\n    const types = {\n      // no need for function and bigint\n      undefined: (key: string) => child.removeAttribute(key),\n      boolean: (key: string, value: unknown) => {\n        if (value != null) {\n          child.setAttribute(key, '');\n        } else {\n          child.removeAttribute(key);\n        }\n      },\n      number: (key: string, value: string) => child.setAttribute(key, value),\n      string: (key: string, value: string) => child.setAttribute(key, value),\n      object: (key: string, value: string) => child.setAttribute(key, JSON.stringify(value)),\n    };\n\n    for (const [key, value] of Object.entries(this.value)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      types[typeof value](key, value);\n    }\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/components/six-tag2.js

@@ -1,102 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as getTextContent } from './slot.js';
-import { a as debounce } from './execution-control.js';
-import { d as defineCustomElement$3 } from './six-icon2.js';
-import { d as defineCustomElement$2 } from './six-icon-button2.js';
-import { d as defineCustomElement$1 } from './six-tooltip2.js';
-
-const sixTagCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block;overflow:hidden}.tag{display:flex;align-items:center;border:solid 1px;font-family:var(--six-font-family);line-height:1;white-space:nowrap;user-select:none;cursor:default}.tag__content{text-overflow:ellipsis;overflow:hidden}.tag__clear::part(base){color:inherit;padding:0}.tag--info{color:var(--six-color-white);background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900)}.tag--success{color:var(--six-color-web-rock-900);border-color:var(--six-color-success-500);background-color:var(--six-color-success-500)}.tag--primary{color:var(--six-color-web-rock-900);border-color:var(--six-color-clay-50);background-color:var(--six-color-clay-50)}.tag--warning{color:var(--six-color-web-rock-900);border-color:var(--six-color-warning-700);background-color:var(--six-color-warning-700)}.tag--danger{color:var(--six-color-white);border-color:var(--six-color-danger-800);background-color:var(--six-color-danger-800)}.tag--action{color:var(--six-color-white);border-color:var(--six-color-action-500);background-color:var(--six-color-action-500)}.tag--small{font-size:var(--six-button-font-size-small);height:calc(var(--six-height-small) * 0.8);line-height:calc(var(--six-height-small) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-small);padding:0 var(--six-spacing-x-small)}.tag--small .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-xxx-small))}.tag--medium{font-size:var(--six-button-font-size-medium);height:calc(var(--six-height-medium) * 0.8);line-height:calc(var(--six-height-medium) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-medium);padding:0 var(--six-spacing-small)}.tag--medium .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-xx-small))}.tag--large{font-size:var(--six-button-font-size-large);height:calc(var(--six-height-large) * 0.8);line-height:calc(var(--six-height-large) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-large);padding:0 var(--six-spacing-medium)}.tag--large .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-x-small))}.tag--pill{border-radius:var(--six-border-radius-pill)}";
-
-const SixTag = /*@__PURE__*/ proxyCustomElement(class SixTag extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.sixClear = createEvent(this, "six-tag-clear", 7);
-        this.resizeObserver = new ResizeObserver(debounce(() => this.updateTooltip()));
-        this.updateTooltip = () => {
-            if (this.tooltipElement != null && this.contentSlotElement != null && this.contentElement != null) {
-                this.tooltipElement.content = getTextContent(this.contentSlotElement);
-                this.tooltipElement.disabled = !(this.contentElement.offsetWidth < this.contentElement.scrollWidth);
-            }
-        };
-        this.handleClearClick = () => {
-            this.sixClear.emit();
-        };
-        this.type = 'primary';
-        this.size = 'medium';
-        this.pill = false;
-        this.clearable = false;
-    }
-    connectedCallback() {
-        if (this.contentElement != null) {
-            this.resizeObserver.observe(this.contentElement);
-        }
-    }
-    componentDidLoad() {
-        if (this.contentElement != null) {
-            this.resizeObserver.observe(this.contentElement);
-        }
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-    }
-    render() {
-        return (h("span", { part: "base", class: {
-                tag: true,
-                // Types
-                'tag--primary': this.type === 'primary',
-                'tag--success': this.type === 'success',
-                'tag--info': this.type === 'info',
-                'tag--warning': this.type === 'warning',
-                'tag--danger': this.type === 'danger',
-                'tag--action': this.type === 'action',
-                'tag--text': this.type === 'text',
-                // Sizes
-                'tag--small': this.size === 'small',
-                'tag--medium': this.size === 'medium',
-                'tag--large': this.size === 'large',
-                // Modifers
-                'tag--pill': this.pill,
-                'tag--clear': this.clearable,
-            } }, h("six-tooltip", { ref: (el) => (this.tooltipElement = el) }, h("span", { ref: (el) => (this.contentElement = el), part: "content", class: "tag__content" }, h("slot", { ref: (el) => (this.contentSlotElement = el) }))), this.clearable && (h("six-icon-button", { exportparts: "base:clear-button", size: "xSmall", name: "clear", class: "tag__clear", onClick: this.handleClearClick }))));
-    }
-    static get style() { return sixTagCss; }
-}, [1, "six-tag", {
-        "type": [513],
-        "size": [513],
-        "pill": [516],
-        "clearable": [516]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["six-tag", "six-icon", "six-icon-button", "six-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "six-tag":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SixTag);
-            }
-            break;
-        case "six-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "six-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "six-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SixTag as S, defineCustomElement as d };
-
-//# sourceMappingURL=six-tag2.js.map

package/dist/components/six-tag2.js.map

@@ -1 +0,0 @@
-{"file":"six-tag2.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,y0EAAy0E;;MCuB90E,MAAM;;;;;;QAmBT,mBAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAkB1E,kBAAa,GAAG;YACtB,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;gBACjG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACtE,IAAI,CAAC,cAAc,CAAC,QAAQ,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;aACrG;SACF,CAAC;QAEM,qBAAgB,GAAG;YACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACtB,CAAC;oBA5CyG,SAAS;oBAGtD,QAAQ;oBAGtC,KAAK;yBAGA,KAAK;;IAU1C,iBAAiB;QACf,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;YAC/B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAClD;KACF;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,EAAE;YAC/B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAClD;KACF;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;KAClC;IAaD,MAAM;QACJ,QACE,YACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI;;gBAGT,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACvC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACvC,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;gBACjC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACvC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACrC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACrC,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;;gBAGjC,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;gBACnC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;gBACrC,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;;gBAGnC,WAAW,EAAE,IAAI,CAAC,IAAI;gBACtB,YAAY,EAAE,IAAI,CAAC,SAAS;aAC7B,IAED,mBAAa,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,IAClD,YAAM,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,IAChF,YAAM,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,kBAAkB,GAAG,EAAqB,CAAC,GAAI,CACnE,CACK,EAEb,IAAI,CAAC,SAAS,KACb,uBACE,WAAW,EAAC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,IAAI,CAAC,gBAAgB,GAC9B,CACH,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/six-tag/six-tag.scss?tag=six-tag&encapsulation=shadow","src/components/six-tag/six-tag.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  overflow: hidden;\n}\n\n.tag {\n  display: flex;\n  align-items: center;\n  border: solid 1px;\n  font-family: var(--six-font-family);\n  line-height: 1;\n  white-space: nowrap;\n  user-select: none;\n  cursor: default;\n}\n\n.tag__content {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.tag__clear::part(base) {\n  color: inherit;\n  padding: 0;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Type modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--info {\n  color: var(--six-color-white);\n  background-color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-web-rock-900);\n}\n\n.tag--success {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-success-500);\n  background-color: var(--six-color-success-500);\n}\n\n.tag--primary {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-clay-50);\n  background-color: var(--six-color-clay-50);\n}\n\n.tag--warning {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-warning-700);\n  background-color: var(--six-color-warning-700);\n}\n\n.tag--danger {\n  color: var(--six-color-white);\n  border-color: var(--six-color-danger-800);\n  background-color: var(--six-color-danger-800);\n}\n\n.tag--action {\n  color: var(--six-color-white);\n  border-color: var(--six-color-action-500);\n  background-color: var(--six-color-action-500);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--small {\n  font-size: var(--six-button-font-size-small);\n  height: calc(var(--six-height-small) * 0.8);\n  line-height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-small);\n  padding: 0 var(--six-spacing-x-small);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-xxx-small));\n  }\n}\n\n.tag--medium {\n  font-size: var(--six-button-font-size-medium);\n  height: calc(var(--six-height-medium) * 0.8);\n  line-height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-medium);\n  padding: 0 var(--six-spacing-small);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-xx-small));\n  }\n}\n\n.tag--large {\n  font-size: var(--six-button-font-size-large);\n  height: calc(var(--six-height-large) * 0.8);\n  line-height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-large);\n  padding: 0 var(--six-spacing-medium);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-x-small));\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--pill {\n  border-radius: var(--six-border-radius-pill);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getTextContent } from '../../utils/slot';\nimport { debounce } from '../../utils/execution-control';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tag's content.\n *\n * @part base - The component's base wrapper.\n * @part content - The tag content.\n * @part clear-button - The clear button.\n */\n\n@Component({\n  tag: 'six-tag',\n  styleUrl: 'six-tag.scss',\n  shadow: true,\n})\nexport class SixTag {\n  /** The tag's type. */\n  @Prop({ reflect: true }) type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'action' | 'text' = 'primary';\n\n  /** The tag's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to draw a pill-style tag with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Set to true to make the tag clearable. */\n  @Prop({ reflect: true }) clearable = false;\n\n  /** Emitted when the clear button is activated. */\n  @Event({ eventName: 'six-tag-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n  private contentSlotElement: HTMLSlotElement | undefined;\n  private tooltipElement: HTMLSixTooltipElement | undefined;\n  private contentElement: HTMLElement | undefined;\n  private resizeObserver = new ResizeObserver(debounce(() => this.updateTooltip()));\n\n  connectedCallback() {\n    if (this.contentElement != null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.contentElement != null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  private updateTooltip = () => {\n    if (this.tooltipElement != null && this.contentSlotElement != null && this.contentElement != null) {\n      this.tooltipElement.content = getTextContent(this.contentSlotElement);\n      this.tooltipElement.disabled = !(this.contentElement.offsetWidth < this.contentElement.scrollWidth);\n    }\n  };\n\n  private handleClearClick = () => {\n    this.sixClear.emit();\n  };\n\n  render() {\n    return (\n      <span\n        part=\"base\"\n        class={{\n          tag: true,\n\n          // Types\n          'tag--primary': this.type === 'primary',\n          'tag--success': this.type === 'success',\n          'tag--info': this.type === 'info',\n          'tag--warning': this.type === 'warning',\n          'tag--danger': this.type === 'danger',\n          'tag--action': this.type === 'action',\n          'tag--text': this.type === 'text',\n\n          // Sizes\n          'tag--small': this.size === 'small',\n          'tag--medium': this.size === 'medium',\n          'tag--large': this.size === 'large',\n\n          // Modifers\n          'tag--pill': this.pill,\n          'tag--clear': this.clearable,\n        }}\n      >\n        <six-tooltip ref={(el) => (this.tooltipElement = el)}>\n          <span ref={(el) => (this.contentElement = el)} part=\"content\" class=\"tag__content\">\n            <slot ref={(el) => (this.contentSlotElement = el as HTMLSlotElement)} />\n          </span>\n        </six-tooltip>\n\n        {this.clearable && (\n          <six-icon-button\n            exportparts=\"base:clear-button\"\n            size=\"xSmall\"\n            name=\"clear\"\n            class=\"tag__clear\"\n            onClick={this.handleClearClick}\n          />\n        )}\n      </span>\n    );\n  }\n}\n"],"version":3}