@sellmate/design-system 0.0.52 → 0.0.54

package/dist/components/sd-toggle-button.js

@@ -0,0 +1,74 @@
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CQBrru3e.js';
+
+const sdToggleButtonCss = () => `sd-toggle-button{display:inline-block;line-height:0}.sd-toggle-button{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:4px 12px;gap:6px;border-radius:14px;border:1px solid #888888;background-color:#ffffff;color:#737373;font-size:12px;line-height:20px;font-weight:400;cursor:pointer;transition:border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;white-space:nowrap;user-select:none;box-sizing:border-box}.sd-toggle-button--active{border-color:#0075ff;color:#0075ff}.sd-toggle-button--disabled{background-color:#eeeeee;border-color:#cccccc;color:#888888}.sd-toggle-button--disabled.sd-toggle-button--active{background-color:#eeeeee;border-color:#cccccc;color:#888888}.sd-toggle-button:hover:not(.sd-toggle-button--disabled):not(.sd-toggle-button--active){border-color:#737373}.sd-toggle-button:hover:not(.sd-toggle-button--disabled).sd-toggle-button--active{border-color:#005cc9;color:#005cc9}`;
+
+const SdToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SdToggleButton extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.sdChange = createEvent(this, "sdChange");
+    }
+    value = false;
+    label = '';
+    disabled = false;
+    isActive = false;
+    sdChange;
+    componentWillLoad() {
+        this.updateActiveState(this.value);
+    }
+    componentWillRender() {
+        this.updateActiveState(this.value);
+    }
+    updateActiveState(value) {
+        this.isActive = value;
+    }
+    get buttonClasses() {
+        const classes = ['sd-toggle-button'];
+        if (this.isActive) {
+            classes.push('sd-toggle-button--active');
+        }
+        if (this.disabled) {
+            classes.push('sd-toggle-button--disabled');
+        }
+        return classes.join(' ');
+    }
+    handleChange = () => {
+        if (this.disabled)
+            return;
+        const newValue = !this.value;
+        this.value = newValue;
+        this.sdChange.emit(newValue);
+    };
+    render() {
+        return (h("label", { key: '4ac2cac1d4b1da4d707f4ce84a03ffc7a8ec7cb8', class: this.buttonClasses, role: "button", "aria-pressed": this.isActive.toString(), "aria-disabled": this.disabled.toString(), "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'e9a974d34d7b3803b5ed44dc1b2da1199daf5bef', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+    }
+    static get style() { return sdToggleButtonCss(); }
+}, [768, "sd-toggle-button", {
+        "value": [1540],
+        "label": [1],
+        "disabled": [4],
+        "isActive": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sd-toggle-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sd-toggle-button":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), SdToggleButton$1);
+            }
+            break;
+    } });
+}
+
+const SdToggleButton = SdToggleButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SdToggleButton, defineCustomElement };
+//# sourceMappingURL=sd-toggle-button.js.map
+
+//# sourceMappingURL=sd-toggle-button.js.map

package/dist/components/sd-toggle-button.js.map

@@ -0,0 +1 @@
+{"file":"sd-toggle-button.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,46BAA46B,CAAC;;MCMj8BA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IACc,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,QAAQ,GAAY,KAAK;AAEjC,IAAA,QAAQ;IAEjB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGnC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG3B,IAAA,iBAAiB,CAAC,KAAc,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGtB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,kBAAkB,CAAC;AAEpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC;;AAGzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC;;AAG3C,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAA,eAAA,EACvB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC3B,YAAA,EAAA,IAAI,CAAC,KAAK,IAAI,eAAe,EAAA,EAExC,IAAI,CAAC,KAAK,EACX,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAI,CAAA,CAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggleButton","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle-button/sd-toggle-button.scss?tag=sd-toggle-button","src/components/sd-toggle-button/sd-toggle-button.tsx"],"sourcesContent":["@import 'variables';\r\n\r\nsd-toggle-button {\r\n display: inline-block;\r\n line-height: 0;\r\n}\r\n\r\n.sd-toggle-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 28px;\r\n padding: 4px 12px;\r\n gap: 6px;\r\n border-radius: 14px;\r\n border: 1px solid $grey_65;\r\n background-color: $white;\r\n color: $grey_70;\r\n font-size: 12px;\r\n line-height: 20px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;\r\n white-space: nowrap;\r\n user-select: none;\r\n box-sizing: border-box;\r\n\r\n &--active {\r\n  border-color: $brilliantblue_75;\r\n  color: $brilliantblue_75;\r\n }\r\n\r\n &--disabled {\r\n  background-color: $grey_20;\r\n  border-color: $grey_45;\r\n  color: $grey_65;\r\n\r\n  &.sd-toggle-button--active {\r\n   background-color: $grey_20;\r\n   border-color: $grey_45;\r\n   color: $grey_65;\r\n  }\r\n }\r\n\r\n &:hover:not(.sd-toggle-button--disabled) {\r\n  &:not(.sd-toggle-button--active) {\r\n   border-color: $grey_70;\r\n  }\r\n\r\n  &.sd-toggle-button--active {\r\n   border-color: $brilliantblue_80;\r\n   color: $brilliantblue_80;\r\n  }\r\n }\r\n}","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-toggle-button',\r\n styleUrl: 'sd-toggle-button.scss',\r\n})\r\nexport class SdToggleButton {\r\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\r\n\r\n @Prop() label: string = '';\r\n\r\n @Prop() disabled: boolean = false;\r\n\r\n @State() private isActive: boolean = false;\r\n\r\n @Event() sdChange!: EventEmitter<boolean>;\r\n\r\n componentWillLoad() {\r\n  this.updateActiveState(this.value);\r\n }\r\n\r\n componentWillRender() {\r\n  this.updateActiveState(this.value);\r\n }\r\n\r\n private updateActiveState(value: boolean) {\r\n  this.isActive = value;\r\n }\r\n\r\n private get buttonClasses(): string {\r\n  const classes = ['sd-toggle-button'];\r\n\r\n  if (this.isActive) {\r\n   classes.push('sd-toggle-button--active');\r\n  }\r\n\r\n  if (this.disabled) {\r\n   classes.push('sd-toggle-button--disabled');\r\n  }\r\n\r\n  return classes.join(' ');\r\n }\r\n\r\n private handleChange = () => {\r\n  if (this.disabled) return;\r\n\r\n  const newValue = !this.value;\r\n  this.value = newValue;\r\n  this.sdChange.emit(newValue);\r\n };\r\n\r\n render() {\r\n  return (\r\n   <label\r\n    class={this.buttonClasses}\r\n    role=\"button\"\r\n    aria-pressed={this.isActive.toString()}\r\n    aria-disabled={this.disabled.toString()}\r\n    aria-label={this.label || 'toggle button'}\r\n   >\r\n    {this.label}\r\n    <input style={{ display: 'none' }} type=\"checkbox\" onInput={this.handleChange} />\r\n   </label>\r\n  );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/sd-toggle.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-TFWJruz2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CQBrru3e.js';
 
-const sdToggleCss = "sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#cccccc;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075ff}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#bbdaff}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#eeeeee}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005cc9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#bbbbbb}";
+const sdToggleCss = () => `sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#cccccc;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075ff}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#bbdaff}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#eeeeee}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005cc9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#bbbbbb}`;
 
 const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
     constructor(registerHost) {
@@ -39,9 +39,9 @@ const SdToggle$1 = /*@__PURE__*/ proxyCustomElement(class SdToggle extends H {
         this.sdChange.emit(newValue);
     };
     render() {
-        return (h("label", { key: '8b196fae6d8931cdd39c7eea51a7f1f843f4cb75', "aria-checked": this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "switch", "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: '4a60ce883411cb2a598d003ff264fe6659d0df02', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'c0fb2edfb1a2854c31fb6eb0a4e4169e2e409db2', class: "sd-toggle__label" }, this.label), h("div", { key: 'c9f78f892be478cbd1232722487471eae53bee8a', class: "sd-toggle__track" }, h("div", { key: 'b6388556a0d6f4b9f74e6e2684ded4cde93d6384', class: "sd-toggle__thumb" }))));
+        return (h("label", { key: 'dda95f842f686a3f595db6ecb651551f717cab18', "aria-checked": this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "switch", "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'a281a6572b7fca32242ba08ad45984445bd1a009', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'dfae7796e9e421e7d6ebc6e6693e6266b2ff87cd', class: "sd-toggle__label" }, this.label), h("div", { key: 'e4343307f2df5f5c68509a3e9576a811bd9192ff', class: "sd-toggle__track" }, h("div", { key: 'be214081e5ccc21ad306e52ce186ba4dc56c6c3b', class: "sd-toggle__thumb" }))));
     }
-    static get style() { return sdToggleCss; }
+    static get style() { return sdToggleCss(); }
 }, [768, "sd-toggle", {
         "value": [1540],
         "label": [1],
@@ -55,8 +55,8 @@ function defineCustomElement$1() {
     const components = ["sd-toggle"];
     components.forEach(tagName => { switch (tagName) {
         case "sd-toggle":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SdToggle$1);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), SdToggle$1);
             }
             break;
     } });

package/dist/components/sd-toggle.js.map

@@ -1 +1 @@
-{"file":"sd-toggle.js","mappings":";;AAAA,MAAM,WAAW,GAAG,ioCAAioC;;MCMxoCA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACoB,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,SAAS,GAAY,KAAK;AAElC,IAAA,QAAQ;IAEjB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AACxC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;AAGvB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE7F,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAA,EACe,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EACxB,eAAA,EAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACvC,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,IAAI,CAAC,KAAK,IAAI,QAAQ,EAClC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzB,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,YAAY,EACzB,CAAA,EACD,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,GAAO,CAC/B,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle/sd-toggle.scss?tag=sd-toggle","src/components/sd-toggle/sd-toggle.tsx"],"sourcesContent":["@import 'variables';\r\n\r\nsd-toggle {\r\n  display: inline-block;\r\n  height: 20px;\r\n  line-height: 0;\r\n\r\n  .sd-toggle {\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    height: 20px;\r\n\r\n    > input {\r\n      display: none;\r\n    }\r\n\r\n    &__label {\r\n      font-size: 12px;\r\n      color: $grey_90;\r\n      line-height: 20px;\r\n    }\r\n\r\n    &__track {\r\n      width: 36px;\r\n      height: 20px;\r\n      border-radius: 12px;\r\n      background: $grey_45;\r\n      position: relative;\r\n      transition: background-color 0.2s ease;\r\n    }\r\n\r\n    &__thumb {\r\n      width: 16px;\r\n      height: 16px;\r\n      border-radius: 50%;\r\n      background: white;\r\n      position: absolute;\r\n      top: 2px;\r\n      left: 2px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    &--checked {\r\n      .sd-toggle__track {\r\n        background: $brilliantblue_75;\r\n      }\r\n\r\n      .sd-toggle__thumb {\r\n        transform: translateX(16px);\r\n      }\r\n    }\r\n\r\n    &--disabled {\r\n      cursor: not-allowed;\r\n\r\n      &.sd-toggle--checked {\r\n        .sd-toggle__track {\r\n          background: $brilliantblue_40;\r\n        }\r\n      }\r\n\r\n      &.sd-toggle--unchecked {\r\n        .sd-toggle__track {\r\n          background: $grey_20;\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover:not(.sd-toggle--disabled) {\r\n      &.sd-toggle--checked {\r\n        .sd-toggle__track {\r\n          background: $brilliantblue_80;\r\n        }\r\n      }\r\n\r\n      &.sd-toggle--unchecked {\r\n        .sd-toggle__track {\r\n          background: $grey_50;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-toggle',\r\n styleUrl: 'sd-toggle.scss',\r\n})\r\nexport class SdToggle {\r\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\r\n\r\n @Prop() label: string = '';\r\n\r\n @Prop() disabled: boolean = false;\r\n\r\n @State() private isChecked: boolean = false;\r\n\r\n @Event() sdChange!: EventEmitter<boolean>;\r\n\r\n componentWillLoad() {\r\n  this.updateCheckedState(this.value);\r\n }\r\n\r\n componentWillRender() {\r\n  this.updateCheckedState(this.value);\r\n }\r\n\r\n private updateCheckedState(value: boolean) {\r\n  this.isChecked = value;\r\n }\r\n\r\n private get toggleClasses(): string {\r\n  const classes = ['sd-toggle', this.isChecked ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];\r\n\r\n  if (this.disabled) {\r\n   classes.push('sd-toggle--disabled');\r\n  }\r\n\r\n  return classes.join(' ');\r\n }\r\n\r\n private handleChange = () => {\r\n  if (this.disabled) return;\r\n\r\n  const newValue = !this.value;\r\n  this.value = newValue;\r\n  this.sdChange.emit(newValue);\r\n };\r\n\r\n render() {\r\n  return (\r\n   <label\r\n    aria-checked={this.isChecked.toString()}\r\n    aria-disabled={this.disabled.toString()}\r\n    role=\"switch\"\r\n    aria-label={this.label || 'toggle'}\r\n    class={this.toggleClasses}\r\n   >\r\n    <input\r\n     type=\"checkbox\"\r\n     checked={this.isChecked}\r\n     disabled={this.disabled}\r\n     onInput={this.handleChange}\r\n    />\r\n    {this.label && <span class=\"sd-toggle__label\">{this.label}</span>}\r\n    <div class=\"sd-toggle__track\">\r\n     <div class=\"sd-toggle__thumb\"></div>\r\n    </div>\r\n   </label>\r\n  );\r\n }\r\n}\r\n"],"version":3}
+{"file":"sd-toggle.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,+nCAA+nC,CAAC;;MCM9oCA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;IACoB,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,SAAS,GAAY,KAAK;AAElC,IAAA,QAAQ;IAEjB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AACxC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;AAGvB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE7F,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAA,EACe,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EACxB,eAAA,EAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACvC,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,IAAI,CAAC,KAAK,IAAI,QAAQ,EAClC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzB,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,YAAY,EACzB,CAAA,EACD,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,GAAO,CAC/B,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdToggle","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-toggle/sd-toggle.scss?tag=sd-toggle","src/components/sd-toggle/sd-toggle.tsx"],"sourcesContent":["@import 'variables';\r\n\r\nsd-toggle {\r\n  display: inline-block;\r\n  height: 20px;\r\n  line-height: 0;\r\n\r\n  .sd-toggle {\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    height: 20px;\r\n\r\n    > input {\r\n      display: none;\r\n    }\r\n\r\n    &__label {\r\n      font-size: 12px;\r\n      color: $grey_90;\r\n      line-height: 20px;\r\n    }\r\n\r\n    &__track {\r\n      width: 36px;\r\n      height: 20px;\r\n      border-radius: 12px;\r\n      background: $grey_45;\r\n      position: relative;\r\n      transition: background-color 0.2s ease;\r\n    }\r\n\r\n    &__thumb {\r\n      width: 16px;\r\n      height: 16px;\r\n      border-radius: 50%;\r\n      background: white;\r\n      position: absolute;\r\n      top: 2px;\r\n      left: 2px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    &--checked {\r\n      .sd-toggle__track {\r\n        background: $brilliantblue_75;\r\n      }\r\n\r\n      .sd-toggle__thumb {\r\n        transform: translateX(16px);\r\n      }\r\n    }\r\n\r\n    &--disabled {\r\n      cursor: not-allowed;\r\n\r\n      &.sd-toggle--checked {\r\n        .sd-toggle__track {\r\n          background: $brilliantblue_40;\r\n        }\r\n      }\r\n\r\n      &.sd-toggle--unchecked {\r\n        .sd-toggle__track {\r\n          background: $grey_20;\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover:not(.sd-toggle--disabled) {\r\n      &.sd-toggle--checked {\r\n        .sd-toggle__track {\r\n          background: $brilliantblue_80;\r\n        }\r\n      }\r\n\r\n      &.sd-toggle--unchecked {\r\n        .sd-toggle__track {\r\n          background: $grey_50;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-toggle',\r\n styleUrl: 'sd-toggle.scss',\r\n})\r\nexport class SdToggle {\r\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\r\n\r\n @Prop() label: string = '';\r\n\r\n @Prop() disabled: boolean = false;\r\n\r\n @State() private isChecked: boolean = false;\r\n\r\n @Event() sdChange!: EventEmitter<boolean>;\r\n\r\n componentWillLoad() {\r\n  this.updateCheckedState(this.value);\r\n }\r\n\r\n componentWillRender() {\r\n  this.updateCheckedState(this.value);\r\n }\r\n\r\n private updateCheckedState(value: boolean) {\r\n  this.isChecked = value;\r\n }\r\n\r\n private get toggleClasses(): string {\r\n  const classes = ['sd-toggle', this.isChecked ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];\r\n\r\n  if (this.disabled) {\r\n   classes.push('sd-toggle--disabled');\r\n  }\r\n\r\n  return classes.join(' ');\r\n }\r\n\r\n private handleChange = () => {\r\n  if (this.disabled) return;\r\n\r\n  const newValue = !this.value;\r\n  this.value = newValue;\r\n  this.sdChange.emit(newValue);\r\n };\r\n\r\n render() {\r\n  return (\r\n   <label\r\n    aria-checked={this.isChecked.toString()}\r\n    aria-disabled={this.disabled.toString()}\r\n    role=\"switch\"\r\n    aria-label={this.label || 'toggle'}\r\n    class={this.toggleClasses}\r\n   >\r\n    <input\r\n     type=\"checkbox\"\r\n     checked={this.isChecked}\r\n     disabled={this.disabled}\r\n     onInput={this.handleChange}\r\n    />\r\n    {this.label && <span class=\"sd-toggle__label\">{this.label}</span>}\r\n    <div class=\"sd-toggle__track\">\r\n     <div class=\"sd-toggle__thumb\"></div>\r\n    </div>\r\n   </label>\r\n  );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/sd-tooltip-portal.js

@@ -1,4 +1,4 @@
-import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-CJ0qTKU7.js';
+import { S as SdTooltipPortal$1, d as defineCustomElement$1 } from './p-Cx3euWvk.js';
 
 const SdTooltipPortal = SdTooltipPortal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sd-tooltip.js

@@ -1,4 +1,4 @@
-import { S as SdTooltip$1, d as defineCustomElement$1 } from './p-S7M--xNH.js';
+import { S as SdTooltip$1, d as defineCustomElement$1 } from './p-BqxmCDlz.js';
 
 const SdTooltip = SdTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sd-tr.js

@@ -1,4 +1,4 @@
-import { S as SdTr$1, d as defineCustomElement$1 } from './p-C171iavd.js';
+import { S as SdTr$1, d as defineCustomElement$1 } from './p-DdeknsBE.js';
 
 const SdTr = SdTr$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/design-system/design-system.esm.js

@@ -1,2 +1,2 @@
-import{p as e,g as o,b as l}from"./p-ClyGLKUd.js";export{s as setNonce}from"./p-ClyGLKUd.js";var t=()=>{const o=import.meta.url;const l={};if(o!==""){l.resourcesUrl=new URL(".",o).href}return e(l)};t().then((async e=>{await o();return l([["p-3d78a7c7",[[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}]]],["p-1e175d35",[[772,"sd-select-multiple",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-74f12ea0",[[772,"sd-select-multiple-group",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],allCheckedLabel:[1,"all-checked-label"],allCheckOptionLabel:[1,"all-check-option-label"],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-8d6d225d",[[770,"sd-date-picker",{date:[1],label:[1],selectable:[16],disabled:[4],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-4e7bc094",[[770,"sd-date-range-picker",{date:[16],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]}]]],["p-1efccd9d",[[769,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},null,{show:["watchShowHandler"]}]]],["p-b892a722",[[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],modalClass:[1,"modal-class"]}]]],["p-c9b70553",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-bc905ded",[[772,"sd-card",{bordered:[4],class:[1]}]]],["p-7d14540d",[[768,"sd-progress",{type:[1],status:[1],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]]],["p-1ad40ed0",[[769,"sd-tag",{size:[1],color:[1],rounded:[4],label:[1],bgColor:[1,"bg-color"],textColor:[1,"text-color"]}]]],["p-1b6aec43",[[772,"sd-td",{name:[1],align:[1],tdStyle:[16],tdClass:[1,"td-class"]}]]],["p-717a736c",[[772,"sd-table-backup",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],headerCellRenderer:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],useVirtualScroll:[16],virtualRowHeight:[2,"virtual-row-height"],virtualColumnWidth:[2,"virtual-column-width"],virtualBufferSize:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],virtualStartIndex:[32],virtualEndIndex:[32],scrollTopPosition:[32],virtualStartColIdx:[32],virtualEndColIdx:[32],scrollLeftPosition:[32]},null,{columns:["handleColumnsChange"],columnWidths:["handleColumnWidthsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}],[768,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}],[768,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-toggle",{value:[1540],label:[1],disabled:[4],isChecked:[32]}],[256,"sd-loading-spinner"],[772,"sd-select",{value:[1032],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContent:[32]}],[768,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}],[768,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],isDisabled:[64]}],[769,"sd-tooltip-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],class:[1]}],[768,"sd-checkbox",{checked:[4],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[1],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],error:[32],focused:[32],hovered:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{name:[1],size:[8],color:[1],rotate:[2],label:[1],iconStyle:[16]}]]],["p-c7e8a2c0",[[768,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}]]],["p-6d81e6f8",[[770,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]]],["p-4828e65b",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]]],e)}));
+import{p as e,g as l,b as a}from"./p-7X2nzJWz.js";export{s as setNonce}from"./p-7X2nzJWz.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a([["p-fe8721b5",[[772,"sd-table",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32]},null,{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}]]],["p-2df41cc3",[[772,"sd-select-multiple",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}]]],["p-ddb5a2f4",[[770,"sd-date-picker",{date:[1],label:[1],selectable:[16],disabled:[4],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]]],["p-db603dcb",[[770,"sd-date-range-picker",{date:[16],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]}]]],["p-a18c202d",[[769,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},null,{show:["watchShowHandler"]}]]],["p-e31182ad",[[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],modalClass:[1,"modal-class"]}]]],["p-be9c40a3",[[770,"sd-badge",{size:[1],color:[1],label:[1]}]]],["p-6ce950da",[[772,"sd-card",{bordered:[4],class:[1]}]]],["p-b0668ce9",[[768,"sd-progress",{type:[1],status:[1],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]]],["p-6b3c33c3",[[768,"sd-radio-button-group",{value:[1544],radioOptions:[1040],size:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-26266f8c",[[772,"sd-td",{name:[1],align:[1],tdStyle:[16],tdClass:[1,"td-class"]}]]],["p-1fbc8e14",[[770,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]]],["p-3cc7957d",[[260,"sd-tbody"],[260,"sd-th"],[260,"sd-tr"]]],["p-f9e04bf9",[[772,"sd-table-backup",{columns:[16],rows:[1040],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],headerCellRenderer:[16],bodyCellRenderer:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],rowsPerPageOption:[16],useVirtualScroll:[16],virtualRowHeight:[2,"virtual-row-height"],virtualColumnWidth:[2,"virtual-column-width"],virtualBufferSize:[16],currentPage:[32],innerRows:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],virtualStartIndex:[32],virtualEndIndex:[32],scrollTopPosition:[32],virtualStartColIdx:[32],virtualEndColIdx:[32],scrollLeftPosition:[32]},null,{columns:["handleColumnsChange"],columnWidths:["handleColumnWidthsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}],[772,"sd-select-multiple-group",{value:[1040],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],allCheckedLabel:[1,"all-checked-label"],allCheckOptionLabel:[1,"all-check-option-label"],containerStyle:[16],triggerStyle:[16],dropdownStyle:[16],optionStyle:[16],labelStyle:[16],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],isDropdownReady:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}],[770,"sd-toast-message",{icon:[1],message:[1],link:[1],linkLabel:[1,"link-label"],buttonLabel:[1,"button-label"],close:[4],type:[1],isVisible:[32]}],[768,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],width:[8],internalValue:[32],hovered:[32],showTooltip:[32]},null,{value:["valueChanged"]}],[768,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],displayValue:[32],hovered:[32],error:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[768,"sd-tabs",{value:[1537],tabs:[1040],size:[1],isSub:[4,"is-sub"],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],name:[1],selectedValue:[32]},null,{value:["valueChanged"]}],[768,"sd-toggle",{value:[1540],label:[1],disabled:[4],isChecked:[32]}],[768,"sd-toggle-button",{value:[1540],label:[1],disabled:[4],isActive:[32]}],[768,"sd-select-option-group",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],useIndicator:[4,"use-indicator"],countInfo:[16],isHovered:[32],isDisabled:[64]}],[256,"sd-loading-spinner"],[769,"sd-tag",{size:[1],color:[1],rounded:[4],label:[1],bgColor:[1,"bg-color"],textColor:[1,"text-color"]}],[772,"sd-select",{value:[1032],label:[1],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],disabled:[4],clearable:[4],searchable:[4],optionRenderer:[16],filteredOptions:[32],isOpen:[32],searchText:[32],itemIndex:[32],isScrolled:[32],open:[64]},null,{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}],[768,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContent:[32]}],[768,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}],[768,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],isDisabled:[64]}],[769,"sd-tooltip-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],class:[1]}],[768,"sd-checkbox",{checked:[4],val:[8],disabled:[4],label:[1],isChecked:[32]},null,{checked:["watchValueHandler"]}],[772,"sd-input",{value:[1032],label:[1],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],internalValue:[32],error:[32],focused:[32],hovered:[32],getNativeElement:[64]},null,{value:["valueChanged"],internalValue:["internalValueChanged"]}],[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-icon",{name:[1],size:[8],color:[1],rotate:[2],label:[1],iconStyle:[16]}]]]],e)}));
 //# sourceMappingURL=design-system.esm.js.map

package/dist/design-system/design-system.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/design-system/p-1fbc8e14.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as d,H as s}from"./p-7X2nzJWz.js";const o=()=>`.sd-date-box.sc-sd-date-box-h{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box-h{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box-h:not(.sd-date-box--disabled){cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box-h:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box-h:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--today.sc-sd-date-box-h:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}`;const a=class{constructor(d){t(this,d);this.sdClick=e(this,"sdClick");this.sdMouseOver=e(this,"sdMouseOver")}date=null;disabled=false;selected=false;isStartDate=false;isEndDate=false;isToday=false;inRange=false;type="";sdClick;sdMouseOver;handleClickDate(){if(this.disabled)return;if(typeof this.date==="string")return;this.sdClick?.emit(this.date)}handleHoverDate(){if(typeof this.date==="string")return;this.sdMouseOver?.emit(this.date)}render(){return d(s,{key:"d38fb599ea91f851d33d43ffeb064b715dc1e4ad",role:"button","aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-date-box":true,"sd-hoverable":!this.disabled||!this.selected||this.type==="","sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":this.type==="start","sd-date-box--type-end":this.type==="end"},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},d("div",{key:"c2c7dcc9b384e8d000d8803fa4e4a5fcc1f2e527",class:"sd-date-box__content"},d("div",{key:"7c002c5356d9c3fcf8ec0c8f751e97fd42e59645",class:"sd-date-box__label"},this.date)))}};a.style=o();export{a as sd_date_box};
+//# sourceMappingURL=p-1fbc8e14.entry.js.map

package/dist/design-system/p-1fbc8e14.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","sdDateBoxCss","SdDateBox","constructor","hostRef","this","sdClick","sdMouseOver","date","disabled","selected","isStartDate","isEndDate","isToday","inRange","type","handleClickDate","emit","handleHoverDate","render","key","role","tabindex","class","onClick","onMouseOver","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAe,IAAM,m4EAE3B,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,QAAUR,EAAYO,KAAM,WACjCA,KAAKE,YAAcT,EAAYO,KAAM,cACzC,CACAG,KAAO,KACPC,SAAW,MACXC,SAAW,MACXC,YAAc,MACdC,UAAY,MACZC,QAAU,MACVC,QAAU,MACVC,KAAO,GACPT,QACAC,YACA,eAAAS,GACI,GAAIX,KAAKI,SACL,OACJ,UAAWJ,KAAKG,OAAS,SACrB,OACJH,KAAKC,SAASW,KAAKZ,KAAKG,KAC5B,CACA,eAAAU,GACI,UAAWb,KAAKG,OAAS,SACrB,OACJH,KAAKE,aAAaU,KAAKZ,KAAKG,KAChC,CACA,MAAAW,GACI,OAAQpB,EAAEC,EAAM,CAAEoB,IAAK,2CAA4CC,KAAM,SAAU,gBAAiBhB,KAAKI,SAAW,OAAS,QAASa,SAAUjB,KAAKI,UAAY,EAAI,EAAGc,MAAO,CACvK,cAAe,KACf,gBAAiBlB,KAAKI,WAAaJ,KAAKK,UAAYL,KAAKU,OAAS,GAClE,wBAAyBV,KAAKI,SAC9B,wBAAyBJ,KAAKK,SAC9B,qBAAsBL,KAAKQ,QAC3B,0BAA2BR,KAAKM,YAChC,wBAAyBN,KAAKO,UAC9B,wBAAyBP,KAAKS,QAC9B,0BAA2BT,KAAKU,OAAS,QACzC,wBAAyBV,KAAKU,OAAS,OACxCS,QAAS,IAAMnB,KAAKW,kBAAmBS,YAAa,IAAMpB,KAAKa,mBAAqBnB,EAAE,MAAO,CAAEqB,IAAK,2CAA4CG,MAAO,wBAA0BxB,EAAE,MAAO,CAAEqB,IAAK,2CAA4CG,MAAO,sBAAwBlB,KAAKG,OAC5R,GAEJN,EAAUwB,MAAQzB,WAETC","ignoreList":[]}

package/dist/design-system/p-26266f8c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as s}from"./p-7X2nzJWz.js";const a=()=>`sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}`;const l=class{constructor(t){e(this,t)}name="";align="left";tdStyle;tdClass;render(){return t(s,{key:"96933d25aa2342e56aaad5a447840bf51b0af078",role:"cell",class:{"sd-td":true,[`sd-td--${this.align}`]:true,[this.tdClass||""]:Boolean(this.tdClass)},style:this.tdStyle},t("slot",{key:"d6a500857bfc914b0443c5ced9607e15dc151c7c"}))}};l.style=a();export{l as sd_td};
+//# sourceMappingURL=p-26266f8c.entry.js.map

package/dist/design-system/p-26266f8c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","sdTdCss","SdTd","constructor","hostRef","this","name","align","tdStyle","tdClass","render","key","role","class","Boolean","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAU,IAAM,kJAEtB,MAAMC,EAAO,MACT,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACAE,KAAO,GACPC,MAAQ,OACRC,QACAC,QACA,MAAAC,GACI,OAAQX,EAAEC,EAAM,CAAEW,IAAK,2CAA4CC,KAAM,OAAQC,MAAO,CAChF,QAAS,KACT,CAAC,UAAUR,KAAKE,SAAU,KAC1B,CAACF,KAAKI,SAAW,IAAKK,QAAQT,KAAKI,UACpCM,MAAOV,KAAKG,SAAWT,EAAE,OAAQ,CAAEY,IAAK,6CACnD,GAEJT,EAAKa,MAAQd,WAEJC","ignoreList":[]}

package/dist/design-system/p-2df41cc3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as s,h as i,H as l}from"./p-7X2nzJWz.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const c=()=>`.sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}`;const n=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;async open(){this.isOpen=true}valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")||[]);const i=s?.[this.itemIndex];if(!i||!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")||[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText||this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))||null}else{this.value=[...this.value||[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef||!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const c=r?r.offsetHeight:0;const n=l+c;const d=l+o;if(s<n){t.scrollTop=s-c}else if(s+i>d){t.scrollTop=s+i-o+c}}render(){const e={"--select-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"};return i(l,{key:"b80f1d57e87db4e921436b726cfeac4618a13d6b",style:e},i("div",{key:"43ae0ae2ec83cef2cad1ae59764b5463bb66eda0",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled},ref:e=>this.selectRef=e},this.renderLabel(this.label),i("div",{key:"8802336bea4e78aa6ccf1a567d238005ff58c29b",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};n.style=c();export{n as sd_select_multiple};
+//# sourceMappingURL=p-2df41cc3.entry.js.map

package/dist/design-system/p-2df41cc3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","BaseDropdownEvent","SelectKeyboardNavigation","sdSelectMultipleCss","SdSelectMultiple","constructor","hostRef","super","this","sdChange","dropDownShow","el","value","label","options","placeholder","optionPlaceholder","width","dropdownHeight","disabled","clearable","searchable","useCheckbox","optionRenderer","filteredOptions","isOpen","searchText","itemIndex","isScrolled","selectRef","searchRef","optionRef","dropdownRef","open","valueChanged","emit","optionsChanged","filterOptions","searchTextChanged","itemIndexChanged","newIndex","oldIndex","searchInput","getNativeInputElement","focus","matches","blur","optionElements","Array","from","querySelectorAll","currentItem","isOptionDisabled","isDisabled","scrollToOption","isOpenChanged","onDropdownToggle","selectedOption","getSelectedOption","indexOf","Promise","resolve","setTimeout","connectedCallback","initializeEvent","disconnectedCallback","cleanupEvent","handleDocumentClick","event","contains","target","handleDocumentKeydown","keyboardEvent","stopPropagation","targetKey","includes","key","preventDefault","keyboardNavigation","nextIndex","getNextIndex","handleOptionSelection","handleTriggerClick","handleOptionClick","detail","option","trim","filter","toLowerCase","handleDropdownScroll","scrollTop","getNativeElement","isAlreadySelected","some","opt","closeDropdown","optionElement","dropdown","optionTop","offsetTop","optionHeight","offsetHeight","dropdownScrollTop","clientHeight","searchContainer","querySelector","searchOffset","visibleTop","visibleBottom","render","style","class","ref","renderLabel","renderTrigger","renderDropdown","tabindex","onClick","length","map","join","name","size","color","parentRef","onSdClose","onScroll","inputStyle","autofocus","onSdInput","String","onSdFocus","marginRight","slot","index","isSelected","selected","isFocused","onOptionClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/p-3cc7957d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a}from"./p-7X2nzJWz.js";const s=()=>`sd-tbody{display:table-row-group}`;const d=class{constructor(t){e(this,t)}render(){return t(a,{key:"7636f7ff23e8aa3c83ace885c5f2ad3fa1e57a45"},t("slot",{key:"9cdae57011b78e861dab1c16144642c534aaa9e4"}))}};d.style=s();const o=()=>`sd-th{display:table-cell;padding:12px;font-weight:bold;text-align:left;border-bottom:2px solid #ddd;background-color:#f1f1f1}`;const r=class{constructor(t){e(this,t)}render(){return t(a,{key:"8b511af45184973c4daefe8bee11130934ef05be",role:"columnheader"},t("slot",{key:"a72bff519a60499357ccce741fa0b90cdf9197b7"}))}};r.style=o();const c=()=>`sd-tr{display:table-row}`;const b=class{constructor(t){e(this,t)}render(){return t(a,{key:"45ae0547de2437e9b815e0ed33226276787805f7",role:"row"},t("slot",{key:"98dabd2288d0db28bc9305f1b1b3298cb2a905d0"}))}};b.style=c();export{d as sd_tbody,r as sd_th,b as sd_tr};
+//# sourceMappingURL=p-3cc7957d.entry.js.map

package/dist/design-system/p-3cc7957d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","sdTbodyCss","SdTbody","constructor","hostRef","this","render","key","style","sdThCss","SdTh","role","sdTrCss","SdTr"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAa,IAAM,oCAEzB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,4CAA8CR,EAAE,OAAQ,CAAEQ,IAAK,6CAC1F,GAEJL,EAAQM,MAAQP,IAEhB,MAAMQ,EAAU,IAAM,gIAEtB,MAAMC,EAAO,MACT,WAAAP,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,2CAA4CI,KAAM,gBAAkBZ,EAAE,OAAQ,CAAEQ,IAAK,6CAChH,GAEJG,EAAKF,MAAQC,IAEb,MAAMG,EAAU,IAAM,2BAEtB,MAAMC,EAAO,MACT,WAAAV,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAM,CAAEO,IAAK,2CAA4CI,KAAM,OAASZ,EAAE,OAAQ,CAAEQ,IAAK,6CACvG,GAEJM,EAAKL,MAAQI,WAEJV,cAAqBQ,WAAeG","ignoreList":[]}

package/dist/design-system/p-6b3c33c3.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r}from"./p-7X2nzJWz.js";const i=()=>`sd-radio-button-group{display:inline-block}sd-radio-button-group .sd-radio-button-group{display:flex;flex-direction:row;gap:0}sd-radio-button-group .sd-radio-button-group__option{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #cccccc;background-color:white;color:#333333;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-radio-button-group .sd-radio-button-group__option input{display:none}sd-radio-button-group .sd-radio-button-group__option:not(:first-child){margin-left:-1px}sd-radio-button-group .sd-radio-button-group__option:first-child{border-radius:4px 0 0 4px}sd-radio-button-group .sd-radio-button-group__option:last-child{border-radius:0 4px 4px 0}sd-radio-button-group .sd-radio-button-group__option:only-child{border-radius:4px}sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group__option--selected):hover{background-color:#0075ff;color:white;font-weight:500;border-color:#0075ff;z-index:2}sd-radio-button-group .sd-radio-button-group__option--selected{border-color:#0075ff;color:#0075ff;background-color:white;z-index:1}sd-radio-button-group .sd-radio-button-group__option--disabled{background-color:#e1e1e1;border-color:#cccccc;color:#888888;cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__option:has(input:disabled){cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__label{user-select:none}sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option{padding:4px 12px;font-size:12px;line-height:20px}sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option{padding:4px 20px;font-size:16px;line-height:26px}`;const d=class{constructor(r){o(this,r);this.sdChange=t(this,"sdChange")}value;radioOptions=[];size="md";disabled=false;name;selectedValue;sdChange;componentWillLoad(){if(this.value!==undefined&&this.value!==null){this.selectedValue=this.value}}valueChanged(o){this.selectedValue=o}handleRadioChange=(o,t)=>{if(this.disabled||t)return;this.selectedValue=o;this.value=o;this.sdChange.emit(o)};isOptionSelected(o){return this.selectedValue===o.value}isOptionDisabled(o){return this.disabled||!!o.disabled}getButtonClasses(o){const t=["sd-radio-button-group__option",this.isOptionSelected(o)?"sd-radio-button-group__option--selected":"sd-radio-button-group__option--unselected"];if(this.isOptionDisabled(o)){t.push("sd-radio-button-group__option--disabled")}return t.join(" ")}getGroupClasses(){const o=["sd-radio-button-group",`sd-radio-button-group--${this.size}`];return o.join(" ")}render(){const o=this.name||`sd-radio-button-group-${Math.random().toString(36).substring(2,11)}`;return r("div",{key:"11b2fa2d7c019ea5d1c535e8f36ac488169e11e9",class:this.getGroupClasses(),role:"radiogroup","aria-disabled":this.disabled.toString()},this.radioOptions.map(((t,i)=>{const d=this.isOptionSelected(t);const s=this.isOptionDisabled(t);return r("label",{key:`radio-${i}`,class:this.getButtonClasses(t),role:"radio","aria-checked":d.toString(),"aria-disabled":s.toString(),"aria-label":t.label||"radio option"},r("input",{type:"radio",name:o,value:t.value.toString(),checked:d,disabled:s,onInput:()=>this.handleRadioChange(t.value,t.disabled)}),t.label&&r("span",{class:"sd-radio-button-group__label"},t.label))})))}static get watchers(){return{value:["valueChanged"]}}};d.style=i();export{d as sd_radio_button_group};
+//# sourceMappingURL=p-6b3c33c3.entry.js.map

package/dist/design-system/p-6b3c33c3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","sdRadioButtonGroupCss","SdRadioButtonGroup","constructor","hostRef","this","sdChange","value","radioOptions","size","disabled","name","selectedValue","componentWillLoad","undefined","valueChanged","newValue","handleRadioChange","optionValue","optionDisabled","emit","isOptionSelected","option","isOptionDisabled","getButtonClasses","classes","push","join","getGroupClasses","render","groupName","Math","random","toString","substring","key","class","role","map","index","isSelected","isDisabled","label","type","checked","onInput","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,MAAS,kBAE3D,MAAMC,EAAwB,IAAM,wvDAEpC,MAAMC,EAAqB,MACvB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAWP,EAAYM,KAAM,WACtC,CACAE,MACAC,aAAe,GACfC,KAAO,KACPC,SAAW,MACXC,KACAC,cACAN,SACA,iBAAAO,GACI,GAAIR,KAAKE,QAAUO,WAAaT,KAAKE,QAAU,KAAM,CACjDF,KAAKO,cAAgBP,KAAKE,KAC9B,CACJ,CACA,YAAAQ,CAAaC,GACTX,KAAKO,cAAgBI,CACzB,CACAC,kBAAoB,CAACC,EAAaC,KAC9B,GAAId,KAAKK,UAAYS,EACjB,OACJd,KAAKO,cAAgBM,EACrBb,KAAKE,MAAQW,EACbb,KAAKC,SAASc,KAAKF,EAAY,EAEnC,gBAAAG,CAAiBC,GACb,OAAOjB,KAAKO,gBAAkBU,EAAOf,KACzC,CACA,gBAAAgB,CAAiBD,GACb,OAAOjB,KAAKK,YAAcY,EAAOZ,QACrC,CACA,gBAAAc,CAAiBF,GACb,MAAMG,EAAU,CACZ,gCACApB,KAAKgB,iBAAiBC,GAChB,0CACA,6CAEV,GAAIjB,KAAKkB,iBAAiBD,GAAS,CAC/BG,EAAQC,KAAK,0CACjB,CACA,OAAOD,EAAQE,KAAK,IACxB,CACA,eAAAC,GACI,MAAMH,EAAU,CAAC,wBAAyB,0BAA0BpB,KAAKI,QACzE,OAAOgB,EAAQE,KAAK,IACxB,CACA,MAAAE,GACI,MAAMC,EAAYzB,KAAKM,MAAQ,yBAAyBoB,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,MAChG,OAAQlC,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO/B,KAAKuB,kBAAmBS,KAAM,aAAc,gBAAiBhC,KAAKK,SAASuB,YAAc5B,KAAKG,aAAa8B,KAAI,CAAChB,EAAQiB,KAC/L,MAAMC,EAAanC,KAAKgB,iBAAiBC,GACzC,MAAMmB,EAAapC,KAAKkB,iBAAiBD,GACzC,OAAQtB,EAAE,QAAS,CAAEmC,IAAK,SAASI,IAASH,MAAO/B,KAAKmB,iBAAiBF,GAASe,KAAM,QAAS,eAAgBG,EAAWP,WAAY,gBAAiBQ,EAAWR,WAAY,aAAcX,EAAOoB,OAAS,gBAAkB1C,EAAE,QAAS,CAAE2C,KAAM,QAAShC,KAAMmB,EAAWvB,MAAOe,EAAOf,MAAM0B,WAAYW,QAASJ,EAAY9B,SAAU+B,EAAYI,QAAS,IAAMxC,KAAKY,kBAAkBK,EAAOf,MAAOe,EAAOZ,YAAcY,EAAOoB,OAAS1C,EAAE,OAAQ,CAAEoC,MAAO,gCAAkCd,EAAOoB,OAAQ,IAE7f,CACA,mBAAWI,GAAa,MAAO,CAC3BvC,MAAS,CAAC,gBACX,GAEPL,EAAmB6C,MAAQ9C,WAElBC","ignoreList":[]}

package/dist/design-system/p-6ce950da.entry.js

@@ -0,0 +1,2 @@
+import{r as d,h as r,H as a}from"./p-7X2nzJWz.js";const e=()=>`sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card.sd-card--bordered{border:1px solid #e1e1e1}`;const s=class{constructor(r){d(this,r)}bordered=true;class="";render(){return r(a,{key:"4a44b9ef84a83b91879dabaa099a21b499baad2c"},r("div",{key:"cb8499ddef896bf1e2ba753dd4b0a35f41f7e39f",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.class}`},r("slot",{key:"e7d6f9ffa8ad8d5061471a6e8cbeb5c4d5d5f2b4"})))}};s.style=e();export{s as sd_card};
+//# sourceMappingURL=p-6ce950da.entry.js.map

package/dist/design-system/p-6ce950da.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","sdCardCss","SdCard","constructor","hostRef","this","bordered","class","render","key","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAY,IAAM,4JAExB,MAAMC,EAAS,MACX,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACAE,SAAW,KACXC,MAAQ,GACR,MAAAC,GACI,OAAQT,EAAEC,EAAM,CAAES,IAAK,4CAA8CV,EAAE,MAAO,CAAEU,IAAK,2CAA4CF,MAAO,WAAWF,KAAKC,SAAW,oBAAsB,MAAMD,KAAKE,SAAWR,EAAE,OAAQ,CAAEU,IAAK,8CACpO,GAEJP,EAAOQ,MAAQT,WAENC","ignoreList":[]}