@sellmate/design-system 1.0.21 → 1.0.23

package/dist/collection/components/sd-tag/sd-tag.js

@@ -1,49 +1,36 @@
 import { h } from "@stencil/core";
-const TAG_COLORS = {
-    grey: 'bg-grey_20 text-grey_70',
-    red: 'bg-red_15 text-red_70',
-    orange: 'bg-orange_10 text-orange_65',
-    yellow: 'bg-yellow_10 text-yellow_70',
-    green: 'bg-green_15 text-green_75',
-    blue: 'bg-brilliantblue_20 text-brilliantblue_75',
-    darkblue: 'bg-oceanblue_15 text-oceanblue_70',
-    indigo: 'bg-brilliantblue_10 text-brilliantblue_85',
-};
+import { TAG_CONFIG, isTagName } from "./sd-tag.config";
 export class SdTag {
-    el;
-    size = 'md';
-    color = 'grey';
-    rounded = false;
+    name = 'square_md_grey';
     label = '';
-    bgColor;
-    textColor;
-    getTagClasses() {
-        const classes = ['sd-tag', `sd-tag--${this.size}`];
-        if (this.rounded) {
-            classes.push('sd-tag--rounded');
+    icon;
+    isLeft = true;
+    get resolvedConfig() {
+        if (!isTagName(this.name)) {
+            throw new Error(`Invalid sd-tag name: ${this.name}`);
         }
-        if (this.color && !this.bgColor && !this.textColor) {
-            classes.push(TAG_COLORS[this.color]);
-        }
-        if (this.bgColor || this.textColor) {
-            classes.push('sd-tag--custom-color');
-        }
-        return classes.join(' ');
+        return TAG_CONFIG[this.name];
     }
-    renderContent() {
-        return [
-            h("span", { class: "sd-tag__content" }, h("slot", null, this.label)),
-        ];
+    renderIcon(color, size) {
+        if (!this.icon)
+            return null;
+        return h("sd-icon", { class: "sd-tag__icon", name: this.icon, size: size, color: color });
     }
     render() {
-        const tagClasses = this.getTagClasses();
-        return (h("span", { key: '9745415753fe657bf5e7e5ca9eb6e02f8c953bfd', class: tagClasses, style: {
-                '--tag-bg-color': this.bgColor,
-                '--tag-text-color': this.textColor,
-            }, "aria-label": this.label || 'tag' }, this.renderContent()));
+        const config = this.resolvedConfig;
+        const iconNode = this.renderIcon(config.icon, config.iconSize);
+        return (h("span", { key: '5f9ee005b146997dd13bb3e6a06680ff8574bd14', class: "sd-tag", style: {
+                '--sd-tag-background': config.background,
+                '--sd-tag-content': config.content,
+                '--sd-tag-height': config.height,
+                '--sd-tag-padding-x': config.paddingX,
+                '--sd-tag-gap': config.gap,
+                '--sd-tag-font-size': config.fontSize,
+                '--sd-tag-font-weight': config.fontWeight,
+                '--sd-tag-radius': config.radius,
+            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: 'b123ab6ac015db640e4dc3edc5e2cf90ec5e0ecf', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
     }
     static get is() { return "sd-tag"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["sd-tag.scss"]
@@ -56,43 +43,18 @@ export class SdTag {
     }
     static get properties() {
         return {
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TagSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "TagSize": {
-                            "location": "local",
-                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/sd-tag/sd-tag.tsx",
-                            "id": "src/components/sd-tag/sd-tag.tsx::TagSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "color": {
+            "name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "TagColor",
-                    "resolved": "\"blue\" | \"darkblue\" | \"green\" | \"grey\" | \"indigo\" | \"orange\" | \"red\" | \"yellow\"",
+                    "original": "TagName",
+                    "resolved": "\"pill_lg_blue\" | \"pill_lg_darkblue\" | \"pill_lg_green\" | \"pill_lg_grey\" | \"pill_lg_indigo\" | \"pill_lg_orange\" | \"pill_lg_red\" | \"pill_lg_yellow\" | \"pill_md_blue\" | \"pill_md_darkblue\" | \"pill_md_green\" | \"pill_md_grey\" | \"pill_md_indigo\" | \"pill_md_orange\" | \"pill_md_red\" | \"pill_md_yellow\" | \"pill_sm_blue\" | \"pill_sm_darkblue\" | \"pill_sm_green\" | \"pill_sm_grey\" | \"pill_sm_indigo\" | \"pill_sm_orange\" | \"pill_sm_red\" | \"pill_sm_yellow\" | \"square_lg_blue\" | \"square_lg_darkblue\" | \"square_lg_green\" | \"square_lg_grey\" | \"square_lg_indigo\" | \"square_lg_orange\" | \"square_lg_red\" | \"square_lg_yellow\" | \"square_md_blue\" | \"square_md_darkblue\" | \"square_md_green\" | \"square_md_grey\" | \"square_md_indigo\" | \"square_md_orange\" | \"square_md_red\" | \"square_md_yellow\" | \"square_sm_blue\" | \"square_sm_darkblue\" | \"square_sm_green\" | \"square_sm_grey\" | \"square_sm_indigo\" | \"square_sm_orange\" | \"square_sm_red\" | \"square_sm_yellow\"",
                     "references": {
-                        "TagColor": {
-                            "location": "local",
-                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/sd-tag/sd-tag.tsx",
-                            "id": "src/components/sd-tag/sd-tag.tsx::TagColor"
+                        "TagName": {
+                            "location": "import",
+                            "path": "./sd-tag.config",
+                            "id": "src/components/sd-tag/sd-tag.config.ts::TagName",
+                            "referenceLocation": "TagName"
                         }
                     }
                 },
@@ -105,28 +67,8 @@ export class SdTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "color",
-                "defaultValue": "'grey'"
-            },
-            "rounded": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "rounded",
-                "defaultValue": "false"
+                "attribute": "name",
+                "defaultValue": "'square_md_grey'"
             },
             "label": {
                 "type": "string",
@@ -148,13 +90,18 @@ export class SdTag {
                 "attribute": "label",
                 "defaultValue": "''"
             },
-            "bgColor": {
+            "icon": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
+                    "original": "IconName",
+                    "resolved": "\"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"checkFilled\" | \"checkOutline\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\" | undefined",
+                    "references": {
+                        "IconName": {
+                            "location": "global",
+                            "id": "global::IconName"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -165,18 +112,18 @@ export class SdTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "bg-color"
+                "attribute": "icon"
             },
-            "textColor": {
-                "type": "string",
+            "isLeft": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -184,9 +131,9 @@ export class SdTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "text-color"
+                "attribute": "is-left",
+                "defaultValue": "true"
             }
         };
     }
-    static get elementRef() { return "el"; }
 }

package/dist/collection/components/sd-textarea/sd-textarea.js

@@ -75,10 +75,10 @@ export class SdTextarea {
     }
     render() {
         const maxLengthCounter = this.getMaxLengthCounter();
-        return (h("div", { key: '888d11be57629e83e1215daddab63351a323672f', class: {
+        return (h("div", { key: '5f087de7fd28e3f5fa3315c37b8974e7f5878149', class: {
                 'sd-textarea': true,
                 [this.getTextareaStatus()]: true,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '1f91a1e435b2dba1817ce181f91bdf3829142682', class: "sd-textarea__content" }, h("textarea", { key: 'd883f4cdfd56220cf4382893f94a469f7afd7ff2', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: 'e9350d8e49eb87b2caddfc24079ece0d59c79739', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: 'cda9e2b8b0c15fbc7356597d4363d438688c8e4e', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '491e990142e07837169e84a3fcc3e80c00bc7153', class: "sd-textarea__counter" }, maxLengthCounter)))));
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: 'fb9e5c4e98cadbf1a694bce4f9fed498bdc8e7cd', class: "sd-textarea__content" }, h("textarea", { key: 'b0414813c34a127becd94ec6fc2e516c375d8eea', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: 'fe3f278f3a7d438f8fce8ca4043e00ec0220efd6', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: '16d15de3ff1e49de16b67088d52f7f2848f2e283', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '84b4adbd09b7af30dbc68b5f3e6473e97fe4c76e', class: "sd-textarea__counter" }, maxLengthCounter)))));
     }
     static get is() { return "sd-textarea"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-toast/sd-toast.js

@@ -39,10 +39,10 @@ export class SdToast {
             background: resolveColor(colorTokens.background),
             text: resolveColor(colorTokens.text),
         };
-        return (h("div", { key: '8118f67a55a3080ea91ffdfbd929bbe3464ab044', style: {
+        return (h("div", { key: '16579a21c0eec78e609b0cf82fcf2d040b8b3388', style: {
                 '--sd-toast-bg': colors.background,
                 '--sd-toast-text': colors.text,
-            } }, h("div", { key: 'f05c16b0c8ef6de2d62161f80591cb3a82c24434', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'b16fee2031c4093c263229d2ef07ad8f6e69778b', class: "sd-toast__icon" }, h("sd-icon", { key: 'cd8b4c4d9cbc329fdfc99236ca56a49658c0ca8c', name: this.icon, size: 16, color: colors.text }))), h("div", { key: '888748872d886745ace2ef8491d7098528df8a46', class: "sd-toast__content" }, h("span", { key: '31b285a6b6a03b833577b4a9fb860fd76e066cb6', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '61d1aacf70e7062abbedd2364474e7da990f485f', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '94aa75ef25ee18f0577d5539337152d654dab5c1', class: `sd-toast__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onSdClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.useClose && (h("button", { key: 'db0b83f7030feb5459597156c2d25f3437b91904', type: "button", class: "sd-toast__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: 'a3aab6c19c32043182f2d05d2583271520458493', name: "close", size: 12, color: colors.text }))))));
+            } }, h("div", { key: '108e47983e1ad99ed462a4fa00c29aa9e3393b8b', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'd034c9aaafc272d51de96de6ccefe49208aba7e3', class: "sd-toast__icon" }, h("sd-icon", { key: '14b97c4cbe7134f67d919abcf4e10cf673dd909d', name: this.icon, size: 16, color: colors.text }))), h("div", { key: '1cecb89bdb19742a7df04625e8f070cd2c207b5e', class: "sd-toast__content" }, h("span", { key: '1daf2a2bea963b7b68c580b30c4c8fa2f3a26c8f', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '8f7961c2c14806aa1323e378f57d74e47614772c', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '89cba5e58ff368aea05130b799d903d4cf85b120', class: `sd-toast__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onSdClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.useClose && (h("button", { key: '0e7fc0737824b61166cbff82a410948ca1745842', type: "button", class: "sd-toast__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '82d203f6eb584cb04566e8f3b1bd7a86ca50bba4', name: "close", size: 12, color: colors.text }))))));
     }
     static get is() { return "sd-toast"; }
     static get originalStyleUrls() {

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

@@ -28,7 +28,7 @@ export class SdToggle {
         this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: 'c0fcd12c231fdb995b5edae756157c58b352fd0f', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'e50042ae04830f4c276d8140725ab62cc2d0490d', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: '99f9506a2dcea8cfd85aabf6b71243c116a2bf11', class: "sd-toggle__label" }, this.label), h("div", { key: '424e1ae78d5684051bd7a2b3ba89f6760f773f1c', class: "sd-toggle__track" }, h("div", { key: '29aab89e58022ce22f026fb694bb9b1e4531d8cf', class: "sd-toggle__thumb" }))));
+        return (h("label", { key: '9a8a0221e093040e446bc193f682070aa1f95c6c', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: '4a2e3c626bfa4e439676cc40df619bd284d0178a', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: '1eecfd810c17610604d6cf93c6f664690f17ff6a', class: "sd-toggle__label" }, this.label), h("div", { key: '9f082e2f6036e338f2afb6fb719b4ff8d3a01d99', class: "sd-toggle__track" }, h("div", { key: '1d8b1bd11b05091a368c681ead7e79a0e453d510', class: "sd-toggle__thumb" }))));
     }
     static get is() { return "sd-toggle"; }
     static get originalStyleUrls() {

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

@@ -32,7 +32,7 @@ export class SdToggleButton {
         this.change.emit(newValue);
     };
     render() {
-        return (h("label", { key: '6f8d9e738490ef344ff26a4026b9de17af68041e', class: this.buttonClasses, "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: '6d9d45c451301c4635e610fd70280be1fe65b316', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: '174a62904591e559232574d207ff4ad9c0113ad8', class: this.buttonClasses, "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: '7bbd96a0563a8cadcfb7ab9d8e1fb3767508d6bf', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
     static get is() { return "sd-toggle-button"; }
     static get originalStyleUrls() {

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CDehvEQ5.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-B1vJXa29.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}

package/dist/components/{p-DdOM8yc2.js → p-2FdkYfts.js}

@@ -1 +1 @@
-import{p as t,H as n,c as i,h as a,F as e,t as s}from"./p-CDehvEQ5.js";import{d as o}from"./p-CbQobmaB.js";const r={1:26,2:36,3:42,4:50,5:58},p=10,l=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=i(this,"sdPageChange")}currentPage=1;lastPage=1;simple=!1;pageChange;get paginationClasses(){const t=["sd-pagination"];return this.simple&&t.push("sd-pagination--simple"),t.join(" ")}get pageNumbers(){const t=Math.floor((this.currentPage-1)/p)*p+1,n=Math.min(t+p-1,this.lastPage);return Array.from({length:n-t+1},((n,i)=>t+i))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return r[t]||r[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const n=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(n)}get isFirstGroup(){return this.currentPage<=p}get isLastGroup(){return Math.floor((this.currentPage-1)/p)*p+1+p-1>=this.lastPage}renderPrevButtons(){return this.simple?this.currentPage<=1?null:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,a("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:a(e,null,a("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"})))}render(){return a("div",{key:"feed08139c382f91539bc316a967ed1738529688",class:this.paginationClasses},a("div",{key:"42c908d7a685f2acab29a94d040e4f4c513fff38",class:"prepend-btns"},this.renderPrevButtons()),this.simple?a("div",{class:"pagination-info"},a("span",{class:"current-page"},this.currentPage),a("span",null,"/"),a("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>a("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"pagination-btn":!0,"pagination-btn--selected":this.currentPage===t},disabled:this.currentPage===t,style:{"--pagination-btn-width":`${this.buttonWidth}px`},onClick:()=>this.handlePageChange(t)},t))),a("div",{key:"2be11ae773c0bce71ecaf53f99daff3f5b2d567d",class:"append-btns"},this.renderNextButtons()))}static get style(){return".sd-pagination{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;color:#555555;width:100%;font-size:12px}.sd-pagination .prepend-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .prepend-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .prepend-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .append-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .append-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .append-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .pagination-btn{display:flex;align-items:center;justify-content:center;border-radius:14px;outline:none;border:none;cursor:pointer;height:26px;color:#555555;width:var(--pagination-btn-width, 26px)}.sd-pagination .pagination-btn--selected{background-color:#006AC1;color:white}.sd-pagination .pagination-btn:hover{border:1px solid #006AC1}.sd-pagination--simple .pagination-info{line-height:26px;display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.sd-pagination--simple .pagination-info .current-page,.sd-pagination--simple .pagination-info .last-page{padding:0 2px}"}},[512,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}]);function d(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))||customElements.define(s(t),l);break;case"sd-icon":customElements.get(s(t))||o()}}))}export{l as S,d}
+import{p as t,H as n,c as i,h as a,F as e,t as s}from"./p-B1vJXa29.js";import{d as o}from"./p-BKTfQGcR.js";const r={1:26,2:36,3:42,4:50,5:58},p=10,l=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=i(this,"sdPageChange")}currentPage=1;lastPage=1;simple=!1;pageChange;get paginationClasses(){const t=["sd-pagination"];return this.simple&&t.push("sd-pagination--simple"),t.join(" ")}get pageNumbers(){const t=Math.floor((this.currentPage-1)/p)*p+1,n=Math.min(t+p-1,this.lastPage);return Array.from({length:n-t+1},((n,i)=>t+i))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return r[t]||r[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const n=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(n)}get isFirstGroup(){return this.currentPage<=p}get isLastGroup(){return Math.floor((this.currentPage-1)/p)*p+1+p-1>=this.lastPage}renderPrevButtons(){return this.simple?this.currentPage<=1?null:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,a("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:a(e,null,a("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"})))}render(){return a("div",{key:"8ab0a0f2dfb17154eaba138aa0688606500be296",class:this.paginationClasses},a("div",{key:"04b985f2d3e06ef35b18d6d375021499f36952f1",class:"prepend-btns"},this.renderPrevButtons()),this.simple?a("div",{class:"pagination-info"},a("span",{class:"current-page"},this.currentPage),a("span",null,"/"),a("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>a("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"pagination-btn":!0,"pagination-btn--selected":this.currentPage===t},disabled:this.currentPage===t,style:{"--pagination-btn-width":`${this.buttonWidth}px`},onClick:()=>this.handlePageChange(t)},t))),a("div",{key:"c2ef87605487622bed06cac8d13d180f4af23e76",class:"append-btns"},this.renderNextButtons()))}static get style(){return".sd-pagination{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;color:#555555;width:100%;font-size:12px}.sd-pagination .prepend-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .prepend-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .prepend-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .append-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .append-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .append-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .pagination-btn{display:flex;align-items:center;justify-content:center;border-radius:14px;outline:none;border:none;cursor:pointer;height:26px;color:#555555;width:var(--pagination-btn-width, 26px)}.sd-pagination .pagination-btn--selected{background-color:#006AC1;color:white}.sd-pagination .pagination-btn:hover{border:1px solid #006AC1}.sd-pagination--simple .pagination-info{line-height:26px;display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.sd-pagination--simple .pagination-info .current-page,.sd-pagination--simple .pagination-info .last-page{padding:0 2px}"}},[512,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}]);function d(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))||customElements.define(s(t),l);break;case"sd-icon":customElements.get(s(t))||o()}}))}export{l as S,d}

package/dist/components/{p-CWg2auF3.js → p-B1o7vc2v.js}

@@ -1 +1 @@
-import{p as e,H as s,h as d,t as l}from"./p-CDehvEQ5.js";import{d as i}from"./p-CHAh-_qx.js";import{d as t}from"./p-MmKik3mL.js";import{d as r}from"./p-CbQobmaB.js";import{d as o}from"./p-D35gOcGh.js";const a=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea","sd-number-input"],f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";return this.disabled?(e="disabled",`sd-field--${e}`):this.focused?(e="focus",`sd-field--${e}`):(this.hovered&&(e="hover"),this.status&&(e=this.status),this.error&&(e="error"),e?`sd-field--${e}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of a){const s=this.el.closest(e);if(s&&"value"in s)return s}return null}registerToForm(){const e=this.el.closest("sd-form");e&&e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const e of this.rules){const s=e(this.value??"");if(!0!==s)return this.setError(!0,s),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,s){this.errorMsg=s,this.hostElement&&(this.hostElement.error=e)}render(){return d("div",{key:"3c69abe493110b5665795706a9ae0e525f213aca",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},d("div",{key:"decc6821b7172f5ecc2343472014c08674725904",class:"sd-field__wrapper"},this.renderLabel(this.label),d("div",{key:"ca5e93f049db10ecaaaab091fdf394ac4b55e292",class:{"sd-field__control":!0,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},d("slot",{key:"7ee38983d32985f4b4a035830bcdca0e14b2cf71"}))),this.errorMsg&&d("div",{key:"c2d6ef860ced48657b906806f2618594b094ea79",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){return e?d("label",{class:{"sd-field__label":!0,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&d("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),d("div",{class:"sd-field__label__text"},e),this.labelTooltip&&d("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},d("div",{slot:"content"},this.labelTooltip))):null}static get style(){return"sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075FF !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#EEEEEE;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #CCCCCC;border-right:none;border-radius:4px 0 0 4px;border-color:#AAAAAA;background-color:#F6F6F6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #AAAAAA;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #FB4444 !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075FF !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid #2BCE6C !important}sd-field .sd-field .sd-field__error-message{color:#FB4444;font-size:12px;line-height:20px;margin-top:4px}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],hovered:[1028],focused:[1028],status:[1],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-field","sd-button","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-field":customElements.get(l(e))||customElements.define(l(e),f);break;case"sd-button":customElements.get(l(e))||i();break;case"sd-floating-portal":customElements.get(l(e))||t();break;case"sd-icon":customElements.get(l(e))||r();break;case"sd-tooltip":customElements.get(l(e))||o()}}))}export{f as S,n as d}
+import{p as e,H as s,h as d,t as l}from"./p-B1vJXa29.js";import{d as i}from"./p-CAZeEBeS.js";import{d as t}from"./p-CVvYLd5J.js";import{d as r}from"./p-BKTfQGcR.js";import{d as o}from"./p-CDzGasXW.js";const a=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea","sd-number-input"],f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";return this.disabled?(e="disabled",`sd-field--${e}`):this.focused?(e="focus",`sd-field--${e}`):(this.hovered&&(e="hover"),this.status&&(e=this.status),this.error&&(e="error"),e?`sd-field--${e}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of a){const s=this.el.closest(e);if(s&&"value"in s)return s}return null}registerToForm(){const e=this.el.closest("sd-form");e&&e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const e of this.rules){const s=e(this.value??"");if(!0!==s)return this.setError(!0,s),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,s){this.errorMsg=s,this.hostElement&&(this.hostElement.error=e)}render(){return d("div",{key:"9ed0e615761d5c76dff1e95318b131bde22cd376",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},d("div",{key:"6d051479c9874f3c765d50096db80c73c4fc461b",class:"sd-field__wrapper"},this.renderLabel(this.label),d("div",{key:"64ea18d481f0ad689ed984cd40837717fb37a751",class:{"sd-field__control":!0,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},d("slot",{key:"8e043b3e476e0d574612c892f6c8c0bca28c117f"}))),this.errorMsg&&d("div",{key:"22d42bacdbdfe85dbe08395d21e59a06946986f5",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){return e?d("label",{class:{"sd-field__label":!0,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&d("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),d("div",{class:"sd-field__label__text"},e),this.labelTooltip&&d("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},d("div",{slot:"content"},this.labelTooltip))):null}static get style(){return"sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075FF !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#EEEEEE;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #CCCCCC;border-right:none;border-radius:4px 0 0 4px;border-color:#AAAAAA;background-color:#F6F6F6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #AAAAAA;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #FB4444 !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075FF !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid #2BCE6C !important}sd-field .sd-field .sd-field__error-message{color:#FB4444;font-size:12px;line-height:20px;margin-top:4px}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],hovered:[1028],focused:[1028],status:[1],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-field","sd-button","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-field":customElements.get(l(e))||customElements.define(l(e),f);break;case"sd-button":customElements.get(l(e))||i();break;case"sd-floating-portal":customElements.get(l(e))||t();break;case"sd-icon":customElements.get(l(e))||r();break;case"sd-tooltip":customElements.get(l(e))||o()}}))}export{f as S,n as d}

package/dist/components/p-B1vJXa29.js

@@ -0,0 +1 @@
+var t=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(t||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),e="type",l="value",o="serialized:";function s(t,n,e){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,n);if(l&&(!e||l.get))return l;t=Object.getPrototypeOf(t)}}var r=(t,n)=>{var e;Object.entries(null!=(e=n.l.t)?e:{}).map((([e,[l]])=>{if(31&l||32&l){const l=t[e],o=s(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);o&&Object.defineProperty(t,e,{get(){return o.get.call(this)},set(t){o.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(e)?t[e]=n.o.get(e):void 0!==l&&(t[e]=l)}}))},i=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,n)=>n in t,u=(t,n)=>(0,console.error)(t,n),f=new Map,a="s-id",d="sty-id",$="c-id",p="http://www.w3.org/1999/xlink",v="undefined"!=typeof window?window:{},h=v.HTMLElement||class{},y={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},m=(()=>{var t;let n=!1;try{null==(t=v.document)||t.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch(t){}return n})(),b=(()=>{try{return!!v.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),g=!!b&&(()=>!!v.document&&Object.getOwnPropertyDescriptor(v.document.adoptedStyleSheets,"length").writable)(),w=!1,j=[],O=[],S=(t,n)=>e=>{t.push(e),w||(w=!0,n&&4&y.i?x(k):y.raf(k))},N=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){u(t)}t.length=0},k=()=>{N(j),N(O),(w=j.length>0)&&y.raf(k)},x=t=>Promise.resolve(undefined).then(t),E=S(j,!1),M=S(O,!0),I=t=>{const n=new URL(t,y.u);return n.origin!==v.location.origin?n.href:n.pathname},L=t=>y.u=t,A=t=>{const n=V(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&C(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!_(t,T(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&V(t,"childNodes").length&&A(t)}};function C(t,n,e){let l,o=0,s=[];for(;o<t.length;o++){if(l=t[o],l["s-sr"]&&(!n||l["s-hn"]===n)&&(void 0===e||T(l)===e)&&(s.push(l),void 0!==e))return s;s=[...s,...C(l.childNodes,n,e)]}return s}var _=(t,n,e=!0)=>{const l=[];(e&&t["s-sr"]||!t["s-sr"])&&l.push(t);let o=t;for(;o=o.nextSibling;)T(o)!==n||!e&&o["s-sr"]||l.push(o);return l},R=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,F=(t,n,e,l)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const o=document.createTextNode("");if(o["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const s=n["s-cr"].parentNode,r=V(s,"appendChild");if(void 0!==l){o["s-oo"]=l;const t=V(s,"childNodes"),n=[o];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>r.call(s,t)))}else r.call(s,o);t["s-ol"]=o,t["s-sh"]=n["s-hn"]},T=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function D(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],l=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const o=this["s-cr"].parentElement;return(o.__childNodes?o.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const l=t[e]["s-nr"]||void 0;l&&l.isConnected&&n.push(l)}return n})(o.childNodes)).forEach((t=>{l===T(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}function V(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}var H=new WeakMap,P=t=>"sc-"+t.$,U=t=>"object"==(t=typeof t)||"function"===t,B=(t,n,...e)=>{let l=null,o=null,s=null,r=!1,i=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((r="function"!=typeof t&&!U(l))&&(l=String(l)),r&&i?c[c.length-1].p+=l:c.push(r?W(null,l):l),i=r)};if(u(e),n){n.key&&(o=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,q);const f=W(t,null);return f.v=n,c.length>0&&(f.h=c),f.m=o,f.j=s,f},W=(t,n)=>({i:0,O:t,p:null!=n?n:null,S:null,h:null,v:null,m:null,j:null}),z={},q={forEach:(t,n)=>t.map(Y).forEach(n),map:(t,n)=>t.map(Y).map(n).map(J)},Y=t=>({vattrs:t.v,vchildren:t.h,vkey:t.m,vname:t.j,vtag:t.O,vtext:t.p}),J=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),B(t.vtag,n,...t.vchildren||[])}const n=W(t.vtag,t.vtext);return n.v=t.vattrs,n.h=t.vchildren,n.m=t.vkey,n.j=t.vname,n},Z=(t,n,e,l,o,s,r,i=[])=>{let c,u,f,a;const d=o["s-sc"];if(1===s.nodeType){if(c=s.getAttribute($),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=K({i:0,N:u[0],k:u[1],M:u[2],I:u[3],O:s.tagName.toLowerCase(),S:s,v:{class:s.className||""}}),n.push(f),s.removeAttribute($),t.h||(t.h=[]),d&&u[0]===r&&(s["s-si"]=d,f.v.class+=" "+d);const l=f.S.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.O&&(Q(l,u[2],f,s,t,n,e,0,i),d&&s.classList.add(d)),f.S["s-sn"]=l,f.S.removeAttribute("s-sn")),void 0!==f.I&&(t.h[f.I]=f),t=f}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)Z(t,n,e,l,o,s.shadowRoot.childNodes[a],r,i);const p=s.__childNodes||s.childNodes;for(a=p.length-1;a>=0;a--)Z(t,n,e,l,o,p[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=K({N:u[1],k:u[2],M:u[3],I:u[4]||"0",S:s,v:null,h:null,m:null,j:null,O:null,p:null}),"t"===c?(f.S=lt(s,3),f.S&&3===f.S.nodeType&&(f.p=f.S.textContent,n.push(f),s.remove(),r===f.N&&(t.h||(t.h=[]),t.h[f.I]=f))):"c"===c?(f.S=lt(s,8),f.S&&8===f.S.nodeType&&(n.push(f),s.remove())):f.N===r&&("s"===c?Q(s["s-sn"]=u[5]||"",u[2],f,s,t,n,e,0,i):"r"===c&&(o["s-cr"]=s,s["s-cn"]=!0)));else if(t&&"style"===t.O){const n=W(null,s.textContent);n.S=s,n.I="0",t.h=[n]}return t},G=(t,n)=>{if(1===t.nodeType){const e=t[a]||t.getAttribute(a);e&&n.set(e,t);let l=0;if(t.shadowRoot)for(;l<t.shadowRoot.childNodes.length;l++)G(t.shadowRoot.childNodes[l],n);const o=t.__childNodes||t.childNodes;for(l=0;l<o.length;l++)G(o[l],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},K=t=>({i:0,N:null,k:null,M:null,I:"0",S:null,v:null,h:null,m:null,j:null,O:null,p:null,...t});function Q(t,n,e,l,o,s,r,i,c){l["s-sr"]=!0,e.j=t||null,e.O="slot";const u=(null==o?void 0:o.S)?o.S["s-id"]||o.S.getAttribute("s-id"):"";{const s=e.S,r=u&&u!==e.N&&o.S.shadowRoot;et(c,n,t,l,r?u:e.N),D(l),r&&o.S.insertBefore(s,o.S.children[0])}s.push(e),r.push(e),o.h||(o.h=[]),o.h[e.I]=e}var X,tt,nt,et=(t,n,e,l,o)=>{var s,r;let i=l.nextSibling;if(t[n]=t[n]||[],i&&!(null==(s=i.nodeValue)?void 0:s.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==e&&(""!==e||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=e,t[n].push({slot:l,node:i,hostId:o})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(r=i.nodeValue)?void 0:r.startsWith("s.")))},lt=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},ot=class o{static fromLocalValue(t){const n=t[e],s=l in t?t[l]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((t=>o.fromLocalValue(t)));case"date":return new Date(s);case"map":const t=new Map;for(const[n,e]of s){const l="object"==typeof n&&null!==n?o.fromLocalValue(n):n,s=o.fromLocalValue(e);t.set(l,s)}return t;case"object":const e={};for(const[t,n]of s)e[t]=o.fromLocalValue(n);return e;case"regexp":const{pattern:l,flags:r}=s;return new RegExp(l,r);case"set":const i=new Set;for(const t of s)i.add(o.fromLocalValue(t));return i;case"symbol":return Symbol(s);default:throw new Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(t){return t.map((t=>o.fromLocalValue(t)))}static isLocalValueObject(o){if("object"!=typeof o||null===o)return!1;if(!o.hasOwnProperty(e))return!1;const s=o[e];return!!Object.values({...t,...n}).includes(s)&&("null"===s||"undefined"===s||o.hasOwnProperty(l))}},st=(t,n)=>{return"string"==typeof t&&t.startsWith(o)?t="string"==typeof(e=t)&&e.startsWith(o)?ot.fromLocalValue(JSON.parse(atob(e.slice(11)))):e:null==t||U(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?String(t):t;var e},rt=(t,n)=>{const e=t;return{emit:t=>it(e,n,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},it=(t,n,e)=>{const l=y.ce(n,e);return t.dispatchEvent(l),l},ct=(t,n,e,l,o,s,r)=>{if(e===l)return;let u=c(t,n),f=n.toLowerCase();if("class"===n){const n=t.classList,o=ft(e);let s=ft(l);if((t["s-si"]||t["s-sc"])&&r){const e=t["s-sc"]||t["s-si"];s.push(e),o.forEach((t=>{t.startsWith(e)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),n.add(...s)}else n.remove(...o.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===n){for(const n in e)l&&null!=l[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in l)e&&l[n]===e[n]||(n.includes("-")?t.style.setProperty(n,l[n]):t.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&At(l,t);else if(t.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let o;{const n=i(t);if(n&&n.l&&n.l.t){const t=n.l.t[e];t&&t[1]&&(o=t[1])}}return o||(o=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===l?"":l))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=l}catch(t){}return}{const r=U(l);if((u||r&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[n]!==l&&(t[n]=l);else{const o=null==l?"":l;"list"===n?u=!1:null!=e&&t[n]===o||("function"==typeof t.__lookupSetter__(n)?t[n]=o:t.setAttribute(n,o))}}catch(t){}let i=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(n=f,i=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(n)||(i?t.removeAttributeNS(p,n):t.removeAttribute(n)):(!u||4&s||o)&&!r&&1===t.nodeType&&(l=!0===l?"":l,i?t.setAttributeNS(p,n,l):t.setAttribute(n,l))}}else if(n="-"===n[2]?n.slice(3):c(v,f)?f.slice(2):f[2]+n.slice(3),e||l){const o=n.endsWith(at);n=n.replace(dt,""),e&&y.rel(t,n,e,o),l&&y.ael(t,n,l,o)}},ut=/\s/,ft=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(ut):[]),at="Capture",dt=new RegExp(at+"$"),$t=(t,n,e,l)=>{const o=11===n.S.nodeType&&n.S.host?n.S.host:n.S,s=t&&t.v||{},r=n.v||{};for(const t of pt(Object.keys(s)))t in r||ct(o,t,s[t],void 0,e,n.i,l);for(const t of pt(Object.keys(r)))ct(o,t,s[t],r[t],e,n.i,l)};function pt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var vt=!1,ht=!1,yt=!1,mt=!1,bt=[],gt=[],wt=(t,n,e)=>{var l;const o=n.h[e];let s,r,i,c=0;if(vt||(yt=!0,"slot"===o.O&&(o.i|=o.h?2:1)),null!=o.p)s=o.S=v.document.createTextNode(o.p);else if(1&o.i)s=o.S=v.document.createTextNode(""),$t(null,o,mt);else{if(mt||(mt="svg"===o.O),!v.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=o.S=v.document.createElementNS(mt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!vt&&2&o.i?"slot-fb":o.O),mt&&"foreignObject"===o.O&&(mt=!1),$t(null,o,mt),null!=(u=X)&&void 0!==u&&s["s-si"]!==X&&s.classList.add(s["s-si"]=X),o.h){const n="template"===o.O?s.content:s;for(c=0;c<o.h.length;++c)r=wt(t,o,c),r&&n.appendChild(r)}"svg"===o.O?mt=!1:"foreignObject"===s.tagName&&(mt=!0)}var u;return s["s-hn"]=nt,3&o.i&&(s["s-sr"]=!0,s["s-cr"]=tt,s["s-sn"]=o.j||"",s["s-rf"]=null==(l=o.v)?void 0:l.ref,D(s),i=t&&t.h&&t.h[e],i&&i.O===o.O&&t.S&&jt(t.S),_t(tt,s,n.S,null==t?void 0:t.S)),s},jt=t=>{y.i|=1;const n=t.closest(nt.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of e?l.reverse():l)null!=t["s-sh"]&&(Ct(n,t,null!=e?e:null),t["s-sh"]=void 0,yt=!0)}y.i&=-2},Ot=(t,n)=>{y.i|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===nt&&e.push(n)}for(let t=e.length-1;t>=0;t--){const l=e[t];l["s-hn"]!==nt&&l["s-ol"]&&(Ct(xt(l).parentNode,l,xt(l)),l["s-ol"].remove(),l["s-ol"]=void 0,l["s-sh"]=void 0,yt=!0),n&&Ot(l,n)}y.i&=-2},St=(t,n,e,l,o,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for("template"===e.O&&(i=i.content);o<=s;++o)l[o]&&(r=wt(null,e,o),r&&(l[o].S=r,Ct(i,r,xt(n))))},Nt=(t,n,e)=>{for(let l=n;l<=e;++l){const n=t[l];if(n){const t=n.S;Lt(n),t&&(ht=!0,t["s-ol"]?t["s-ol"].remove():Ot(t,!0),t.remove())}}},kt=(t,n,e=!1)=>t.O===n.O&&("slot"===t.O?t.j===n.j:e?(e&&!t.m&&n.m&&(t.m=n.m),!0):t.m===n.m),xt=t=>t&&t["s-ol"]||t,Et=(t,n,e=!1)=>{const l=n.S=t.S,o=t.h,s=n.h,r=n.O,i=n.p;let c;null==i?(mt="svg"===r||"foreignObject"!==r&&mt,"slot"!==r||vt||t.j!==n.j&&(n.S["s-sn"]=n.j||"",jt(n.S.parentElement)),$t(t,n,mt,e),null!==o&&null!==s?((t,n,e,l,o=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=n.length-1,d=n[0],$=n[a],p=l.length-1,v=l[0],h=l[p];const y="template"===e.O?t.content:t;for(;i<=a&&c<=p;)if(null==d)d=n[++i];else if(null==$)$=n[--a];else if(null==v)v=l[++c];else if(null==h)h=l[--p];else if(kt(d,v,o))Et(d,v,o),d=n[++i],v=l[++c];else if(kt($,h,o))Et($,h,o),$=n[--a],h=l[--p];else if(kt(d,h,o))"slot"!==d.O&&"slot"!==h.O||Ot(d.S.parentNode,!1),Et(d,h,o),Ct(y,d.S,$.S.nextSibling),d=n[++i],h=l[--p];else if(kt($,v,o))"slot"!==d.O&&"slot"!==h.O||Ot($.S.parentNode,!1),Et($,v,o),Ct(y,$.S,d.S),$=n[--a],v=l[++c];else{for(u=-1,f=i;f<=a;++f)if(n[f]&&null!==n[f].m&&n[f].m===v.m){u=f;break}u>=0?(r=n[u],r.O!==v.O?s=wt(n&&n[c],e,u):(Et(r,v,o),n[u]=void 0,s=r.S),v=l[++c]):(s=wt(n&&n[c],e,c),v=l[++c]),s&&Ct(xt(d.S).parentNode,s,xt(d.S))}i>a?St(t,null==l[p+1]?null:l[p+1].S,e,l,c,p):c>p&&Nt(n,i,a)})(l,o,n,s,e):null!==s?(null!==t.p&&(l.textContent=""),St(l,null,n,s,0,s.length-1)):e||null===o?e&&null!==o&&null===s&&(n.h=o):Nt(o,0,o.length-1),mt&&"svg"===r&&(mt=!1)):(c=l["s-cr"])?c.parentNode.textContent=i:t.p!==i&&(l.data=i)},Mt=[],It=t=>{let n,e,l;const o=t.__childNodes||t.childNodes;for(const t of o){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const o=t["s-sn"];for(l=e.length-1;l>=0;l--)if(n=e[l],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(R(n,o)){let e=Mt.find((t=>t.L===n));ht=!0,n["s-sn"]=n["s-sn"]||o,e?(e.L["s-sh"]=t["s-hn"],e.A=t):(n["s-sh"]=t["s-hn"],Mt.push({A:t,L:n})),n["s-sr"]&&Mt.map((t=>{R(t.L,n["s-sn"])&&(e=Mt.find((t=>t.L===n)),e&&!t.A&&(t.A=e.A))}))}else Mt.some((t=>t.L===n))||Mt.push({L:n})}1===t.nodeType&&It(t)}},Lt=t=>{t.v&&t.v.ref&&bt.push((()=>t.v.ref(null))),t.h&&t.h.map(Lt)},At=(t,n)=>{gt.push((()=>t(n)))},Ct=(t,n,e,l)=>{if("string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])_t(n["s-cr"],n,t,n.parentElement);else if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:o}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const l=t["s-sn"]=T(t)||"";return{slotNode:C(V(n,"childNodes"),n.tagName,l)[0],slotName:l}}(n);return o&&!l&&o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1})),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)};function _t(t,n,e,l){var o,s;let r;if(t&&"string"==typeof n["s-sn"]&&n["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(r=n["s-si"]||t.parentNode["s-sc"])){const t=n["s-sn"],i=n["s-hn"];if(null==(o=e.classList)||o.add(r+"-s"),l&&(null==(s=l.classList)?void 0:s.contains(r+"-s"))){let n=(l.__childNodes||l.childNodes)[0],e=!1;for(;n;){if(n["s-sn"]!==t&&n["s-hn"]===i&&n["s-sr"]){e=!0;break}n=n.nextSibling}e||l.classList.remove(r+"-s")}}}var Rt=(t,n,e=!1)=>{var l,o,s,r,i;const c=t.$hostElement$,u=t.l,f=t.C||W(null,null);var a;const d=(a=n)&&a.O===z?n:B(null,null,n);if(nt=c.tagName,u._&&(d.v=d.v||{},u._.forEach((([t,n])=>{d.v[n]=c[t]}))),e&&d.v)for(const t of Object.keys(d.v))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.v[t]=c[t]);if(d.O=null,d.i|=4,t.C=d,d.S=f.S=c,X=c["s-sc"],vt=false,tt=c["s-cr"],ht=!1,Et(f,d,e),y.i|=1,yt){It(d.S);for(const t of Mt){const n=t.L;if(!n["s-ol"]&&v.document){const t=v.document.createTextNode("");t["s-nr"]=n,Ct(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of Mt){const n=t.L,i=t.A;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(l=n.hidden)&&l),i){const t=i.parentNode;let l=i.nextSibling;if(l&&1===l.nodeType){let e=null==(o=n["s-ol"])?void 0:o.previousSibling;for(;e;){let o=null!=(s=e["s-nr"])?s:null;if(o&&o["s-sn"]===n["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===n||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}e=e.previousSibling}}if((!l&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==l)&&n!==l){if(Ct(t,n,l,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=v.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,Ct(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(r=n["s-ih"])&&r)}n&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===n.nodeType&&(n.hidden=!0)}}if(ht&&A(d.S),y.i&=-2,Mt.length=0,!vt&&!(1&u.i)&&c["s-cr"]){const t=d.S.__childNodes||d.S.childNodes;for(const n of t)if(n["s-hn"]!==nt&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(i=n.hidden)&&i),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=v.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],Ct(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}tt=void 0,bt.forEach((t=>t())),bt.length=0,gt.forEach((t=>t())),gt.length=0},Ft=(t,n)=>{if(n&&!t.R&&n["s-p"]){const e=n["s-p"].push(new Promise((l=>t.R=()=>{n["s-p"].splice(e-1,1),l()})))}},Tt=(t,n)=>{if(t.i|=16,4&t.i)return void(t.i|=512);Ft(t,t.F);const e=()=>Dt(t,n);if(!n)return M(e);queueMicrotask((()=>{e()}))},Dt=(t,n)=>{const e=t.$hostElement$,l=e;if(!l)throw new Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=zt(l,n?"componentWillLoad":"componentWillUpdate",void 0,e),o=Vt(o,(()=>zt(l,"componentWillRender",void 0,e))),Vt(o,(()=>Pt(t,l,n)))},Vt=(t,n)=>Ht(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),Ht=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Pt=async(t,n,e)=>{var l;const o=t.$hostElement$,s=o["s-rc"];e&&(t=>{const n=t.l,e=t.$hostElement$,l=n.i,o=((t,n)=>{var e,l,o;const s=P(n),r=f.get(s);if(!v.document)return s;if(t=11===t.nodeType?t:v.document,r)if("string"==typeof r){let o,i=H.get(t=t.head||t);i||H.set(t,i=new Set);const c=t.querySelector(`[${d}="${s}"]`);if(c)c.textContent=r;else if(!i.has(s)){o=v.document.createElement("style"),o.textContent=r;const c=null!=(e=y.T)?e:function(){var t,n,e;return null!=(e=null==(n=null==(t=v.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?e:void 0}();if(null!=c&&o.setAttribute("nonce",c),!(1&n.i))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(b){const n=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(r),g?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=r+n.textContent:t.prepend(o)}else t.append(o);1&n.i&&t.insertBefore(o,null),4&n.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let n=H.get(t);if(n||H.set(t,n=new Set),!n.has(s)){const e=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(r.constructor===e.CSSStyleSheet)l=r;else{l=new e.CSSStyleSheet;for(let t=0;t<r.cssRules.length;t++)l.insertRule(r.cssRules[t].cssText,t)}if(g?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],n.add(s),"host"in t){const n=t.querySelector(`[${d}="${s}"]`);n&&M((()=>n.remove()))}}}return s})(e.getRootNode(),n);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(t);Ut(t,n,o,e),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const n=null!=(l=o["s-p"])?l:[],e=()=>Bt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.i|=4,n.length=0)}},Ut=(t,n,e,l)=>{try{n=n.render(),t.i&=-17,t.i|=2,Rt(t,n,l)}catch(n){u(n,t.$hostElement$)}return null},Bt=t=>{const n=t.$hostElement$,e=n,l=t.F;zt(e,"componentDidRender",void 0,n),64&t.i?zt(e,"componentDidUpdate",void 0,n):(t.i|=64,qt(n),zt(e,"componentDidLoad",void 0,n),t.D(n),l||Wt()),t.R&&(t.R(),t.R=void 0),512&t.i&&x((()=>Tt(t,!1))),t.i&=-517},Wt=()=>{var t;x((()=>it(v,"appload",{detail:{namespace:"design-system"}}))),(null==(t=y.V)?void 0:t.size)&&y.V.clear()},zt=(t,n,e,l)=>{if(t&&t[n])try{return t[n](e)}catch(t){u(t,l)}},qt=t=>t.setAttribute("hydrated",""),Yt=(t,n,e,l)=>{const o=i(t);if(!o)return;const s=t,r=o.o.get(n),c=o.i,f=s;e=st(e,l.t[n][0]);const a=Number.isNaN(r)&&Number.isNaN(e);if(e!==r&&!a){if(o.o.set(n,e),l.H){const t=l.H[n];t&&t.map((t=>{try{const[[l,s]]=Object.entries(t);(128&c||1&s)&&(f?f[l](e,r,n):o.P.push((()=>{o.U[l](e,r,n)})))}catch(t){u(t,s)}}))}if(2&c){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(e,r,n)&&!(16&c))return;16&c||Tt(o,!1)}}},Jt=(t,n)=>{var e,l;const o=t.prototype;{t.watchers&&!n.H&&(n.H=t.watchers),t.deserializers&&!n.B&&(n.B=t.deserializers),t.serializers&&!n.W&&(n.W=t.serializers);const r=Object.entries(null!=(e=n.t)?e:{});r.map((([t,[e]])=>{if(31&e||32&e){const{get:l,set:r}=s(o,t)||{};l&&(n.t[t][0]|=2048),r&&(n.t[t][0]|=4096),Object.defineProperty(o,t,{get(){return l?l.apply(this):(n=t,i(this).o.get(n));var n},configurable:!0,enumerable:!0}),Object.defineProperty(o,t,{set(l){const o=i(this);if(o){if(r)return void 0===(32&e?this[t]:o.$hostElement$[t])&&o.o.get(t)&&(l=o.o.get(t)),r.apply(this,[st(l,e)]),void Yt(this,t,l=32&e?this[t]:o.$hostElement$[t],n);Yt(this,t,l,n)}}})}}));{const e=new Map;o.attributeChangedCallback=function(t,l,s){y.jmp((()=>{var c;const u=e.get(t),f=i(this);if(this.hasOwnProperty(u),o.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const e=null==f?void 0:f.i;if(f&&e&&!(8&e)&&s!==l){const o=this,r=null==(c=n.H)?void 0:c[t];null==r||r.forEach((n=>{const[[r,i]]=Object.entries(n);null!=o[r]&&(128&e||1&i)&&o[r].call(o,s,l,t)}))}return}const a=r.find((([t])=>t===u));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(o,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.H)?l:{}),...r.filter((([t,n])=>31&n[0])).map((([t,l])=>{var o;const s=l[1]||t;return e.set(s,t),512&l[0]&&(null==(o=n._)||o.push([t,s])),s}))]))}}return t},Zt=t=>{if(!(1&y.i)){const n=i(t);if(!n)return;const e=n.l,l=()=>{};if(1&n.i)Xt(t,n,e.q),(null==n?void 0:n.U)||(null==n?void 0:n.Y)&&n.Y.then((()=>{}));else{let l;if(n.i|=1,l=t.getAttribute(a),l){if(2&e.i){const n=P(e);t["s-sc"]=n}((t,n,e,l)=>{var o,s,r,c;const u=t.shadowRoot,f=[],d=[],$=[],p=W(n,null);let h;p.S=t;{const n=l.l;n&&10&n.i&&t["s-sc"]?(h=t["s-sc"],t.classList.add(h+"-h")):t["s-sc"]&&delete t["s-sc"]}!v.document||y.V&&y.V.size||G(v.document.body,y.V=new Map),t[a]=e,t.removeAttribute(a),l.C=Z(p,f,d,null,t,t,e,$);let m=0;const b=f.length;let g;for(;m<b;m++){g=f[m];const e=g.N+"."+g.k,l=y.V.get(e),s=g.S;if(u){if((null==(o=g.O)?void 0:o.toString().includes("-"))&&"slot-fb"!==g.O&&!g.S.shadowRoot){const t=i(g.S);if(t){const n=P(t.l),e=v.document.querySelector(`style[sty-id="${n}"]`);e&&null.unshift(e.cloneNode(!0))}}}else s["s-hn"]=n.toUpperCase(),"slot"===g.O&&(s["s-cr"]=t["s-cr"]);"slot"===g.O&&(g.j=g.S["s-sn"]||g.S.name||null,g.h?(g.i|=2,g.S.childNodes.length||g.h.forEach((t=>{g.S.appendChild(t.S)}))):g.i|=1),l&&l.isConnected&&(l.parentElement.shadowRoot&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),l.parentNode.removeChild(l),u||(s["s-oo"]=parseInt(g.k))),l&&!l["s-id"]&&y.V.delete(e)}const w=[],j=$.length;let O,S,N,k,x=0,E=0;for(;x<j;x++)if(O=$[x],O&&O.length)for(N=O.length,S=0;S<N;S++){if(k=O[S],w[k.hostId]||(w[k.hostId]=y.V.get(k.hostId)),!w[k.hostId])continue;const t=w[k.hostId];t.shadowRoot&&k.node.parentElement!==t&&t.insertBefore(k.node,null==(r=null==(s=O[S-1])?void 0:s.node)?void 0:r.nextSibling),t.shadowRoot&&u||(k.slot["s-cr"]||(k.slot["s-cr"]=t["s-cr"],k.slot["s-cr"]=!k.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),F(k.node,k.slot,0,k.node["s-oo"]||E),(null==(c=k.node.parentElement)?void 0:c.shadowRoot)&&k.node.getAttribute&&k.node.getAttribute("slot")&&k.node.removeAttribute("slot")),E=(k.node["s-oo"]||E)+1}h&&d.length&&d.forEach((t=>{t.S.parentElement.classList.add(h+"-s")})),l.$hostElement$=t})(t,e.$,l,n)}l||12&e.i&&Gt(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Ft(n,n.F=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let l;try{if(!(32&n.i)&&(n.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>n.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const n=P(e);if(!f.has(n)){const l=()=>{};((t,n,e)=>{let l=f.get(t);b&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,f.set(t,l)})(n,t,!!(1&e.i)),l()}}const o=n.F,s=()=>Tt(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(e){u(e,t),n.R&&(n.R(),n.R=void 0),n.D&&n.D(t)}})(t,n,e)}l()}},Gt=t=>{if(!v.document)return;const n=t["s-cr"]=v.document.createComment("");n["s-cn"]=!0,Ct(t,n,t.firstChild)},Kt=(t,n)=>{const e={i:n[0],$:n[1]};try{e.t=n[2],e.q=n[3],e.H=t.H,e.B=t.B,e.W=t.W,e._=[];const l=t.prototype.connectedCallback,o=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,n)=>{const e={i:0,$hostElement$:t,l:n,o:new Map,J:new Map};e.Y=new Promise((t=>e.D=t)),t["s-p"]=[],t["s-rc"]=[];const l=e;t.__stencil__getHostRef=()=>l,512&n.i&&r(t,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const t=i(this);if(!t)return;Xt(this,t,e.q),this.__hasHostListenerAttached=!0}Zt(this),l&&l.call(this)},disconnectedCallback(){(async t=>{if(!(1&y.i)){const n=i(t);(null==n?void 0:n.Z)&&(n.Z.map((t=>t())),n.Z=void 0)}H.has(t)&&H.delete(t),t.shadowRoot&&H.has(t.shadowRoot)&&H.delete(t.shadowRoot)})(this),o&&o.call(this)},__attachShadow(){this.shadowRoot=this}}),Object.defineProperty(t,"is",{value:e.$,configurable:!0}),Jt(t,e)}catch(n){return u(n),t}},Qt=(t,n)=>n,Xt=(t,n,e)=>{e&&v.document&&e.map((([e,l,o])=>{const s=nn(v.document,t,e),r=tn(n,o),i=en(e);y.ael(s,l,r,i),(n.Z=n.Z||[]).push((()=>y.rel(s,l,r,i)))}))},tn=(t,n)=>e=>{try{t.$hostElement$[n](e)}catch(n){u(n,t.$hostElement$)}},nn=(t,n,e)=>8&e?v:n,en=t=>m?{passive:!!(1&t),capture:!!(2&t)}:!!(2&t),ln=t=>y.T=t,on=t=>Object.assign(y,t);function sn(t,n){Rt({l:{i:0,$:n.tagName},$hostElement$:n},t)}function rn(t){return t}export{Qt as F,h as H,ln as a,on as b,rt as c,E as d,I as g,B as h,Kt as p,sn as r,L as s,rn as t}

package/dist/components/p-BFO8hHjW.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as n,t as i}from"./p-B1vJXa29.js";import{d as s}from"./p-BKTfQGcR.js";const a=["sm","md","lg"],o=["grey","red","orange","yellow","green","blue","darkblue","indigo"],d={grey:{background:"#EEEEEE",content:"#737373",icon:"#737373"},red:{background:"#FCEFEF",content:"#FB4444",icon:"#FB4444"},orange:{background:"#FEF1EA",content:"#FF6B00",icon:"#FF6B00"},yellow:{background:"#FFF7DD",content:"#916C0D",icon:"#CA9611"},green:{background:"#E8F9EF",content:"#00973C",icon:"#12B553"},blue:{background:"#E6F1FF",content:"#0075FF",icon:"#0075FF"},darkblue:{background:"#EAF5FE",content:"#006AC1",icon:"#006AC1"},indigo:{background:"#EFF6FF",content:"#004290",icon:"#004290"}},r={sm:{height:"20px",paddingX:"6px",gap:"4px",fontSize:"11px",fontWeight:"500",iconSize:12,radius:"4px"},md:{height:"24px",paddingX:"8px",gap:"4px",fontSize:"12px",fontWeight:"700",iconSize:16,radius:"4px"},lg:{height:"28px",paddingX:"10px",gap:"4px",fontSize:"14px",fontWeight:"700",iconSize:16,radius:"5px"}},g={sm:{...r.sm,radius:"999px"},md:{...r.md,radius:"999px"},lg:{...r.lg,radius:"999px"}},c=Object.fromEntries(["square","pill"].flatMap((e=>a.flatMap((t=>o.map((n=>[`${e}_${t}_${n}`,{shape:e,size:t,color:n,..."square"===e?r[t]:g[t],...d[n]}]))))))),l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}name="square_md_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(c,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return c[this.name]}renderIcon(e,t){return this.icon?n("sd-icon",{class:"sd-tag__icon",name:this.icon,size:t,color:e}):null}render(){const e=this.resolvedConfig,t=this.renderIcon(e.icon,e.iconSize);return n("span",{key:"5f9ee005b146997dd13bb3e6a06680ff8574bd14",class:"sd-tag",style:{"--sd-tag-background":e.background,"--sd-tag-content":e.content,"--sd-tag-height":e.height,"--sd-tag-padding-x":e.paddingX,"--sd-tag-gap":e.gap,"--sd-tag-font-size":e.fontSize,"--sd-tag-font-weight":e.fontWeight,"--sd-tag-radius":e.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&t,n("span",{key:"b123ab6ac015db640e4dc3edc5e2cf90ec5e0ecf",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&t)}static get style(){return"sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:1}"}},[512,"sd-tag",{name:[1],label:[1],icon:[1],isLeft:[4,"is-left"]}]);function p(){"undefined"!=typeof customElements&&["sd-tag","sd-icon"].forEach((e=>{switch(e){case"sd-tag":customElements.get(i(e))||customElements.define(i(e),l);break;case"sd-icon":customElements.get(i(e))||s()}}))}export{l as S,p as d}