@usecapsule/core-components 1.0.4 → 1.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/p-1dc07cd7.entry.js +2 -0
- package/dist/capsule/p-1dc07cd7.entry.js.map +1 -0
- package/dist/capsule/{p-7ceb7cc8.entry.js → p-2a036350.entry.js} +3 -3
- package/dist/capsule/{p-7ceb7cc8.entry.js.map → p-2a036350.entry.js.map} +1 -1
- package/dist/capsule/p-5c020abe.entry.js +2 -0
- package/dist/cjs/cpsl-alert_17.cjs.entry.js +13 -13
- package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-info-box.cjs.entry.js +2 -2
- package/dist/cjs/cpsl-info-box.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-row.cjs.entry.js +1 -1
- package/dist/collection/components/cpsl-divider/cpsl-divider.css +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.css +3 -0
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js.map +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +1 -1
- package/dist/collection/components/cpsl-modal/cpsl-modal.js +1 -1
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.js +1 -1
- package/dist/collection/components/cpsl-pill/cpsl-pill.js +1 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
- package/dist/collection/components/cpsl-row/cpsl-row.js +1 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +1 -1
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +2 -2
- package/dist/collection/components/cpsl-tab/cpsl-tab.js +1 -1
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js +1 -1
- package/dist/collection/components/cpsl-text/cpsl-text.js +1 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
- package/dist/esm/cpsl-alert_17.entry.js +13 -13
- package/dist/esm/cpsl-alert_17.entry.js.map +1 -1
- package/dist/esm/cpsl-info-box.entry.js +2 -2
- package/dist/esm/cpsl-info-box.entry.js.map +1 -1
- package/dist/esm/cpsl-row.entry.js +1 -1
- package/package.json +2 -2
- package/dist/capsule/p-b7cb3ddd.entry.js +0 -2
- package/dist/capsule/p-d871d963.entry.js +0 -2
- package/dist/capsule/p-d871d963.entry.js.map +0 -1
- /package/dist/capsule/{p-b7cb3ddd.entry.js.map → p-5c020abe.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=p-5c020abe.entry.js.map
|
|
@@ -863,7 +863,7 @@ const CpslCodeInput = class {
|
|
|
863
863
|
};
|
|
864
864
|
CpslCodeInput.style = CpslCodeInputStyle0;
|
|
865
865
|
|
|
866
|
-
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(
|
|
866
|
+
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)}";
|
|
867
867
|
const CpslDividerStyle0 = cpslDividerCss;
|
|
868
868
|
|
|
869
869
|
const CpslDivider = class {
|
|
@@ -1000,7 +1000,7 @@ const CpslInput = class {
|
|
|
1000
1000
|
}
|
|
1001
1001
|
render() {
|
|
1002
1002
|
var _a;
|
|
1003
|
-
return (index.h(index.Host, { key: '
|
|
1003
|
+
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)))));
|
|
1004
1004
|
}
|
|
1005
1005
|
get el() { return index.getElement(this); }
|
|
1006
1006
|
static get watchers() { return {
|
|
@@ -7091,7 +7091,7 @@ const CpslModal = class {
|
|
|
7091
7091
|
return this.el.shadowRoot.getElementById('modal-header-expanded');
|
|
7092
7092
|
}
|
|
7093
7093
|
render() {
|
|
7094
|
-
return (index.h(index.Host, { key: '
|
|
7094
|
+
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" })))));
|
|
7095
7095
|
}
|
|
7096
7096
|
get el() { return index.getElement(this); }
|
|
7097
7097
|
static get watchers() { return {
|
|
@@ -7131,7 +7131,7 @@ const CpslOverlay = class {
|
|
|
7131
7131
|
}
|
|
7132
7132
|
}
|
|
7133
7133
|
render() {
|
|
7134
|
-
return (index.h(index.Host, { key: '
|
|
7134
|
+
return (index.h(index.Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, index.h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
|
|
7135
7135
|
}
|
|
7136
7136
|
get el() { return index.getElement(this); }
|
|
7137
7137
|
static get watchers() { return {
|
|
@@ -7149,7 +7149,7 @@ const CpslPill = class {
|
|
|
7149
7149
|
this.text = undefined;
|
|
7150
7150
|
}
|
|
7151
7151
|
render() {
|
|
7152
|
-
return (index.h(index.Host, { key: '
|
|
7152
|
+
return (index.h(index.Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, index.h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, index.h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
|
|
7153
7153
|
}
|
|
7154
7154
|
};
|
|
7155
7155
|
CpslPill.style = CpslPillStyle0;
|
|
@@ -7228,7 +7228,7 @@ const CpslQrCode = class {
|
|
|
7228
7228
|
qrCode.append(container);
|
|
7229
7229
|
}
|
|
7230
7230
|
render() {
|
|
7231
|
-
return (index.h(index.Host, { key: '
|
|
7231
|
+
return (index.h(index.Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, index.h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
|
|
7232
7232
|
}
|
|
7233
7233
|
get el() { return index.getElement(this); }
|
|
7234
7234
|
};
|
|
@@ -7324,7 +7324,7 @@ const CpslSlideButton = class {
|
|
|
7324
7324
|
return this.el.shadowRoot.getElementById('end-icon');
|
|
7325
7325
|
}
|
|
7326
7326
|
render() {
|
|
7327
|
-
return (index.h(index.Host, { key: '
|
|
7327
|
+
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))));
|
|
7328
7328
|
}
|
|
7329
7329
|
get el() { return index.getElement(this); }
|
|
7330
7330
|
};
|
|
@@ -7340,13 +7340,13 @@ const CpslSpinner = class {
|
|
|
7340
7340
|
this.speed = 1;
|
|
7341
7341
|
}
|
|
7342
7342
|
render() {
|
|
7343
|
-
return (index.h(index.Host, { key: '
|
|
7343
|
+
return (index.h(index.Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
|
|
7344
7344
|
'height': `${this.size}px`,
|
|
7345
7345
|
'width': `${this.size}px`,
|
|
7346
7346
|
'animation': `spin ${this.speed}s linear infinite`,
|
|
7347
7347
|
'-webkit-animation': `spin ${this.speed}s linear infinite`,
|
|
7348
7348
|
'-moz-animation': `spin ${this.speed}s linear infinite`,
|
|
7349
|
-
} }, index.h("svg", { key: '
|
|
7349
|
+
} }, 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" }))));
|
|
7350
7350
|
}
|
|
7351
7351
|
};
|
|
7352
7352
|
CpslSpinner.style = CpslSpinnerStyle0;
|
|
@@ -7378,7 +7378,7 @@ const CpslTab = class {
|
|
|
7378
7378
|
}
|
|
7379
7379
|
}
|
|
7380
7380
|
render() {
|
|
7381
|
-
return (index.h(index.Host, { key: '
|
|
7381
|
+
return (index.h(index.Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, index.h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, index.h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
|
|
7382
7382
|
}
|
|
7383
7383
|
get el() { return index.getElement(this); }
|
|
7384
7384
|
};
|
|
@@ -7430,7 +7430,7 @@ const CpslTabs = class {
|
|
|
7430
7430
|
const tabsPosition = this.el.getBoundingClientRect();
|
|
7431
7431
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
|
|
7432
7432
|
const selectedTabRect = this.selectedTabRect;
|
|
7433
|
-
return (index.h(index.Host, { key: '
|
|
7433
|
+
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` } }))));
|
|
7434
7434
|
}
|
|
7435
7435
|
get el() { return index.getElement(this); }
|
|
7436
7436
|
static get watchers() { return {
|
|
@@ -7454,7 +7454,7 @@ const CpslText = class {
|
|
|
7454
7454
|
index.registerInstance(this, hostRef);
|
|
7455
7455
|
}
|
|
7456
7456
|
render() {
|
|
7457
|
-
return (index.h(index.Host, { key: '
|
|
7457
|
+
return (index.h(index.Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, index.h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
|
|
7458
7458
|
}
|
|
7459
7459
|
};
|
|
7460
7460
|
CpslText.style = CpslTextStyle0;
|
|
@@ -7469,7 +7469,7 @@ const CpslTileButton = class {
|
|
|
7469
7469
|
this.icon = undefined;
|
|
7470
7470
|
}
|
|
7471
7471
|
render() {
|
|
7472
|
-
return (index.h(index.Host, { key: '
|
|
7472
|
+
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' }))));
|
|
7473
7473
|
}
|
|
7474
7474
|
};
|
|
7475
7475
|
CpslTileButton.style = CpslTileButtonStyle0;
|