@usecapsule/core-components 1.0.4 → 1.0.6

package/dist/capsule/p-5c020abe.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as s}from"./p-9647dd63.js";const c=":host{display:flex;flex-wrap:wrap}";const r=c;const o=class{constructor(e){a(this,e)}render(){return e(s,{key:"6b0ced877619502c78baeccaceaf68f1feed6ea7"},e("slot",{key:"d132ce91967ad16904886baa14149ac8990d314f"}))}};o.style=r;export{o as cpsl_row};
+//# sourceMappingURL=p-5c020abe.entry.js.map

package/dist/cjs/cpsl-alert_17.cjs.entry.js

@@ -863,7 +863,7 @@ const CpslCodeInput = class {
 };
 CpslCodeInput.style = CpslCodeInputStyle0;
 
-const cpslDividerCss = ":host{--divider-height:1px;--divider-color:var(--cpsl-color-divider);display:flex;align-items:center;height:24px;color:var(--cpsl-color-text-subtle);font-family:var(--cpsl-font-family, inherit);font-size:clamp(12px, 0.75rem, 18px);font-weight:600;gap:16px}:host div{flex:1;background-color:var(--divider-color);height:var(--divider-height)}";
+const cpslDividerCss = ":host{--divider-height:1px;--divider-color:var(--cpsl-color-divider);display:flex;align-items:center;height:24px;color:var(--cpsl-color-text-subtle);font-family:var(--cpsl-font-family, inherit);font-size:clamp(14px, 0.875rem, 21px);font-weight:600;gap:16px}:host div{flex:1;background-color:var(--divider-color);height:var(--divider-height)}";
 const CpslDividerStyle0 = cpslDividerCss;
 
 const CpslDivider = class {
@@ -1000,7 +1000,7 @@ const CpslInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'b2d979b7438012d02ddc6ad8b8f33926cd3ee511', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (index.h("label", { class: "label", htmlFor: this.inputId }, this.label)), index.h("div", { key: 'eb3323d11a5d7a4bc0d87f9f6cdf4b9c547253f0', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '2887bf00bd7966a8df9f53746565cdde3100b00f', name: "start" }), index.h("input", { key: 'b247bd3483207989e6b36bf757dbaa74cf2e12e1', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("slot", { key: '361b335057848b2513cc62da952ed34309a35044', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), index.h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        return (index.h(index.Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (index.h("label", { class: "label", htmlFor: this.inputId }, this.label)), index.h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), index.h("input", { key: '52ba9b2248af07ee072628fd0207d1b965d44829', class: "native-input", id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), index.h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7091,7 +7091,7 @@ const CpslModal = class {
         return this.el.shadowRoot.getElementById('modal-header-expanded');
     }
     render() {
-        return (index.h(index.Host, { key: '45648b4e6b8d2f18f09b877bc1913115ea506947' }, index.h("div", { key: '1b04a8c36b4089333f7613ffea2c7235e8549bf9', class: { 'modal-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '6f5d4bcf3d1ad5199501d4ba0918f282051932e8', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '001f1694aad6ae618f81b12648fe4b02a74a3728', id: "modal-header", class: "no-overflow" }, index.h("slot", { key: '56a22e98051e7a5e8c2d8d9ee351e6f03c01b657', name: "header" })), index.h("div", { key: 'b9370ca7e9b0233280f22a549c3fac571ff5180b', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'a30b50116dbcc9b130d3560110a513973e81efe2', name: "footerExpandedHeader" })), index.h("div", { key: '6a4fa5e0f2d5fc56c1928559b5844b43dc660001', id: "modal-body", class: "no-overflow" }, index.h("slot", { key: '05dbb046b433a2335a84d843b037243c1a224096', name: "body" }))), index.h("div", { key: '7b8c37b0fb0417e58483df88591c3bc1374cd47f', id: "modal-footer", class: "no-overflow" }, index.h("slot", { key: 'fc24c24d862458e1a614efa4435fe43849bff790', name: "footer" })), index.h("div", { key: '07d939dba8ccfc0d340a181d1c0a048cb4146a26', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'e5e77e9d5a0b8c71138ffe320b0dcb0a38af6d93', name: "footerExpandedFooter" })))));
+        return (index.h(index.Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, index.h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, index.h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), index.h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), index.h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, index.h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), index.h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, index.h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), index.h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7131,7 +7131,7 @@ const CpslOverlay = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ec64ff70a149919dd412cb2f14424c08717adfe1' }, index.h("slot", { key: '56f2de234d3dbf4375159cd07f45933bfb309866' })));
+        return (index.h(index.Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, index.h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7149,7 +7149,7 @@ const CpslPill = class {
         this.text = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'd545ae390a19a6a83ddd90abbfcf68fa6021e776' }, index.h("div", { key: '9bc81aeebfe7fdf3139b9e95451126c7bedf67d9', class: "pill-container" }, index.h("span", { key: '66e16306d7a5a89e66029cae8b167932e4e75129' }, this.text))));
+        return (index.h(index.Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, index.h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, index.h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
     }
 };
 CpslPill.style = CpslPillStyle0;
@@ -7228,7 +7228,7 @@ const CpslQrCode = class {
         qrCode.append(container);
     }
     render() {
-        return (index.h(index.Host, { key: '760ae82104e561a8883bdeb87ee0ab52eb2cc5ca' }, index.h("div", { key: '650efea578ae2dedf0b07ece0efa5b9ae521d641', id: "qr-container", class: "qr-container" })));
+        return (index.h(index.Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, index.h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
     }
     get el() { return index.getElement(this); }
 };
@@ -7324,7 +7324,7 @@ const CpslSlideButton = class {
         return this.el.shadowRoot.getElementById('end-icon');
     }
     render() {
-        return (index.h(index.Host, { key: '57fd7740a372a4599d1259edb61d3fc9a2a9643b' }, index.h("div", { key: '4cbf5d20371203c2f65ee96a5e629f0902c29828', id: "slider-container", class: "slider-container" }, index.h("div", { key: 'a02173329eb88e1c9afa5260758afadbb3049fe5', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'afcfc562d5dd147318ca8fcb764d3f0ae7c2a758', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'f0518cc4860c5baf248cd91bb19f6bc30113e8cf', id: "slider", class: "slider" }, index.h("cpsl-icon", { key: 'ab091e18d96b41d2969a3c43137e38cb6ffc9ab5', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: 'df1a10612b9369450eb3be434e7964cf93aefab7', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: 'dcef80a87e6338119b7471e5085f33d481bc7176', id: "start-text", class: "start-text" }, this.startText), index.h("span", { key: 'c8a55bfce682886aafae5d05ee3e1772ea504129', id: "end-text", class: "end-text" }, this.endText))));
+        return (index.h(index.Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, index.h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, index.h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, index.h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), index.h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7340,13 +7340,13 @@ const CpslSpinner = class {
         this.speed = 1;
     }
     render() {
-        return (index.h(index.Host, { key: '0a5428cab1c703fb0d8badd595f28a3fb40537b7', style: {
+        return (index.h(index.Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
                 'height': `${this.size}px`,
                 'width': `${this.size}px`,
                 'animation': `spin ${this.speed}s linear infinite`,
                 '-webkit-animation': `spin ${this.speed}s linear infinite`,
                 '-moz-animation': `spin ${this.speed}s linear infinite`,
-            } }, index.h("svg", { key: '26aa4015fecc83bbcdab871703c17451c517ee2a', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, index.h("path", { key: '4b5628962606e2e84484d6f294c9fd55195b931b', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), index.h("circle", { key: '09ae378ddf207361f6220d59311fc6bab8d5acbb', cx: "45", cy: "27", r: "5" }))));
+            } }, index.h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, index.h("path", { key: '5aaaf7cf5c649b717329266517e5ea1f39fccce8', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), index.h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
     }
 };
 CpslSpinner.style = CpslSpinnerStyle0;
@@ -7378,7 +7378,7 @@ const CpslTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cea740063893fee3fc5429717df26cef8637127b', onClick: this.onTabClicked }, index.h("div", { key: '10fbe61409941ea47b5de1cde89d5d5ca7f964d0', class: { 'tab-container': true } }, index.h("slot", { key: '02260031fa7ea72e118075f2cda8e814f7efa110' }))));
+        return (index.h(index.Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, index.h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, index.h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7430,7 +7430,7 @@ const CpslTabs = class {
         const tabsPosition = this.el.getBoundingClientRect();
         const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
         const selectedTabRect = this.selectedTabRect;
-        return (index.h(index.Host, { key: '776064d533f6f5f8a40cd2aab7ece0247e6e204e', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '4476224108bfa308762ee277cd7916d591b21a2e', class: "tabs-container" }, index.h("slot", { key: 'ab728d3adff2333832a3998468f606a725dac2e3' }), index.h("div", { key: 'eae404533705ac598a6e653e9ec6cb73bcb99fb0', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
+        return (index.h(index.Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, index.h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), index.h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7454,7 +7454,7 @@ const CpslText = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'bcefdc0f0b9d5fe2d62c4ab7ca5d2e4aabca69d8' }, index.h("slot", { key: 'e35e76f43167515f19ab7f66be43ff4ed1ddc799' })));
+        return (index.h(index.Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, index.h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
     }
 };
 CpslText.style = CpslTextStyle0;
@@ -7469,7 +7469,7 @@ const CpslTileButton = class {
         this.icon = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '829cc9cafbd52440189d22485485c6b80ba93910' }, index.h("button", { key: 'b24d64c3f800944494cac90259d1871ac97d3afe', class: "button-native" }, index.h("cpsl-icon", { key: '8b6c01a2eaebbb522fec66930a7d05b9859ca952', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '531b8c2e6d762ed4925be6e8b169c81af1af44a0' }))));
+        return (index.h(index.Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, index.h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, index.h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
     }
 };
 CpslTileButton.style = CpslTileButtonStyle0;