@usecapsule/core-components 3.5.0 → 3.5.1
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/capsule.esm.js.map +1 -1
- package/dist/capsule/{p-f0cd0482.entry.js → p-41bc3c58.entry.js} +2 -2
- package/dist/capsule/p-45496164.entry.js +20 -0
- package/dist/capsule/p-45496164.entry.js.map +1 -0
- package/dist/capsule/{p-c33942ad.entry.js → p-52bb30d8.entry.js} +2 -2
- package/dist/capsule/{p-5965b15e.entry.js → p-5cd62456.entry.js} +2 -2
- package/dist/capsule/{p-b96e357a.entry.js → p-9fa8efd0.entry.js} +2 -2
- package/dist/capsule/p-ab7b3141.entry.js +2 -0
- package/dist/capsule/{p-1bd11889.entry.js → p-c9e61114.entry.js} +2 -2
- package/dist/capsule/{p-9e64a60e.entry.js → p-d4bdb369.entry.js} +2 -2
- package/dist/capsule/{p-d165df27.entry.js → p-de2a16e4.entry.js} +2 -2
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +53 -42
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-col.cjs.entry.js +1 -1
- package/dist/cjs/cpsl-grid.cjs.entry.js +2 -2
- package/dist/cjs/cpsl-hero.cjs.entry.js +2 -2
- package/dist/cjs/cpsl-identicon.cjs.entry.js +1 -1
- package/dist/cjs/cpsl-info-box.cjs.entry.js +1 -1
- package/dist/cjs/cpsl-modal-v2.cjs.entry.js +1 -1
- package/dist/cjs/cpsl-nav-button.cjs.entry.js +1 -1
- package/dist/cjs/cpsl-row.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/icons/alert-triangle.svg +5 -0
- package/dist/collection/assets/icons/index.js +2 -1
- package/dist/collection/assets/icons/index.js.map +1 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.css +23 -2
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +21 -3
- package/dist/collection/components/cpsl-alert/cpsl-alert.js.map +1 -1
- package/dist/collection/components/cpsl-app-bar/cpsl-app-bar.js +3 -3
- package/dist/collection/components/cpsl-avatar/cpsl-avatar.js +1 -1
- package/dist/collection/components/cpsl-button/cpsl-button.js +2 -2
- package/dist/collection/components/cpsl-button-group/cpsl-button-group.js +1 -1
- package/dist/collection/components/cpsl-card/cpsl-card.js +1 -1
- package/dist/collection/components/cpsl-checkbox/cpsl-checkbox.js +1 -1
- package/dist/collection/components/cpsl-code-input/cpsl-code-input.js +2 -2
- package/dist/collection/components/cpsl-col/cpsl-col.js +1 -1
- package/dist/collection/components/cpsl-divider/cpsl-divider.js +1 -1
- package/dist/collection/components/cpsl-drawer/cpsl-drawer.js +2 -2
- package/dist/collection/components/cpsl-dropdown/cpsl-dropdown.js +1 -1
- package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js +1 -1
- package/dist/collection/components/cpsl-grid/cpsl-grid.js +2 -2
- package/dist/collection/components/cpsl-hero/cpsl-hero.js +2 -2
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +2 -2
- package/dist/collection/components/cpsl-icon-group/cpsl-icon-group.js +1 -1
- package/dist/collection/components/cpsl-identicon/cpsl-identicon.js +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +2 -2
- package/dist/collection/components/cpsl-modal-v2/cpsl-modal-v2.js +1 -1
- package/dist/collection/components/cpsl-nav-button/cpsl-nav-button.js +1 -1
- package/dist/collection/components/cpsl-nav-button-group/cpsl-nav-button-group.js +1 -1
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.js +1 -1
- package/dist/collection/components/cpsl-pagination/cpsl-pagination.js +1 -1
- package/dist/collection/components/cpsl-pill/cpsl-pill.js +1 -1
- package/dist/collection/components/cpsl-popover/cpsl-popover.js +2 -2
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
- package/dist/collection/components/cpsl-radio/cpsl-radio.js +1 -1
- package/dist/collection/components/cpsl-row/cpsl-row.js +1 -1
- package/dist/collection/components/cpsl-select/cpsl-select.js +2 -2
- package/dist/collection/components/cpsl-select-item/cpsl-select-item.js +1 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +3 -3
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +2 -2
- package/dist/collection/components/cpsl-switch/cpsl-switch.js +1 -1
- package/dist/collection/components/cpsl-tab/cpsl-tab.js +1 -1
- package/dist/collection/components/cpsl-table/cpsl-table.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 +2 -2
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +53 -42
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/cpsl-col.entry.js +1 -1
- package/dist/esm/cpsl-grid.entry.js +2 -2
- package/dist/esm/cpsl-hero.entry.js +2 -2
- package/dist/esm/cpsl-identicon.entry.js +1 -1
- package/dist/esm/cpsl-info-box.entry.js +1 -1
- package/dist/esm/cpsl-modal-v2.entry.js +1 -1
- package/dist/esm/cpsl-nav-button.entry.js +1 -1
- package/dist/esm/cpsl-row.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/assets/icons/index.d.ts +1 -0
- package/dist/types/components/cpsl-alert/cpsl-alert.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +2 -2
- package/dist/capsule/p-cfc382c0.entry.js +0 -2
- package/dist/capsule/p-e3d856af.entry.js +0 -20
- package/dist/capsule/p-e3d856af.entry.js.map +0 -1
- /package/dist/capsule/{p-f0cd0482.entry.js.map → p-41bc3c58.entry.js.map} +0 -0
- /package/dist/capsule/{p-c33942ad.entry.js.map → p-52bb30d8.entry.js.map} +0 -0
- /package/dist/capsule/{p-5965b15e.entry.js.map → p-5cd62456.entry.js.map} +0 -0
- /package/dist/capsule/{p-b96e357a.entry.js.map → p-9fa8efd0.entry.js.map} +0 -0
- /package/dist/capsule/{p-cfc382c0.entry.js.map → p-ab7b3141.entry.js.map} +0 -0
- /package/dist/capsule/{p-1bd11889.entry.js.map → p-c9e61114.entry.js.map} +0 -0
- /package/dist/capsule/{p-9e64a60e.entry.js.map → p-d4bdb369.entry.js.map} +0 -0
- /package/dist/capsule/{p-d165df27.entry.js.map → p-de2a16e4.entry.js.map} +0 -0
@@ -1,7 +1,7 @@
|
|
1
1
|
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement, F as Fragment } from './index-91db3414.js';
|
2
2
|
import { M as MOBILE_SIZE, a as DEFAULT_Z_INDICES } from './constants-fce138fa.js';
|
3
3
|
|
4
|
-
const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:14px;--container-padding-bottom:14px;--container-padding-start:16px;--container-padding-end:16px;--container-font-size:var(--cpsl-font-size-body-m);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-alert);--container-background-color:var(--cpsl-color-background-0);--container-color:var(--cpsl-color-text-primary);--container-icon-color:var(--container-color);display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-border-color:var(--cpsl-color-utility-red)}:host(.warning){--container-border-color:var(--cpsl-color-utility-yellow)}:host(.success){--container-border-color:var(--cpsl-color-utility-green)}:host cpsl-icon{--icon-color:var(--container-icon-color);--height:20px;--width:20px}.alert-container{border-radius:var(--container-border-radius);-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);font-size:var(--container-font-size);display:flex;align-items:
|
4
|
+
const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:14px;--container-padding-bottom:14px;--container-padding-start:16px;--container-padding-end:16px;--container-font-size:var(--cpsl-font-size-body-m);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-alert);--container-background-color:var(--cpsl-color-background-0);--container-color:var(--cpsl-color-text-primary);--container-icon-color:var(--container-color);--container-align-items:center;--container-justify-content:center;--title-container-gap:8px;--title-container-align-items:center;--title-container-justify-content:center;display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-border-color:var(--cpsl-color-utility-red)}:host(.error):host(.filled){--container-background-color:var(--cpsl-color-utility-red-light)}:host(.warning){--container-border-color:var(--cpsl-color-utility-yellow)}:host(.warning):host(.filled){--container-background-color:var(--cpsl-color-utility-yellow-light)}:host(.success){--container-border-color:var(--cpsl-color-utility-green)}:host(.success):host(.filled){--container-background-color:var(--cpsl-color-utility-green-light)}:host cpsl-icon{--icon-color:var(--container-icon-color);--height:20px;--width:20px}.alert-container{border-radius:var(--container-border-radius);-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);font-size:var(--container-font-size);display:flex;align-items:var(--container-align-items);justify-content:var(--container-justify-content);gap:var(--container-gap);border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);background-color:var(--container-background-color);color:var(--container-color)}.title-container{display:flex;align-items:var(--title-container-align-items);justify-content:var(--title-container-justify-content);gap:var(--title-container-gap)}";
|
5
5
|
const CpslAlertStyle0 = cpslAlertCss;
|
6
6
|
|
7
7
|
const CpslAlert = class {
|
@@ -9,8 +9,12 @@ const CpslAlert = class {
|
|
9
9
|
registerInstance(this, hostRef);
|
10
10
|
this.icon = undefined;
|
11
11
|
this.variant = 'error';
|
12
|
+
this.filled = undefined;
|
12
13
|
}
|
13
14
|
get iconType() {
|
15
|
+
if (this.icon) {
|
16
|
+
return this.icon;
|
17
|
+
}
|
14
18
|
switch (this.variant) {
|
15
19
|
case 'custom': {
|
16
20
|
return undefined;
|
@@ -28,7 +32,7 @@ const CpslAlert = class {
|
|
28
32
|
}
|
29
33
|
}
|
30
34
|
render() {
|
31
|
-
return (h(Host, { key: '
|
35
|
+
return (h(Host, { key: 'b3d99e91886b9f3c226c607a2755ec07eb490284', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, h("div", { key: '18d3cdfce1717d8980133650e37350e299badb73', class: "alert-container" }, h("div", { key: 'a5974d2702eb9da75b7b09cc922d9beebbc0cef1', class: "title-container" }, this.iconType && h("cpsl-icon", { key: 'c700339138baadd297ba39f5f28a9d519d467988', icon: this.iconType }), h("slot", { key: 'f3f6d037235e72ecfd91a70bfef118bbebe9563a' })), h("slot", { key: '06bf3e5d838e39a4771aef6bbf343d55142f1a0f', name: "subtitle" }))));
|
32
36
|
}
|
33
37
|
};
|
34
38
|
CpslAlert.style = CpslAlertStyle0;
|
@@ -44,13 +48,13 @@ const CpslAppBar = class {
|
|
44
48
|
this.zIndexOverride = undefined;
|
45
49
|
}
|
46
50
|
render() {
|
47
|
-
return (h(Host, { key: '
|
51
|
+
return (h(Host, { key: '281c1ebcc7ad61ccbd6878fb31d9b52a5860c273', style: Object.assign({
|
48
52
|
// position: this.position,
|
49
53
|
height: `${this.height}px`
|
50
|
-
}, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})) }, h("div", { key: '
|
54
|
+
}, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})) }, h("div", { key: '90fdd0e77212ac8a1c861e2402b34b15a9d26f7b', class: "container", part: "container", style: {
|
51
55
|
position: this.position,
|
52
56
|
height: `${this.height}px`,
|
53
|
-
} }, h("slot", { key: '
|
57
|
+
} }, h("slot", { key: '6aa42ab3e08a7d0629082a0bbba2831b1c9374f2' })), this.position === 'fixed' && (h("div", { key: '99169fc7212b22fcaa2e490ee2f6a7aad750e5a3', style: {
|
54
58
|
height: `${this.height}px`,
|
55
59
|
} }))));
|
56
60
|
}
|
@@ -6258,7 +6262,7 @@ const CpslAvatar = class {
|
|
6258
6262
|
}
|
6259
6263
|
render() {
|
6260
6264
|
var _a;
|
6261
|
-
return (h(Host, { key: '
|
6265
|
+
return (h(Host, { key: '04dfd668bc6ab12f758e82ccfd915f06e1de3504' }, h("span", { key: '906c7c6e113040b95273c987689e848954e14a1c', class: { round: this.variant === 'round' } }, h("img", { key: '2d952a27ebbeb118c931162487f2d7e13370b41f', src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : 'avatar' }))));
|
6262
6266
|
}
|
6263
6267
|
};
|
6264
6268
|
CpslAvatar.style = CpslAvatarStyle0;
|
@@ -6278,7 +6282,7 @@ const CpslButton = class {
|
|
6278
6282
|
this.variant = 'primary';
|
6279
6283
|
}
|
6280
6284
|
render() {
|
6281
|
-
return (h(Host, { key: '
|
6285
|
+
return (h(Host, { key: '7411754a763990dcbef83edbef353ebf3066f71d', class: {
|
6282
6286
|
// VARIANTS
|
6283
6287
|
'primary': this.variant === 'primary',
|
6284
6288
|
'secondary': this.variant === 'secondary',
|
@@ -6291,7 +6295,7 @@ const CpslButton = class {
|
|
6291
6295
|
// SIZES
|
6292
6296
|
'small': this.size === 'small',
|
6293
6297
|
'medium': this.size === 'medium',
|
6294
|
-
} }, h(this.as, { key: '
|
6298
|
+
} }, h(this.as, { key: '1c49c08c3ea7a105ce6c69302e2adc2bc6a443eb', href: this.href, target: this.target, part: "button-native", class: "button-native" }, h("slot", { key: '5ef09afd70e95c9c596c46d84a8d3410a8eba2a9', name: "start" }), h("slot", { key: 'f055ad44f74ca07a612c967432714c00e4b56ba9' }), h("slot", { key: '2a53e40d635b3de4441aed9005b4bb13d42e9d04', name: "end" }))));
|
6295
6299
|
}
|
6296
6300
|
};
|
6297
6301
|
CpslButton.style = CpslButtonStyle0;
|
@@ -6333,7 +6337,7 @@ const CpslButtonGroup = class {
|
|
6333
6337
|
return this.el.querySelectorAll('&> *:not(cpsl-button)');
|
6334
6338
|
}
|
6335
6339
|
render() {
|
6336
|
-
return (h(Host, { key: '
|
6340
|
+
return (h(Host, { key: '91ccfcaf08be6fc45076376b19e63b5b58ab9b15' }, h("slot", { key: '9af22dc4fcbd76ebc32e476d1682e2fe41b33f81' })));
|
6337
6341
|
}
|
6338
6342
|
get el() { return getElement(this); }
|
6339
6343
|
static get watchers() { return {
|
@@ -6350,7 +6354,7 @@ const CpslCard = class {
|
|
6350
6354
|
registerInstance(this, hostRef);
|
6351
6355
|
}
|
6352
6356
|
render() {
|
6353
|
-
return (h(Host, { key: '
|
6357
|
+
return (h(Host, { key: '21177f5a9ceec0246dc1fa89a052bfdadacc3063' }, h("div", { key: '0940e0aaf62b24e1be0e99c736069b5bb463854c', class: { card: true }, part: "card-container" }, h("slot", { key: '6317e03f97be9841c03b040845591043bf203e36' }))));
|
6354
6358
|
}
|
6355
6359
|
};
|
6356
6360
|
CpslCard.style = CpslCardStyle0;
|
@@ -6368,7 +6372,7 @@ const CpslCheckbox = class {
|
|
6368
6372
|
this.checked = undefined;
|
6369
6373
|
}
|
6370
6374
|
render() {
|
6371
|
-
return (h(Host, { key: '
|
6375
|
+
return (h(Host, { key: '236c0b027e72c0c25dbc2fd3183a77400c815f8c' }, h("input", { key: '8c350e21268b87d485b16796b2058c4e47f46e75', type: "checkbox", checked: this.checked }), h("span", { key: 'b1d8fc6dd380b67eb8940f55bba47810c54ee189', onClick: this.handleCheckboxClick, class: { container: true, checked: this.checked } }, h("cpsl-icon", { key: '2b3ddcad1e2b9007bda8135a810b75a1a2cfaeca', icon: "check" }))));
|
6372
6376
|
}
|
6373
6377
|
};
|
6374
6378
|
CpslCheckbox.style = CpslCheckboxStyle0;
|
@@ -6469,10 +6473,10 @@ const CpslCodeInput = class {
|
|
6469
6473
|
}
|
6470
6474
|
render() {
|
6471
6475
|
var _a;
|
6472
|
-
return (h(Host, { key: '
|
6476
|
+
return (h(Host, { key: 'fd588544d9cdebaaeb1961f4ecb5c5630e8e4699' }, h("div", { key: 'b795c99f0df6fbf4ba9a7118f3f737dbf22c7ee9', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
|
6473
6477
|
var _a, _b;
|
6474
6478
|
return (h("input", { class: { 'code-input': true, 'error': Boolean(this.errorText), 'has-value': ((_a = this.code) === null || _a === void 0 ? void 0 : _a[i]) !== undefined }, id: `code-input-${i}`, onKeyDown: ev => this.handleKeyDown(i, ev), onInput: ev => this.handleInput(i, ev), onFocus: () => this.handleFocus(i), onPaste: this.handlePaste, min: 0, max: 9, value: (_b = this.code) === null || _b === void 0 ? void 0 : _b[i], inputMode: this.type === 'number' ? 'numeric' : 'text' }));
|
6475
|
-
})), (this.errorText || this.helperText) && (h("div", { key: '
|
6479
|
+
})), (this.errorText || this.helperText) && (h("div", { key: '9cff50eb172f38af5065ad79e3c767f2e8ec33c9', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { key: 'c8d7dbbd0ec7a2015e2e8099d0448b847641b845', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), h("span", { key: '4ae4009a2fb4d8f6dc4c985ea8d39c136cb23780' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
6476
6480
|
}
|
6477
6481
|
get el() { return getElement(this); }
|
6478
6482
|
};
|
@@ -6486,7 +6490,7 @@ const CpslDivider = class {
|
|
6486
6490
|
registerInstance(this, hostRef);
|
6487
6491
|
}
|
6488
6492
|
render() {
|
6489
|
-
return (h(Host, { key: '
|
6493
|
+
return (h(Host, { key: 'd5cffdef9344f7dcac4aae1bc2acca8c02d69946' }, h("div", { key: 'e07f8107804df83537a3b8e40d124c66d2fc6f44' }), h("slot", { key: 'd97f02d46a63d32d107838b5aa50654a9593cc8a' }), h("div", { key: '2316aed010b91a65c961e2f30cc2cde03b892429' })));
|
6490
6494
|
}
|
6491
6495
|
};
|
6492
6496
|
CpslDivider.style = CpslDividerStyle0;
|
@@ -6528,12 +6532,12 @@ const CpslDrawer = class {
|
|
6528
6532
|
const setHeight = this.anchor === 'top' || this.anchor === 'bottom';
|
6529
6533
|
const startingAnchor = (_a = `${this.anchorPosition}px`) !== null && _a !== void 0 ? _a : '0px';
|
6530
6534
|
const size = this.size === 'auto' ? 'auto' : `${this.size}px`;
|
6531
|
-
return (h(Host, { key: '
|
6535
|
+
return (h(Host, { key: '81d454f0a4532e333880f4e37a79545ee5710536', style: Object.assign({ width: setHeight ? '100vw' : size, height: setHeight ? size : '100vh', transitionDuration: `${this.showTransition ? this.transitionDuration : 0}s`, transitionTimingFunction: `${this.transitionFunction}`, [this.anchor]: this.open || this.variant === 'permanent' ? startingAnchor : this.closedAnchorPosition, opacity: this.closedAnchorPosition === undefined ? '0' : '1' }, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})), class: {
|
6532
6536
|
top: this.anchor === 'top',
|
6533
6537
|
bottom: this.anchor === 'bottom',
|
6534
6538
|
left: this.anchor === 'left',
|
6535
6539
|
right: this.anchor === 'right',
|
6536
|
-
} }, this.variant === 'temporary' && !this.noOverlay && h("cpsl-overlay", { key: '
|
6540
|
+
} }, this.variant === 'temporary' && !this.noOverlay && h("cpsl-overlay", { key: '21fdc68cd01c652b7a9f8e1d624027f4051fdb47', open: this.open, zIndexOverride: DEFAULT_Z_INDICES.modal + 1 }), h("div", { key: '085ba3bf2b57ceeb5615c42816e7a0f8758eeeb0', id: "container", class: "container", part: "container" }, h("slot", { key: 'bd8517779864cf35bc30b33597b27a43c749ba1f' }))));
|
6537
6541
|
}
|
6538
6542
|
get el() { return getElement(this); }
|
6539
6543
|
};
|
@@ -6544,6 +6548,13 @@ const AlertCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
6544
6548
|
</svg>
|
6545
6549
|
`;
|
6546
6550
|
|
6551
|
+
const AlertTriangle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
6552
|
+
<g id="alert-triangle">
|
6553
|
+
<path id="Icon" d="M11.9998 8.99999V13M11.9998 17H12.0098M10.6151 3.89171L2.39019 18.0983C1.93398 18.8863 1.70588 19.2803 1.73959 19.6037C1.769 19.8857 1.91677 20.142 2.14613 20.3088C2.40908 20.5 2.86435 20.5 3.77487 20.5H20.2246C21.1352 20.5 21.5904 20.5 21.8534 20.3088C22.0827 20.142 22.2305 19.8857 22.2599 19.6037C22.2936 19.2803 22.0655 18.8863 21.6093 18.0983L13.3844 3.89171C12.9299 3.10654 12.7026 2.71396 12.4061 2.58211C12.1474 2.4671 11.8521 2.4671 11.5935 2.58211C11.2969 2.71396 11.0696 3.10655 10.6151 3.89171Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
6554
|
+
</g>
|
6555
|
+
</svg>
|
6556
|
+
`;
|
6557
|
+
|
6547
6558
|
const AngelListBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
6548
6559
|
<path d="M17.7703 10.0969C18.3188 8.56875 19.8984 4.14844 19.8984 2.73281C19.8984 1.48594 19.1625 0.440625 17.85 0.440625C15.7594 0.440625 13.8844 6.61406 13.2984 8.08594C12.8438 6.75 10.7156 0 8.84063 0C7.38282 0 6.69844 1.07344 6.69844 2.42344C6.69844 4.07812 8.30156 8.36719 8.88281 10.0172C8.5875 9.90938 8.26875 9.81562 7.94531 9.81562C6.84844 9.81562 5.68125 11.1797 5.68125 12.2812C5.68125 12.6984 5.91094 13.2844 6.05625 13.6734C4.32656 14.1422 3.66094 15.2953 3.66094 17.0344C3.65625 20.4187 6.8625 24 11.3719 24C16.9031 24 20.3438 19.8469 20.3438 14.4891C20.3438 12.4688 20.0203 10.6453 17.7703 10.0969ZM16.1109 5.0625C16.2984 4.48594 17.1 2.04844 17.85 2.04844C18.2531 2.04844 18.3609 2.46563 18.3609 2.79844C18.3609 3.69375 16.5516 8.63906 16.1531 9.73594L14.5594 9.45469L16.1109 5.0625ZM8.17032 2.26406C8.17032 1.70625 8.85 0.121875 10.3406 4.47188L11.9625 9.17344C11.2313 9.1125 10.6641 9.03281 10.3031 9.23906C9.79219 7.88906 8.17032 3.62812 8.17032 2.26406ZM8.0625 11.4375C9.43594 11.4375 11.2078 15.8719 11.2078 16.4719C11.2078 16.7109 10.9781 17.0062 10.7109 17.0062C9.73125 17.0062 7.10625 13.4016 7.10625 12.4266C7.11094 12.0656 7.70156 11.4375 8.0625 11.4375ZM16.7016 20.1703C15.3375 21.6703 13.5938 22.4484 11.5594 22.4484C8.775 22.4484 6.57656 20.9203 5.51719 18.3094C4.71563 16.275 5.69532 15.1078 6.48282 15.1078C7.01719 15.1078 9.02813 17.9344 9.02813 18.5344C9.02813 18.7641 8.66719 18.9234 8.47969 18.9234C7.725 18.9234 7.42969 18.1969 6.08438 16.5141C4.69219 17.9062 7.04532 20.5875 8.81719 20.5875C10.0406 20.5875 10.8375 19.4531 10.5984 18.6188C10.7719 18.6188 10.9875 18.6328 11.1469 18.5906C11.1984 19.8609 11.5734 21.375 13.1016 21.4828C13.1016 21.4406 13.1953 21.15 13.1953 21.1359C13.1953 20.3203 12.6984 19.6078 12.6984 18.7781C12.6984 17.4516 13.7156 16.1672 14.7469 15.4172C15.1219 15.1359 15.5766 14.9625 16.0172 14.8031C16.4719 14.6297 16.9547 14.4281 17.3016 14.0812C17.25 13.5562 17.0344 13.0922 16.5094 13.0922C15.2109 13.0922 10.8563 13.2797 10.8563 11.2313C10.8563 10.9172 10.8609 10.6172 11.6719 10.6172C13.1859 10.6172 17.0297 10.9922 18.1547 11.9813C19.0031 12.7359 19.2938 17.2875 16.7016 20.1703ZM12.0797 14.2641C12.5344 14.4094 13.0031 14.4516 13.4719 14.5453C13.125 14.7984 12.8156 15.1078 12.5203 15.4406C12.3891 15.0422 12.2297 14.6531 12.0797 14.2641Z" fill="black"/>
|
6549
6560
|
</svg>
|
@@ -11500,7 +11511,7 @@ const ZW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
|
|
11500
11511
|
</svg>
|
11501
11512
|
`;
|
11502
11513
|
|
11503
|
-
const Icons = { alertCircle: AlertCircle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowCircleBrokenDownLeft: ArrowCircleBrokenDownLeft, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, bank: Bank, brush: Brush, capsuleLogo: CapsuleLogo, capsuleRingsDark: CapsuleRingsDark, capsuleRings: CapsuleRings, capsule: Capsule, checkCircleFilled: CheckCircleFilled, checkCircle: CheckCircle, check: Check, chevronUp: ChevronUp, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, cosmos: Cosmos, creditCard: CreditCard, cube: Cube, decentBrand: DecentBrand, decent: Decent, discordBrand: DiscordBrand, discord: Discord, dot: Dot, downloadCloud: DownloadCloud, download: Download, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, earth: Earth, ethereum: Ethereum, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, farcasterBrand: FarcasterBrand, farcaster: Farcaster, figmaBrand: FigmaBrand, figma: Figma, file: File, folder: Folder, githubBrand: GithubBrand, github: Github, globe: Globe, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroAlertCircle: HeroAlertCircle, heroCheckmarkCapsule: HeroCheckmarkCapsule, heroCheckmark: HeroCheckmark, heroEmail: HeroEmail, heroExternalConnection: HeroExternalConnection, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroPlusCircleCapsule: HeroPlusCircleCapsule, heroPlusCircle: HeroPlusCircle, heroWallet: HeroWallet, home: Home, image: Image$1, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, lightning01: Lightning01, lightning: Lightning, linkExternal: LinkExternal, linkedinBrand: LinkedinBrand, linkedin: Linkedin, logOut: LogOut, mail: Mail, menu: Menu, moonpayBrand: MoonpayBrand, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, plusCircle: PlusCircle, puzzlePiece: PuzzlePiece, qrCode02: QrCode02, qrCode: QrCode, rampNetworkBrand: RampNetworkBrand, rampNetwork: RampNetwork, redditBrand: RedditBrand, reddit: Reddit, refresh: Refresh, search: Search, send: Send, settings: Settings, shield: Shield, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, solana: Solana, stars: Stars, stripeBrand: StripeBrand, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter, wallet: Wallet, x: X, youtubeBrand: YoutubeBrand, youtube: Youtube, AD: AD, AE: AE, AF: AF, AG: AG, AI: AI, AL: AL, AM: AM, AO: AO, AR: AR, AS: AS, AT: AT, AU: AU, AW: AW, AX: AX, AZ: AZ, BA: BA, BB: BB, BD: BD, BE: BE, BF: BF, BG: BG, BH: BH, BI: BI, BJ: BJ, BL: BL, BM: BM, BN: BN, BO: BO, BQ: BQ, BQ2: BQ2, BQ3: BQ3, BR: BR, BS: BS, BT: BT, BW: BW, BY: BY, BZ: BZ, CA: CA, CC: CC, CD: CD, CD2: CD2, CF: CF, CH: CH, CK: CK, CL: CL, CM: CM, CN: CN, CO: CO, CR: CR, CU: CU, CW: CW, CX: CX, CY: CY, CZ: CZ, DE: DE, DJ: DJ, DK: DK, DM: DM, DO: DO, DS: DS, DZ: DZ, EC: EC, EE: EE, EG: EG, EH: EH, ER: ER, ES: ES, ET: ET, FI: FI, FJ: FJ, FK: FK, FM: FM, FO: FO, FR: FR, GA: GA, GB2: GB2, GB: GB, GD: GD, GE: GE, GG: GG, GH: GH, GI: GI, GL: GL, GM: GM, GN: GN, GQ: GQ, GR: GR, GT: GT, GU: GU, GW: GW, GY: GY, HK: HK, HN: HN, HR: HR, HT: HT, HU: HU, ID: ID, IE: IE, IL: IL, IM: IM, IN: IN, IO: IO, IQ: IQ, IR: IR, IS: IS, IT: IT, JE: JE, JM: JM, JO: JO, JP: JP, KE: KE, KG: KG, KH: KH, KI: KI, KM: KM, KN: KN, KP: KP, KR: KR, KW: KW, KY: KY, KZ: KZ, LA: LA, LB: LB, LC: LC, LI: LI, LK: LK, LR: LR, LS: LS, LT: LT, LU: LU, LV: LV, LY: LY, MA: MA, MC: MC, MD: MD, ME: ME, MG: MG, MH: MH, MK: MK, ML: ML, MM: MM, MN: MN, MO: MO, MP: MP, MQ: MQ, MR: MR, MS: MS, MT: MT, MU: MU, MV: MV, MW: MW, MX: MX, MY: MY, MZ: MZ, NA: NA, NE: NE, NF: NF, NG: NG, NI: NI, NL: NL, NO: NO, NP: NP, NR: NR, NU: NU, NZ: NZ, OM: OM, PA: PA, PE: PE, PF: PF, PG: PG, PH: PH, PK: PK, PL: PL, PN: PN, PR: PR, PS: PS, PT: PT, PW: PW, PY: PY, QA: QA, RO: RO, RS: RS, RU: RU, RW: RW, SA: SA, SB: SB, SC: SC, SE: SE, SG: SG, SI: SI, SK: SK, SL: SL, SM: SM, SN: SN, SO: SO, SR: SR, SS: SS, ST: ST, SV: SV, SX: SX, SY: SY, SZ: SZ, TC: TC, TD: TD, TG: TG, TH: TH, TJ: TJ, TK: TK, TL: TL, TM: TM, TN: TN, TO: TO, TR: TR, TT: TT, TV: TV, TW: TW, TZ: TZ, UA: UA, UG: UG, US: US, UY: UY, UZ: UZ, VC: VC, VE: VE, VG: VG, VI: VI, VN: VN, VU: VU, WS: WS, YE: YE, ZA: ZA, ZM: ZM, ZW: ZW, };
|
11514
|
+
const Icons = { alertCircle: AlertCircle, alertTriangle: AlertTriangle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowCircleBrokenDownLeft: ArrowCircleBrokenDownLeft, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, bank: Bank, brush: Brush, capsuleLogo: CapsuleLogo, capsuleRingsDark: CapsuleRingsDark, capsuleRings: CapsuleRings, capsule: Capsule, checkCircleFilled: CheckCircleFilled, checkCircle: CheckCircle, check: Check, chevronUp: ChevronUp, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, cosmos: Cosmos, creditCard: CreditCard, cube: Cube, decentBrand: DecentBrand, decent: Decent, discordBrand: DiscordBrand, discord: Discord, dot: Dot, downloadCloud: DownloadCloud, download: Download, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, earth: Earth, ethereum: Ethereum, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, farcasterBrand: FarcasterBrand, farcaster: Farcaster, figmaBrand: FigmaBrand, figma: Figma, file: File, folder: Folder, githubBrand: GithubBrand, github: Github, globe: Globe, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroAlertCircle: HeroAlertCircle, heroCheckmarkCapsule: HeroCheckmarkCapsule, heroCheckmark: HeroCheckmark, heroEmail: HeroEmail, heroExternalConnection: HeroExternalConnection, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroPlusCircleCapsule: HeroPlusCircleCapsule, heroPlusCircle: HeroPlusCircle, heroWallet: HeroWallet, home: Home, image: Image$1, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, lightning01: Lightning01, lightning: Lightning, linkExternal: LinkExternal, linkedinBrand: LinkedinBrand, linkedin: Linkedin, logOut: LogOut, mail: Mail, menu: Menu, moonpayBrand: MoonpayBrand, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, plusCircle: PlusCircle, puzzlePiece: PuzzlePiece, qrCode02: QrCode02, qrCode: QrCode, rampNetworkBrand: RampNetworkBrand, rampNetwork: RampNetwork, redditBrand: RedditBrand, reddit: Reddit, refresh: Refresh, search: Search, send: Send, settings: Settings, shield: Shield, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, solana: Solana, stars: Stars, stripeBrand: StripeBrand, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter, wallet: Wallet, x: X, youtubeBrand: YoutubeBrand, youtube: Youtube, AD: AD, AE: AE, AF: AF, AG: AG, AI: AI, AL: AL, AM: AM, AO: AO, AR: AR, AS: AS, AT: AT, AU: AU, AW: AW, AX: AX, AZ: AZ, BA: BA, BB: BB, BD: BD, BE: BE, BF: BF, BG: BG, BH: BH, BI: BI, BJ: BJ, BL: BL, BM: BM, BN: BN, BO: BO, BQ: BQ, BQ2: BQ2, BQ3: BQ3, BR: BR, BS: BS, BT: BT, BW: BW, BY: BY, BZ: BZ, CA: CA, CC: CC, CD: CD, CD2: CD2, CF: CF, CH: CH, CK: CK, CL: CL, CM: CM, CN: CN, CO: CO, CR: CR, CU: CU, CW: CW, CX: CX, CY: CY, CZ: CZ, DE: DE, DJ: DJ, DK: DK, DM: DM, DO: DO, DS: DS, DZ: DZ, EC: EC, EE: EE, EG: EG, EH: EH, ER: ER, ES: ES, ET: ET, FI: FI, FJ: FJ, FK: FK, FM: FM, FO: FO, FR: FR, GA: GA, GB2: GB2, GB: GB, GD: GD, GE: GE, GG: GG, GH: GH, GI: GI, GL: GL, GM: GM, GN: GN, GQ: GQ, GR: GR, GT: GT, GU: GU, GW: GW, GY: GY, HK: HK, HN: HN, HR: HR, HT: HT, HU: HU, ID: ID, IE: IE, IL: IL, IM: IM, IN: IN, IO: IO, IQ: IQ, IR: IR, IS: IS, IT: IT, JE: JE, JM: JM, JO: JO, JP: JP, KE: KE, KG: KG, KH: KH, KI: KI, KM: KM, KN: KN, KP: KP, KR: KR, KW: KW, KY: KY, KZ: KZ, LA: LA, LB: LB, LC: LC, LI: LI, LK: LK, LR: LR, LS: LS, LT: LT, LU: LU, LV: LV, LY: LY, MA: MA, MC: MC, MD: MD, ME: ME, MG: MG, MH: MH, MK: MK, ML: ML, MM: MM, MN: MN, MO: MO, MP: MP, MQ: MQ, MR: MR, MS: MS, MT: MT, MU: MU, MV: MV, MW: MW, MX: MX, MY: MY, MZ: MZ, NA: NA, NE: NE, NF: NF, NG: NG, NI: NI, NL: NL, NO: NO, NP: NP, NR: NR, NU: NU, NZ: NZ, OM: OM, PA: PA, PE: PE, PF: PF, PG: PG, PH: PH, PK: PK, PL: PL, PN: PN, PR: PR, PS: PS, PT: PT, PW: PW, PY: PY, QA: QA, RO: RO, RS: RS, RU: RU, RW: RW, SA: SA, SB: SB, SC: SC, SE: SE, SG: SG, SI: SI, SK: SK, SL: SL, SM: SM, SN: SN, SO: SO, SR: SR, SS: SS, ST: ST, SV: SV, SX: SX, SY: SY, SZ: SZ, TC: TC, TD: TD, TG: TG, TH: TH, TJ: TJ, TK: TK, TL: TL, TM: TM, TN: TN, TO: TO, TR: TR, TT: TT, TV: TV, TW: TW, TZ: TZ, UA: UA, UG: UG, US: US, UY: UY, UZ: UZ, VC: VC, VE: VE, VG: VG, VI: VI, VN: VN, VU: VU, WS: WS, YE: YE, ZA: ZA, ZM: ZM, ZW: ZW, };
|
11504
11515
|
|
11505
11516
|
const cpslDropdownCss = ":host{display:block;position:relative;font-family:Arial, sans-serif;--input-color:var(--cpsl-color-text-primary);--container-background-color:var(--cpsl-color-input-surface-default);--container-border-color:var(--cpsl-color-input-border-active);--scrollbar-color:var(--cpsl-color-text-subtle);--divider-color:var(--cpsl-color-divider);--input-placeholder-color:var(--cpsl-color-text-secondary);--input-font-size:var(--cpsl-font-size-body-m);--button-hover-color:var(--cpsl-color-tile-button-surface-hover);font-family:var(--cpsl-font-family, inherit)}.input-container{position:relative;width:100%}::slotted(cpsl-dropdown){position:absolute;width:100%;top:100%;left:0;z-index:2}.dropdown-button{display:flex;width:100%;padding:0 4px;background:none;border:none;align-items:center;justify-content:space-between;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--input-color)}.dropdown-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.dropdown-button div{margin-left:8px;display:flex;align-items:center}.dropdown-options{display:none;position:fixed;list-style:none;padding:0;margin-top:4px;border:1px solid var(--container-border-color);border-radius:8px;z-index:999999999999;overflow-y:auto;max-height:300px;box-sizing:border-box;background-color:var(--container-background-color);}.dropdown-options.open{display:block}.dropdown-options li{padding:8px;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid var(--cpsl-color-divider);color:var(--input-color);background:var(--container-background-color);font-size:var(--input-font-size)}.dropdown-options li:hover{background-color:var(--button-hover-color)}.dropdown-options li svg{width:24px;height:24px;margin-right:8px;padding:0 8px;vertical-align:middle;}.dropdown-options::-webkit-scrollbar{width:8px;height:8px;background-color:transparent;}.dropdown-options::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:10px;border:2px solid transparent;background-clip:content-box;height:8px}.dropdown-options::-webkit-scrollbar-track{background:transparent;}.dropdown-value{margin-left:8px;color:var(--cpsl-color-text-secondary)}.dropdown-button .chevron{transition:transform 0.3s ease}.dropdown-button .chevron.closed{transform:rotate(180deg)}.search-bar{padding:0;border-bottom:1px solid var(--cpsl-color-divider);position:sticky;top:0;background:var(--container-background-color);z-index:1;}.search-bar input{width:100%;padding:8px;border:none;box-sizing:border-box;font-size:var(--input-font-size);color:var(--input-color);background-color:var(--container-background-color);border-radius:0;}.search-bar input::placeholder{color:var(--input-placeholder-color)}.search-bar input:focus{outline:none;border-color:transparent;}";
|
11506
11517
|
const CpslDropdownStyle0 = cpslDropdownCss;
|
@@ -11601,7 +11612,7 @@ const CpslDropdown = class {
|
|
11601
11612
|
}
|
11602
11613
|
render() {
|
11603
11614
|
var _a, _b, _c;
|
11604
|
-
return (h(Host, { key: '
|
11615
|
+
return (h(Host, { key: 'a997453b8690196f125bcf96fd94d728e645cd9e' }, h("button", { key: '0be8f5b0b6fcb3a27a5885205c0f585a68dc1bb9', class: "dropdown-button", onClick: this.toggleDropdown }, `${((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.selectedLabel) || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label)} ${(_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.value}`, h("div", { key: 'f324edfdd97304de361a0ccd2bec793af25d3aa3', class: `chevron ${this.isOpen ? '' : 'closed'}`, innerHTML: Icons['chevronUp'] })), h("ul", { key: 'e1a3a097abb0633bd33caefabce016e2308f1ac0', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.hasCpslSearch && (h("li", { key: '517c74f9f94df623206d8969a32d894b854f95a4', class: "search-bar" }, h("input", { key: '28ed686f30069ecb92dd0ee1852a9b9f94a98264', type: "text", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchQueryChange }))), this.filteredItems.map(item => (h("li", { onClick: this.handleItemSelect(item) }, h("span", { innerHTML: Icons[item.icon] }), item.label, " ", h("span", { class: "dropdown-value" }, item.value)))))));
|
11605
11616
|
}
|
11606
11617
|
get el() { return getElement(this); }
|
11607
11618
|
static get watchers() { return {
|
@@ -11736,7 +11747,7 @@ const CpslFileUpload = class {
|
|
11736
11747
|
}
|
11737
11748
|
render() {
|
11738
11749
|
var _a, _b, _c;
|
11739
|
-
return (h(Host, { key: '
|
11750
|
+
return (h(Host, { key: '7d86bbac92b88c5e0b4a7c79cde8b2669f3801c2' }, this.label && (h("label", { key: 'eb364a27a57b278c5f6a75b793369e07ced1ea2c', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("slot", { key: 'e40411eb484d37dcc9980aaab3a1f69aaf954cc0', name: "label" }), h("div", { key: 'd6da41895c97f0b9a1bcac7c6bc8b3c645558204', class: { 'container': true, 'error': Boolean(this.errorText), 'drag': this.dragOver, 'drag-error': this.dragError } }, h("div", { key: '6eb03384b7ac287459afc20abee8a616c99981ce', class: { 'label-container': true } }, h("slot", { key: '7e4c43bddd220698c73670c8f2da7b600e404686', name: "left-content" })), h("div", { key: '66dc0aa70f8eb04e33e5bd9f7bf32bf60ef2188b', class: { 'file-container': true } }, this.FileContent), h("input", { key: '850e65539600a22b474304524f83d3b14be5d3dd', id: this.inputId, type: "file", accept: (_b = (_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : '*', files: this.file ? [this.file] : undefined, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onChange: this.handleInputChange })), (this.errorText || this.helperText) && (h("div", { key: '23a46735f7578cf98c4940881032ace297c59584', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '135a2875a88051bccf79fd41c8424c58611fbb6a' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
|
11740
11751
|
}
|
11741
11752
|
get el() { return getElement(this); }
|
11742
11753
|
};
|
@@ -11753,7 +11764,7 @@ const CpslIcon = class {
|
|
11753
11764
|
this.icon = undefined;
|
11754
11765
|
}
|
11755
11766
|
render() {
|
11756
|
-
return (h(Host, { key: '
|
11767
|
+
return (h(Host, { key: '83970488e84a7359667faa9948079b3fac1b8e09', part: "icon", role: "img" }, !this.icon ? h("img", { src: this.src }) : h("div", { innerHTML: Icons[this.icon] })));
|
11757
11768
|
}
|
11758
11769
|
};
|
11759
11770
|
CpslIcon.style = CpslIconStyle0;
|
@@ -11791,7 +11802,7 @@ const CpslIconGroup = class {
|
|
11791
11802
|
render() {
|
11792
11803
|
// If disabled remove all brand icons to ensure the disabled color is shown correctly
|
11793
11804
|
const icons = this.disabled ? this.icons.map(icon => icon.replace('Brand', '')) : this.icons;
|
11794
|
-
return (h(Host, { key: '
|
11805
|
+
return (h(Host, { key: '687a32dfbceec5b1544c695bc4e8ffbcf094a384' }, icons.map((icon, index) => {
|
11795
11806
|
const isIcon = isOfTypeIconType(icon);
|
11796
11807
|
return (h("span", { part: "icon-container", class: {
|
11797
11808
|
'icon-container': true,
|
@@ -14454,7 +14465,7 @@ const CpslInput = class {
|
|
14454
14465
|
}
|
14455
14466
|
render() {
|
14456
14467
|
var _a, _b;
|
14457
|
-
return (h(Host, { key: '
|
14468
|
+
return (h(Host, { key: '85cf7d24670123a46e14bb80b28068df26c44578', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: 'b48d4f298e567403b08c5af068af6b70785ca11a', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '14191aca2fae8fd342b7ffcbc5cbd1090210df69', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: '1ec917365d4afb3804aa85bd58e67b7f04f9ca62', name: "start" }), h("input", { key: '01f1dee6221bec9b8bf9a9ef634d2740e435a457', class: "native-input", part: "native-input", ref: input => (this.nativeInput = 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, defaultValue: (_a = this.value) !== null && _a !== void 0 ? _a : '', onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: '88241f53adc7288c56489c9e21def4d37e27a69f', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: 'd8fda08e1c848739339d53c8125d6ad8780d9903', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '760f05a0d5965cac18b2dd4716c6b3b3e0dbe53f' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
|
14458
14469
|
}
|
14459
14470
|
get el() { return getElement(this); }
|
14460
14471
|
static get watchers() { return {
|
@@ -14484,7 +14495,7 @@ const CpslNavButtonGroup = class {
|
|
14484
14495
|
return this.el.querySelectorAll('&> *:not(cpsl-nav-button)');
|
14485
14496
|
}
|
14486
14497
|
render() {
|
14487
|
-
return (h(Host, { key: '
|
14498
|
+
return (h(Host, { key: 'd52d419d0bcd96e2759a6a39f048f823c3d2ba69' }, h("slot", { key: '851d194ca0b7b0caef7b09420918eb4cdcbee137' })));
|
14488
14499
|
}
|
14489
14500
|
get el() { return getElement(this); }
|
14490
14501
|
};
|
@@ -14522,7 +14533,7 @@ const CpslOverlay = class {
|
|
14522
14533
|
}
|
14523
14534
|
}
|
14524
14535
|
render() {
|
14525
|
-
return (h(Host, { key: '
|
14536
|
+
return (h(Host, { key: '62199abc410f605818c392e64e0bcfc1a33ec8a5', style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {} }, h("slot", { key: 'df78ed55eac09acb15743c933ad0ee38a3d5b93a' })));
|
14526
14537
|
}
|
14527
14538
|
get el() { return getElement(this); }
|
14528
14539
|
static get watchers() { return {
|
@@ -14608,7 +14619,7 @@ const CpslPagination = class {
|
|
14608
14619
|
filteredPages.push(this.totalPages - 1);
|
14609
14620
|
}
|
14610
14621
|
}
|
14611
|
-
return (h(Host, { key: '
|
14622
|
+
return (h(Host, { key: '030d0a78198c77a243ae9996dd8192437c3c370b' }, h("cpsl-button-group", { key: 'b12f592a5cf2cdab91c82516206e4a831bdad5d6', selectedId: `${this.currentPage}` }, h("cpsl-button", { key: 'a24be555c3be19f63a5011aacac7046dbd8bdecd', class: "arrow-button", onClick: this.handlePrevClick }, h("cpsl-icon", { key: 'e82fe20b2091ede6ac99c16dfb433b47d7490293', class: { 'icon': true, 'start-icon': true }, icon: "arrowNarrow" })), filteredPages.map(page => (h("cpsl-button", { key: page, variant: "secondary", fullWidth: true, id: `${page}`, onClick: this.handlePageClick(page) }, h("cpsl-text", { variant: "bodyS" }, page + 1)))), h("cpsl-button", { key: '3d4c5c6b211a1543818746da22739df63a4afcee', class: "arrow-button", onClick: this.handleNextClick }, h("cpsl-icon", { key: 'f623fb7dc739556480bc90d1ce296baa8f5afcb0', class: "icon", icon: "arrowNarrow" })))));
|
14612
14623
|
}
|
14613
14624
|
static get watchers() { return {
|
14614
14625
|
"currentPage": ["watchChange"]
|
@@ -14625,7 +14636,7 @@ const CpslPill = class {
|
|
14625
14636
|
this.text = undefined;
|
14626
14637
|
}
|
14627
14638
|
render() {
|
14628
|
-
return (h(Host, { key: '
|
14639
|
+
return (h(Host, { key: 'a349d2f48d6ebc223437e1a9ca125587061659dc' }, h("div", { key: '1bf3f63a8c41fb7fa662201817f5884e3c3926fd', class: "pill-container" }, h("span", { key: 'd9ba2ff7fd44d242b5ae0ee037ae6b9c85ff4834' }, this.text))));
|
14629
14640
|
}
|
14630
14641
|
};
|
14631
14642
|
CpslPill.style = CpslPillStyle0;
|
@@ -14848,7 +14859,7 @@ const CpslPopover = class {
|
|
14848
14859
|
}
|
14849
14860
|
render() {
|
14850
14861
|
var _a;
|
14851
|
-
return (h(Host, { key: '
|
14862
|
+
return (h(Host, { key: 'dc3d25f0ec214f77dbc997d7b653ea89e23309d6', class: {
|
14852
14863
|
'open': this.open,
|
14853
14864
|
'transform-h-left': this.transformOriginHorizontal === 'left',
|
14854
14865
|
'transform-h-center': this.transformOriginHorizontal === 'center',
|
@@ -14856,7 +14867,7 @@ const CpslPopover = class {
|
|
14856
14867
|
'transform-v-top': this.transformOriginVertical === 'top',
|
14857
14868
|
'transform-v-center': this.transformOriginVertical === 'center',
|
14858
14869
|
'transform-v-bottom': this.transformOriginVertical === 'bottom',
|
14859
|
-
}, style: { top: `${this.positionY}px`, left: `${this.positionX}px`, width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px` } }, h("div", { key: '
|
14870
|
+
}, style: { top: `${this.positionY}px`, left: `${this.positionX}px`, width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px` } }, h("div", { key: '434a4e5fec57a0bec57b3cefb1576867840c94f3', id: "container", class: { container: true, open: this.open } }, h("slot", { key: '263e386555d43370cfd0209aa5ec79f3d7105164' }))));
|
14860
14871
|
}
|
14861
14872
|
get el() { return getElement(this); }
|
14862
14873
|
static get watchers() { return {
|
@@ -19002,7 +19013,7 @@ const CpslQrCode = class {
|
|
19002
19013
|
return this.el.shadowRoot.getElementById('qr-code');
|
19003
19014
|
}
|
19004
19015
|
render() {
|
19005
|
-
return (h(Host, { key: '
|
19016
|
+
return (h(Host, { key: '7d2e72abdbc8a7bb5dba82ae7c19d673224300ff' }, h("div", { key: '633e00d74c014fa92544b4dc7e2246c390db0796', id: "qr-container", class: "qr-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, h("img", { key: '92d42de9c33b75d9fbb451e8586700c562cc385b', id: "qr-code", class: "qr-code" }))));
|
19006
19017
|
}
|
19007
19018
|
get el() { return getElement(this); }
|
19008
19019
|
};
|
@@ -19023,7 +19034,7 @@ const CpslRadio = class {
|
|
19023
19034
|
this.checked = undefined;
|
19024
19035
|
}
|
19025
19036
|
render() {
|
19026
|
-
return (h(Host, { key: '
|
19037
|
+
return (h(Host, { key: 'a0440f0feb4b7a67517d1d8278e9bcbb2c7ef764' }, h("input", { key: '54dc5c3e64777504d5c851940d785a90de2d2882', type: "radio", checked: this.checked }), h("span", { key: 'dc5d326b957993e0a14ae6827751e946e141d3e6', onClick: this.handleRadioClick, class: { container: true, checked: this.checked } })));
|
19027
19038
|
}
|
19028
19039
|
};
|
19029
19040
|
CpslRadio.style = CpslRadioStyle0;
|
@@ -19124,10 +19135,10 @@ const CpslSelect = class {
|
|
19124
19135
|
}
|
19125
19136
|
render() {
|
19126
19137
|
var _a, _b, _c, _d, _e;
|
19127
|
-
return (h(Host, { key: '
|
19138
|
+
return (h(Host, { key: '2dc90fa79e9d409809b14f056d573494cf3fda0c', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (h("label", { key: '742a6ea82b6cb72838f8ba9420080cf902dc102f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: 'bce44a6c298d36ad8dfb2bc06d90f00b85d52cc3', id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: '6b0a3490f9f1cdfd11cca207bedc472894066faf', name: "selected-item" }), h("div", { key: '4387220734a9f70e41b9d0ad3ff67896d907941e', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '1a41ec34f42c8c9a91a25bfef65ddf4fa35a96c6', class: { 'selected-text': true, 'placeholder': !this.selectedValue } }, !this.selectedValue ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select') : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), h("cpsl-icon", { key: 'eae0113d4bff1f5ad5a548c6d7e4eac10167cc42', class: { 'chevron': true, 'open': this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: "chevronUp" }), h("input", { key: 'acbf93a96d645cc02c36cfce772bc77714c0fc7b', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" })), (this.errorText || this.helperText) && (h("div", { key: 'eb6e73960b17f99900add78a617668032df69725', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'dbc8079533632123078bd8a02b3f67fdd16b56de' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText))), h("cpsl-popover", { key: 'f7c884e603732982a6f305075b25682713ec78df', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: 'ebbcfd90184f92c2188bbda5e972ce520e275578', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: 'b4f071a28be133ef5a36df133cc463b04ce5f704', class: "search-container" }, h("cpsl-input", { key: '0c44f16d6b0c9e37deeec2d2dfdc3169f284ecad', onClick: e => e.stopPropagation(), placeholder: (_e = this.searchPlaceholder) !== null && _e !== void 0 ? _e : 'Search', value: "", onCpslInput: e => {
|
19128
19139
|
e.stopPropagation();
|
19129
19140
|
this.cpslSearchChange.emit(e.detail.value);
|
19130
|
-
} }))), h("div", { key: '
|
19141
|
+
} }))), h("div", { key: 'd5772b2190f077e49040be7ee53760e4427f6139', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: 'cfe37a10328e6d8266df91907ba25ed45a2b01f8', name: "items" }))))));
|
19131
19142
|
}
|
19132
19143
|
get el() { return getElement(this); }
|
19133
19144
|
static get watchers() { return {
|
@@ -19151,7 +19162,7 @@ const CpslSelectItem = class {
|
|
19151
19162
|
this.value = undefined;
|
19152
19163
|
}
|
19153
19164
|
render() {
|
19154
|
-
return (h(Host, { key: '
|
19165
|
+
return (h(Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, h("div", { key: 'ebf183f51dc2082e853cda6f490ab1b1a2c72f99', part: "outer-container", class: "outer-container", onClick: this.handleItemClick }, h("div", { key: '1e2c94c4e4a61638fc7a0439a36672bc22f47d28', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, h("slot", { key: 'a5c01c9f324912eff3c7958370bbec29050e4f4a' })))));
|
19155
19166
|
}
|
19156
19167
|
};
|
19157
19168
|
CpslSelectItem.style = CpslSelectItemStyle0;
|
@@ -19287,7 +19298,7 @@ const CpslSlideButton = class {
|
|
19287
19298
|
return this.el.shadowRoot.getElementById('end-icon');
|
19288
19299
|
}
|
19289
19300
|
render() {
|
19290
|
-
return (h(Host, { key: '
|
19301
|
+
return (h(Host, { key: 'c396198f7247a40fb9ca03009fdde7478e25ec57' }, h("div", { key: 'ffc4f665dfcf595a6e332fe5864e0194543da59d', id: "slider-container", class: "slider-container" }, h("div", { key: 'f2834903ec83abffd252bdbb8918f53304840f55', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'cb315a8ce6b822661b01ecf40d852c77fee33fa3', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: '3179fcebe1513a2fa76ef53907a5876ee93756dd', id: "slider", class: { slider: true, disabled: this.disabled } }, h("cpsl-icon", { key: 'fe5246cc71fd8c45578fe6e72b4da9280fda04b3', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: '186789c69f11dc5f47de5daa12de414dc339d86f', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: 'e385a9bddb2874863305a7a32e5dc89770a44bac', id: "start-text", class: { 'start-text': true, 'disabled': this.disabled } }, this.startText), h("span", { key: 'f2dc440ff6f3e72bba50c949cc8abcdcc4f94566', id: "end-text", class: "end-text" }, this.endText))));
|
19291
19302
|
}
|
19292
19303
|
get el() { return getElement(this); }
|
19293
19304
|
};
|
@@ -19303,11 +19314,11 @@ const CpslSpinner = class {
|
|
19303
19314
|
this.speed = 1;
|
19304
19315
|
}
|
19305
19316
|
render() {
|
19306
|
-
return (h(Host, { key: '
|
19317
|
+
return (h(Host, { key: '5435b4e754383ad990e2fbf292c547fdff6a3c93', style: {
|
19307
19318
|
height: `${this.size}px`,
|
19308
19319
|
width: `${this.size}px`,
|
19309
19320
|
['--bar-width']: `${this.size * 0.12}px`,
|
19310
|
-
} }, h("div", { key: '
|
19321
|
+
} }, h("div", { key: '4cf6ac734c6c20fd4e5343ff2b30718f1ec0820a', class: "loader" })));
|
19311
19322
|
}
|
19312
19323
|
};
|
19313
19324
|
CpslSpinner.style = CpslSpinnerStyle0;
|
@@ -19325,7 +19336,7 @@ const CpslSwitch = class {
|
|
19325
19336
|
this.checked = undefined;
|
19326
19337
|
}
|
19327
19338
|
render() {
|
19328
|
-
return (h(Host, { key: '
|
19339
|
+
return (h(Host, { key: '80395b6f36c5653c725a69883098d2822cb6d420' }, h("input", { key: 'b9f74ffce1f02b8efa28b47f60c82e549a87bd09', type: "checkbox", checked: this.checked }), h("span", { key: '1f0763f6aaca5f55a66620a59444a907dc837360', onClick: this.handleSwitchClick, class: { container: true, checked: this.checked } }, h("span", { key: '1804cbae3ea10091952722c6bfb50c6dd518fe0b', class: { thumb: true, checked: this.checked } }))));
|
19329
19340
|
}
|
19330
19341
|
};
|
19331
19342
|
CpslSwitch.style = CpslSwitchStyle0;
|
@@ -19365,7 +19376,7 @@ const CpslTab = class {
|
|
19365
19376
|
}
|
19366
19377
|
}
|
19367
19378
|
render() {
|
19368
|
-
return (h(Host, { key: '
|
19379
|
+
return (h(Host, { key: '028bc025620e157f36758d6af5893b5067d42e22', class: { selected: this.selected }, onClick: this.onTabClicked }, h("div", { key: '6158adb9c6f477fba3b00fcfcc0b1c3717b8158e', class: { 'tab-container': true } }, h("slot", { key: 'e95d380390aacbe7e4630c32170a0bc7c113d871', name: "start" }), h("div", { key: '11905c7fa6cec1dec116738aa3fa35afc960ec87', class: "content" }, h("slot", { key: 'b9b157aa480845a5040fdd8d84499d9e00ed9a43' })), h("slot", { key: '0b5cff6fa6e070254205d7367a92dbae3cec1d3a', name: "end" }))));
|
19369
19380
|
}
|
19370
19381
|
get el() { return getElement(this); }
|
19371
19382
|
};
|
@@ -19423,7 +19434,7 @@ const CpslTable = class {
|
|
19423
19434
|
return this.el.shadowRoot.getElementById('footer-container');
|
19424
19435
|
}
|
19425
19436
|
render() {
|
19426
|
-
return (h(Host, { key: '
|
19437
|
+
return (h(Host, { key: '144ebe0917ce215a128b6653c8ed47138be7b319' }, h("cpsl-card", { key: '8197bc383734a332a2e0ee7221a1990ba20b1f84', part: "table-container", style: { position: 'relative' } }, h("div", { key: 'dd8d0026515ce96a848ae4a6cdf5cdab7bb7ddf2', id: "header-container", class: { 'container-header': true, 'shown': Boolean(this.containerHeaderEl) } }, h("slot", { key: '1b5a2cbae0fa49bb0b5b4d89fef4b44ce8a46439', name: "header" })), h("div", { key: 'e22bd3b94832ded10fe7b152d2d0c68165853529', id: "content-container", class: { 'content': true, 'horizontal-scroll': this.hasHorizontalScroll, 'vertical-scroll': this.hasVerticalScroll }, part: "content" }, h("slot", { key: 'f1bbfc01f1c25f820d9d4846ac1a7f64c21ee03b', name: "content" })), this.headerEl && this.contentContainerEl && this.footerEl && (h("div", { key: 'ad1e130185b6621b763892ae693ffab1d6243ae5', style: { top: `${this.headerEl.clientHeight + 2}px`, height: `${this.contentContainerEl.clientHeight}px` }, class: { 'overlay': true, 'horizontal-scroll': this.hasHorizontalScroll, 'vertical-scroll': this.hasVerticalScroll } })), h("div", { key: 'fb8b26f5d97b3965c50676b0541a14f21c675fe6', id: "footer-container", class: { 'container-footer': true, 'shown': Boolean(this.containerFooterEl) } }, h("slot", { key: '70a40dfe9bb80e3c825c895d12cb971467898e6a', name: "footer" })))));
|
19427
19438
|
}
|
19428
19439
|
get el() { return getElement(this); }
|
19429
19440
|
};
|
@@ -19491,7 +19502,7 @@ const CpslTabs = class {
|
|
19491
19502
|
// Get border width as a number
|
19492
19503
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--tabs-border-width').slice(0, -2);
|
19493
19504
|
const selectedTabRect = this.selectedTabRect;
|
19494
|
-
return (h(Host, { key: '
|
19505
|
+
return (h(Host, { key: '88426913982f1fe2abeefcd1671139b2804222bd', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '6dea5803e0c9de3ecd8207ec636f5a25741e277e', class: "tabs-container" }, h("slot", { key: '4cbd63beee77016213cda4f151934a4b4cbffeb3' }), h("div", { key: '636d1a79183a24526b013983fa5bb0a45d55d246', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width - 8}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth}px` } }))));
|
19495
19506
|
}
|
19496
19507
|
get el() { return getElement(this); }
|
19497
19508
|
static get watchers() { return {
|
@@ -19541,7 +19552,7 @@ const CpslText = class {
|
|
19541
19552
|
}
|
19542
19553
|
}
|
19543
19554
|
render() {
|
19544
|
-
return (h(Host, { key: '
|
19555
|
+
return (h(Host, { key: 'e5bbaea870c32c4ed4f77094fb57988d6fa8b2fc', class: {
|
19545
19556
|
// COLORS
|
19546
19557
|
'primary': this.color === 'primary',
|
19547
19558
|
'secondary': this.color === 'secondary',
|
@@ -19582,7 +19593,7 @@ const CpslTileButton = class {
|
|
19582
19593
|
this.icon = undefined;
|
19583
19594
|
}
|
19584
19595
|
render() {
|
19585
|
-
return (h(Host, { key: '
|
19596
|
+
return (h(Host, { key: 'dabee9c05e67f923fd4d8c88eac28a8b9efed9d4' }, h("button", { key: '2db84264a91bf9a58dea0fc414ef27f36f3464dd', class: "button-native" }, h("cpsl-icon", { key: 'bf29fece3a23fefc5856deab7fc8e3b7a57ce162', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '5ef7bcf22ddbeb498576d03813b6594554f1a10f' }))));
|
19586
19597
|
}
|
19587
19598
|
};
|
19588
19599
|
CpslTileButton.style = CpslTileButtonStyle0;
|