@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
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-65f57499.js');
|
|
6
6
|
const constants = require('./constants-9b1b01bb.js');
|
|
7
7
|
|
|
8
|
-
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:
|
|
8
|
+
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)}";
|
|
9
9
|
const CpslAlertStyle0 = cpslAlertCss;
|
|
10
10
|
|
|
11
11
|
const CpslAlert = class {
|
|
@@ -13,8 +13,12 @@ const CpslAlert = class {
|
|
|
13
13
|
index.registerInstance(this, hostRef);
|
|
14
14
|
this.icon = undefined;
|
|
15
15
|
this.variant = 'error';
|
|
16
|
+
this.filled = undefined;
|
|
16
17
|
}
|
|
17
18
|
get iconType() {
|
|
19
|
+
if (this.icon) {
|
|
20
|
+
return this.icon;
|
|
21
|
+
}
|
|
18
22
|
switch (this.variant) {
|
|
19
23
|
case 'custom': {
|
|
20
24
|
return undefined;
|
|
@@ -32,7 +36,7 @@ const CpslAlert = class {
|
|
|
32
36
|
}
|
|
33
37
|
}
|
|
34
38
|
render() {
|
|
35
|
-
return (index.h(index.Host, { key: '
|
|
39
|
+
return (index.h(index.Host, { key: 'b3d99e91886b9f3c226c607a2755ec07eb490284', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, index.h("div", { key: '18d3cdfce1717d8980133650e37350e299badb73', class: "alert-container" }, index.h("div", { key: 'a5974d2702eb9da75b7b09cc922d9beebbc0cef1', class: "title-container" }, this.iconType && index.h("cpsl-icon", { key: 'c700339138baadd297ba39f5f28a9d519d467988', icon: this.iconType }), index.h("slot", { key: 'f3f6d037235e72ecfd91a70bfef118bbebe9563a' })), index.h("slot", { key: '06bf3e5d838e39a4771aef6bbf343d55142f1a0f', name: "subtitle" }))));
|
|
36
40
|
}
|
|
37
41
|
};
|
|
38
42
|
CpslAlert.style = CpslAlertStyle0;
|
|
@@ -48,13 +52,13 @@ const CpslAppBar = class {
|
|
|
48
52
|
this.zIndexOverride = undefined;
|
|
49
53
|
}
|
|
50
54
|
render() {
|
|
51
|
-
return (index.h(index.Host, { key: '
|
|
55
|
+
return (index.h(index.Host, { key: '281c1ebcc7ad61ccbd6878fb31d9b52a5860c273', style: Object.assign({
|
|
52
56
|
// position: this.position,
|
|
53
57
|
height: `${this.height}px`
|
|
54
|
-
}, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})) }, index.h("div", { key: '
|
|
58
|
+
}, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})) }, index.h("div", { key: '90fdd0e77212ac8a1c861e2402b34b15a9d26f7b', class: "container", part: "container", style: {
|
|
55
59
|
position: this.position,
|
|
56
60
|
height: `${this.height}px`,
|
|
57
|
-
} }, index.h("slot", { key: '
|
|
61
|
+
} }, index.h("slot", { key: '6aa42ab3e08a7d0629082a0bbba2831b1c9374f2' })), this.position === 'fixed' && (index.h("div", { key: '99169fc7212b22fcaa2e490ee2f6a7aad750e5a3', style: {
|
|
58
62
|
height: `${this.height}px`,
|
|
59
63
|
} }))));
|
|
60
64
|
}
|
|
@@ -6262,7 +6266,7 @@ const CpslAvatar = class {
|
|
|
6262
6266
|
}
|
|
6263
6267
|
render() {
|
|
6264
6268
|
var _a;
|
|
6265
|
-
return (index.h(index.Host, { key: '
|
|
6269
|
+
return (index.h(index.Host, { key: '04dfd668bc6ab12f758e82ccfd915f06e1de3504' }, index.h("span", { key: '906c7c6e113040b95273c987689e848954e14a1c', class: { round: this.variant === 'round' } }, index.h("img", { key: '2d952a27ebbeb118c931162487f2d7e13370b41f', src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : 'avatar' }))));
|
|
6266
6270
|
}
|
|
6267
6271
|
};
|
|
6268
6272
|
CpslAvatar.style = CpslAvatarStyle0;
|
|
@@ -6282,7 +6286,7 @@ const CpslButton = class {
|
|
|
6282
6286
|
this.variant = 'primary';
|
|
6283
6287
|
}
|
|
6284
6288
|
render() {
|
|
6285
|
-
return (index.h(index.Host, { key: '
|
|
6289
|
+
return (index.h(index.Host, { key: '7411754a763990dcbef83edbef353ebf3066f71d', class: {
|
|
6286
6290
|
// VARIANTS
|
|
6287
6291
|
'primary': this.variant === 'primary',
|
|
6288
6292
|
'secondary': this.variant === 'secondary',
|
|
@@ -6295,7 +6299,7 @@ const CpslButton = class {
|
|
|
6295
6299
|
// SIZES
|
|
6296
6300
|
'small': this.size === 'small',
|
|
6297
6301
|
'medium': this.size === 'medium',
|
|
6298
|
-
} }, index.h(this.as, { key: '
|
|
6302
|
+
} }, index.h(this.as, { key: '1c49c08c3ea7a105ce6c69302e2adc2bc6a443eb', href: this.href, target: this.target, part: "button-native", class: "button-native" }, index.h("slot", { key: '5ef09afd70e95c9c596c46d84a8d3410a8eba2a9', name: "start" }), index.h("slot", { key: 'f055ad44f74ca07a612c967432714c00e4b56ba9' }), index.h("slot", { key: '2a53e40d635b3de4441aed9005b4bb13d42e9d04', name: "end" }))));
|
|
6299
6303
|
}
|
|
6300
6304
|
};
|
|
6301
6305
|
CpslButton.style = CpslButtonStyle0;
|
|
@@ -6337,7 +6341,7 @@ const CpslButtonGroup = class {
|
|
|
6337
6341
|
return this.el.querySelectorAll('&> *:not(cpsl-button)');
|
|
6338
6342
|
}
|
|
6339
6343
|
render() {
|
|
6340
|
-
return (index.h(index.Host, { key: '
|
|
6344
|
+
return (index.h(index.Host, { key: '91ccfcaf08be6fc45076376b19e63b5b58ab9b15' }, index.h("slot", { key: '9af22dc4fcbd76ebc32e476d1682e2fe41b33f81' })));
|
|
6341
6345
|
}
|
|
6342
6346
|
get el() { return index.getElement(this); }
|
|
6343
6347
|
static get watchers() { return {
|
|
@@ -6354,7 +6358,7 @@ const CpslCard = class {
|
|
|
6354
6358
|
index.registerInstance(this, hostRef);
|
|
6355
6359
|
}
|
|
6356
6360
|
render() {
|
|
6357
|
-
return (index.h(index.Host, { key: '
|
|
6361
|
+
return (index.h(index.Host, { key: '21177f5a9ceec0246dc1fa89a052bfdadacc3063' }, index.h("div", { key: '0940e0aaf62b24e1be0e99c736069b5bb463854c', class: { card: true }, part: "card-container" }, index.h("slot", { key: '6317e03f97be9841c03b040845591043bf203e36' }))));
|
|
6358
6362
|
}
|
|
6359
6363
|
};
|
|
6360
6364
|
CpslCard.style = CpslCardStyle0;
|
|
@@ -6372,7 +6376,7 @@ const CpslCheckbox = class {
|
|
|
6372
6376
|
this.checked = undefined;
|
|
6373
6377
|
}
|
|
6374
6378
|
render() {
|
|
6375
|
-
return (index.h(index.Host, { key: '
|
|
6379
|
+
return (index.h(index.Host, { key: '236c0b027e72c0c25dbc2fd3183a77400c815f8c' }, index.h("input", { key: '8c350e21268b87d485b16796b2058c4e47f46e75', type: "checkbox", checked: this.checked }), index.h("span", { key: 'b1d8fc6dd380b67eb8940f55bba47810c54ee189', onClick: this.handleCheckboxClick, class: { container: true, checked: this.checked } }, index.h("cpsl-icon", { key: '2b3ddcad1e2b9007bda8135a810b75a1a2cfaeca', icon: "check" }))));
|
|
6376
6380
|
}
|
|
6377
6381
|
};
|
|
6378
6382
|
CpslCheckbox.style = CpslCheckboxStyle0;
|
|
@@ -6473,10 +6477,10 @@ const CpslCodeInput = class {
|
|
|
6473
6477
|
}
|
|
6474
6478
|
render() {
|
|
6475
6479
|
var _a;
|
|
6476
|
-
return (index.h(index.Host, { key: '
|
|
6480
|
+
return (index.h(index.Host, { key: 'fd588544d9cdebaaeb1961f4ecb5c5630e8e4699' }, index.h("div", { key: 'b795c99f0df6fbf4ba9a7118f3f737dbf22c7ee9', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
|
|
6477
6481
|
var _a, _b;
|
|
6478
6482
|
return (index.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' }));
|
|
6479
|
-
})), (this.errorText || this.helperText) && (index.h("div", { key: '
|
|
6483
|
+
})), (this.errorText || this.helperText) && (index.h("div", { key: '9cff50eb172f38af5065ad79e3c767f2e8ec33c9', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { key: 'c8d7dbbd0ec7a2015e2e8099d0448b847641b845', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), index.h("span", { key: '4ae4009a2fb4d8f6dc4c985ea8d39c136cb23780' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
|
6480
6484
|
}
|
|
6481
6485
|
get el() { return index.getElement(this); }
|
|
6482
6486
|
};
|
|
@@ -6490,7 +6494,7 @@ const CpslDivider = class {
|
|
|
6490
6494
|
index.registerInstance(this, hostRef);
|
|
6491
6495
|
}
|
|
6492
6496
|
render() {
|
|
6493
|
-
return (index.h(index.Host, { key: '
|
|
6497
|
+
return (index.h(index.Host, { key: 'd5cffdef9344f7dcac4aae1bc2acca8c02d69946' }, index.h("div", { key: 'e07f8107804df83537a3b8e40d124c66d2fc6f44' }), index.h("slot", { key: 'd97f02d46a63d32d107838b5aa50654a9593cc8a' }), index.h("div", { key: '2316aed010b91a65c961e2f30cc2cde03b892429' })));
|
|
6494
6498
|
}
|
|
6495
6499
|
};
|
|
6496
6500
|
CpslDivider.style = CpslDividerStyle0;
|
|
@@ -6532,12 +6536,12 @@ const CpslDrawer = class {
|
|
|
6532
6536
|
const setHeight = this.anchor === 'top' || this.anchor === 'bottom';
|
|
6533
6537
|
const startingAnchor = (_a = `${this.anchorPosition}px`) !== null && _a !== void 0 ? _a : '0px';
|
|
6534
6538
|
const size = this.size === 'auto' ? 'auto' : `${this.size}px`;
|
|
6535
|
-
return (index.h(index.Host, { key: '
|
|
6539
|
+
return (index.h(index.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: {
|
|
6536
6540
|
top: this.anchor === 'top',
|
|
6537
6541
|
bottom: this.anchor === 'bottom',
|
|
6538
6542
|
left: this.anchor === 'left',
|
|
6539
6543
|
right: this.anchor === 'right',
|
|
6540
|
-
} }, this.variant === 'temporary' && !this.noOverlay && index.h("cpsl-overlay", { key: '
|
|
6544
|
+
} }, this.variant === 'temporary' && !this.noOverlay && index.h("cpsl-overlay", { key: '21fdc68cd01c652b7a9f8e1d624027f4051fdb47', open: this.open, zIndexOverride: constants.DEFAULT_Z_INDICES.modal + 1 }), index.h("div", { key: '085ba3bf2b57ceeb5615c42816e7a0f8758eeeb0', id: "container", class: "container", part: "container" }, index.h("slot", { key: 'bd8517779864cf35bc30b33597b27a43c749ba1f' }))));
|
|
6541
6545
|
}
|
|
6542
6546
|
get el() { return index.getElement(this); }
|
|
6543
6547
|
};
|
|
@@ -6548,6 +6552,13 @@ const AlertCircle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
|
6548
6552
|
</svg>
|
|
6549
6553
|
`;
|
|
6550
6554
|
|
|
6555
|
+
const AlertTriangle = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
6556
|
+
<g id="alert-triangle">
|
|
6557
|
+
<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"/>
|
|
6558
|
+
</g>
|
|
6559
|
+
</svg>
|
|
6560
|
+
`;
|
|
6561
|
+
|
|
6551
6562
|
const AngelListBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6552
6563
|
<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"/>
|
|
6553
6564
|
</svg>
|
|
@@ -11504,7 +11515,7 @@ const ZW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
|
|
|
11504
11515
|
</svg>
|
|
11505
11516
|
`;
|
|
11506
11517
|
|
|
11507
|
-
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, };
|
|
11518
|
+
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, };
|
|
11508
11519
|
|
|
11509
11520
|
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;}";
|
|
11510
11521
|
const CpslDropdownStyle0 = cpslDropdownCss;
|
|
@@ -11605,7 +11616,7 @@ const CpslDropdown = class {
|
|
|
11605
11616
|
}
|
|
11606
11617
|
render() {
|
|
11607
11618
|
var _a, _b, _c;
|
|
11608
|
-
return (index.h(index.Host, { key: '
|
|
11619
|
+
return (index.h(index.Host, { key: 'a997453b8690196f125bcf96fd94d728e645cd9e' }, index.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}`, index.h("div", { key: 'f324edfdd97304de361a0ccd2bec793af25d3aa3', class: `chevron ${this.isOpen ? '' : 'closed'}`, innerHTML: Icons['chevronUp'] })), index.h("ul", { key: 'e1a3a097abb0633bd33caefabce016e2308f1ac0', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.hasCpslSearch && (index.h("li", { key: '517c74f9f94df623206d8969a32d894b854f95a4', class: "search-bar" }, index.h("input", { key: '28ed686f30069ecb92dd0ee1852a9b9f94a98264', type: "text", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchQueryChange }))), this.filteredItems.map(item => (index.h("li", { onClick: this.handleItemSelect(item) }, index.h("span", { innerHTML: Icons[item.icon] }), item.label, " ", index.h("span", { class: "dropdown-value" }, item.value)))))));
|
|
11609
11620
|
}
|
|
11610
11621
|
get el() { return index.getElement(this); }
|
|
11611
11622
|
static get watchers() { return {
|
|
@@ -11740,7 +11751,7 @@ const CpslFileUpload = class {
|
|
|
11740
11751
|
}
|
|
11741
11752
|
render() {
|
|
11742
11753
|
var _a, _b, _c;
|
|
11743
|
-
return (index.h(index.Host, { key: '
|
|
11754
|
+
return (index.h(index.Host, { key: '7d86bbac92b88c5e0b4a7c79cde8b2669f3801c2' }, this.label && (index.h("label", { key: 'eb364a27a57b278c5f6a75b793369e07ced1ea2c', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("slot", { key: 'e40411eb484d37dcc9980aaab3a1f69aaf954cc0', name: "label" }), index.h("div", { key: 'd6da41895c97f0b9a1bcac7c6bc8b3c645558204', class: { 'container': true, 'error': Boolean(this.errorText), 'drag': this.dragOver, 'drag-error': this.dragError } }, index.h("div", { key: '6eb03384b7ac287459afc20abee8a616c99981ce', class: { 'label-container': true } }, index.h("slot", { key: '7e4c43bddd220698c73670c8f2da7b600e404686', name: "left-content" })), index.h("div", { key: '66dc0aa70f8eb04e33e5bd9f7bf32bf60ef2188b', class: { 'file-container': true } }, this.FileContent), index.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) && (index.h("div", { key: '23a46735f7578cf98c4940881032ace297c59584', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '135a2875a88051bccf79fd41c8424c58611fbb6a' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
|
|
11744
11755
|
}
|
|
11745
11756
|
get el() { return index.getElement(this); }
|
|
11746
11757
|
};
|
|
@@ -11757,7 +11768,7 @@ const CpslIcon = class {
|
|
|
11757
11768
|
this.icon = undefined;
|
|
11758
11769
|
}
|
|
11759
11770
|
render() {
|
|
11760
|
-
return (index.h(index.Host, { key: '
|
|
11771
|
+
return (index.h(index.Host, { key: '83970488e84a7359667faa9948079b3fac1b8e09', part: "icon", role: "img" }, !this.icon ? index.h("img", { src: this.src }) : index.h("div", { innerHTML: Icons[this.icon] })));
|
|
11761
11772
|
}
|
|
11762
11773
|
};
|
|
11763
11774
|
CpslIcon.style = CpslIconStyle0;
|
|
@@ -11795,7 +11806,7 @@ const CpslIconGroup = class {
|
|
|
11795
11806
|
render() {
|
|
11796
11807
|
// If disabled remove all brand icons to ensure the disabled color is shown correctly
|
|
11797
11808
|
const icons = this.disabled ? this.icons.map(icon => icon.replace('Brand', '')) : this.icons;
|
|
11798
|
-
return (index.h(index.Host, { key: '
|
|
11809
|
+
return (index.h(index.Host, { key: '687a32dfbceec5b1544c695bc4e8ffbcf094a384' }, icons.map((icon, index$1) => {
|
|
11799
11810
|
const isIcon = isOfTypeIconType(icon);
|
|
11800
11811
|
return (index.h("span", { part: "icon-container", class: {
|
|
11801
11812
|
'icon-container': true,
|
|
@@ -14458,7 +14469,7 @@ const CpslInput = class {
|
|
|
14458
14469
|
}
|
|
14459
14470
|
render() {
|
|
14460
14471
|
var _a, _b;
|
|
14461
|
-
return (index.h(index.Host, { key: '
|
|
14472
|
+
return (index.h(index.Host, { key: '85cf7d24670123a46e14bb80b28068df26c44578', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (index.h("label", { key: 'b48d4f298e567403b08c5af068af6b70785ca11a', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '14191aca2fae8fd342b7ffcbc5cbd1090210df69', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '1ec917365d4afb3804aa85bd58e67b7f04f9ca62', name: "start" }), index.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 }), index.h("slot", { key: '88241f53adc7288c56489c9e21def4d37e27a69f', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: 'd8fda08e1c848739339d53c8125d6ad8780d9903', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '760f05a0d5965cac18b2dd4716c6b3b3e0dbe53f' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
|
|
14462
14473
|
}
|
|
14463
14474
|
get el() { return index.getElement(this); }
|
|
14464
14475
|
static get watchers() { return {
|
|
@@ -14488,7 +14499,7 @@ const CpslNavButtonGroup = class {
|
|
|
14488
14499
|
return this.el.querySelectorAll('&> *:not(cpsl-nav-button)');
|
|
14489
14500
|
}
|
|
14490
14501
|
render() {
|
|
14491
|
-
return (index.h(index.Host, { key: '
|
|
14502
|
+
return (index.h(index.Host, { key: 'd52d419d0bcd96e2759a6a39f048f823c3d2ba69' }, index.h("slot", { key: '851d194ca0b7b0caef7b09420918eb4cdcbee137' })));
|
|
14492
14503
|
}
|
|
14493
14504
|
get el() { return index.getElement(this); }
|
|
14494
14505
|
};
|
|
@@ -14526,7 +14537,7 @@ const CpslOverlay = class {
|
|
|
14526
14537
|
}
|
|
14527
14538
|
}
|
|
14528
14539
|
render() {
|
|
14529
|
-
return (index.h(index.Host, { key: '
|
|
14540
|
+
return (index.h(index.Host, { key: '62199abc410f605818c392e64e0bcfc1a33ec8a5', style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {} }, index.h("slot", { key: 'df78ed55eac09acb15743c933ad0ee38a3d5b93a' })));
|
|
14530
14541
|
}
|
|
14531
14542
|
get el() { return index.getElement(this); }
|
|
14532
14543
|
static get watchers() { return {
|
|
@@ -14612,7 +14623,7 @@ const CpslPagination = class {
|
|
|
14612
14623
|
filteredPages.push(this.totalPages - 1);
|
|
14613
14624
|
}
|
|
14614
14625
|
}
|
|
14615
|
-
return (index.h(index.Host, { key: '
|
|
14626
|
+
return (index.h(index.Host, { key: '030d0a78198c77a243ae9996dd8192437c3c370b' }, index.h("cpsl-button-group", { key: 'b12f592a5cf2cdab91c82516206e4a831bdad5d6', selectedId: `${this.currentPage}` }, index.h("cpsl-button", { key: 'a24be555c3be19f63a5011aacac7046dbd8bdecd', class: "arrow-button", onClick: this.handlePrevClick }, index.h("cpsl-icon", { key: 'e82fe20b2091ede6ac99c16dfb433b47d7490293', class: { 'icon': true, 'start-icon': true }, icon: "arrowNarrow" })), filteredPages.map(page => (index.h("cpsl-button", { key: page, variant: "secondary", fullWidth: true, id: `${page}`, onClick: this.handlePageClick(page) }, index.h("cpsl-text", { variant: "bodyS" }, page + 1)))), index.h("cpsl-button", { key: '3d4c5c6b211a1543818746da22739df63a4afcee', class: "arrow-button", onClick: this.handleNextClick }, index.h("cpsl-icon", { key: 'f623fb7dc739556480bc90d1ce296baa8f5afcb0', class: "icon", icon: "arrowNarrow" })))));
|
|
14616
14627
|
}
|
|
14617
14628
|
static get watchers() { return {
|
|
14618
14629
|
"currentPage": ["watchChange"]
|
|
@@ -14629,7 +14640,7 @@ const CpslPill = class {
|
|
|
14629
14640
|
this.text = undefined;
|
|
14630
14641
|
}
|
|
14631
14642
|
render() {
|
|
14632
|
-
return (index.h(index.Host, { key: '
|
|
14643
|
+
return (index.h(index.Host, { key: 'a349d2f48d6ebc223437e1a9ca125587061659dc' }, index.h("div", { key: '1bf3f63a8c41fb7fa662201817f5884e3c3926fd', class: "pill-container" }, index.h("span", { key: 'd9ba2ff7fd44d242b5ae0ee037ae6b9c85ff4834' }, this.text))));
|
|
14633
14644
|
}
|
|
14634
14645
|
};
|
|
14635
14646
|
CpslPill.style = CpslPillStyle0;
|
|
@@ -14852,7 +14863,7 @@ const CpslPopover = class {
|
|
|
14852
14863
|
}
|
|
14853
14864
|
render() {
|
|
14854
14865
|
var _a;
|
|
14855
|
-
return (index.h(index.Host, { key: '
|
|
14866
|
+
return (index.h(index.Host, { key: 'dc3d25f0ec214f77dbc997d7b653ea89e23309d6', class: {
|
|
14856
14867
|
'open': this.open,
|
|
14857
14868
|
'transform-h-left': this.transformOriginHorizontal === 'left',
|
|
14858
14869
|
'transform-h-center': this.transformOriginHorizontal === 'center',
|
|
@@ -14860,7 +14871,7 @@ const CpslPopover = class {
|
|
|
14860
14871
|
'transform-v-top': this.transformOriginVertical === 'top',
|
|
14861
14872
|
'transform-v-center': this.transformOriginVertical === 'center',
|
|
14862
14873
|
'transform-v-bottom': this.transformOriginVertical === 'bottom',
|
|
14863
|
-
}, 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` } }, index.h("div", { key: '
|
|
14874
|
+
}, 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` } }, index.h("div", { key: '434a4e5fec57a0bec57b3cefb1576867840c94f3', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: '263e386555d43370cfd0209aa5ec79f3d7105164' }))));
|
|
14864
14875
|
}
|
|
14865
14876
|
get el() { return index.getElement(this); }
|
|
14866
14877
|
static get watchers() { return {
|
|
@@ -19006,7 +19017,7 @@ const CpslQrCode = class {
|
|
|
19006
19017
|
return this.el.shadowRoot.getElementById('qr-code');
|
|
19007
19018
|
}
|
|
19008
19019
|
render() {
|
|
19009
|
-
return (index.h(index.Host, { key: '
|
|
19020
|
+
return (index.h(index.Host, { key: '7d2e72abdbc8a7bb5dba82ae7c19d673224300ff' }, index.h("div", { key: '633e00d74c014fa92544b4dc7e2246c390db0796', id: "qr-container", class: "qr-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("img", { key: '92d42de9c33b75d9fbb451e8586700c562cc385b', id: "qr-code", class: "qr-code" }))));
|
|
19010
19021
|
}
|
|
19011
19022
|
get el() { return index.getElement(this); }
|
|
19012
19023
|
};
|
|
@@ -19027,7 +19038,7 @@ const CpslRadio = class {
|
|
|
19027
19038
|
this.checked = undefined;
|
|
19028
19039
|
}
|
|
19029
19040
|
render() {
|
|
19030
|
-
return (index.h(index.Host, { key: '
|
|
19041
|
+
return (index.h(index.Host, { key: 'a0440f0feb4b7a67517d1d8278e9bcbb2c7ef764' }, index.h("input", { key: '54dc5c3e64777504d5c851940d785a90de2d2882', type: "radio", checked: this.checked }), index.h("span", { key: 'dc5d326b957993e0a14ae6827751e946e141d3e6', onClick: this.handleRadioClick, class: { container: true, checked: this.checked } })));
|
|
19031
19042
|
}
|
|
19032
19043
|
};
|
|
19033
19044
|
CpslRadio.style = CpslRadioStyle0;
|
|
@@ -19128,10 +19139,10 @@ const CpslSelect = class {
|
|
|
19128
19139
|
}
|
|
19129
19140
|
render() {
|
|
19130
19141
|
var _a, _b, _c, _d, _e;
|
|
19131
|
-
return (index.h(index.Host, { key: '
|
|
19142
|
+
return (index.h(index.Host, { key: '2dc90fa79e9d409809b14f056d573494cf3fda0c', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: '742a6ea82b6cb72838f8ba9420080cf902dc102f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: 'bce44a6c298d36ad8dfb2bc06d90f00b85d52cc3', id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: '6b0a3490f9f1cdfd11cca207bedc472894066faf', name: "selected-item" }), index.h("div", { key: '4387220734a9f70e41b9d0ad3ff67896d907941e', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.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)))), index.h("cpsl-icon", { key: 'eae0113d4bff1f5ad5a548c6d7e4eac10167cc42', class: { 'chevron': true, 'open': this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: "chevronUp" }), index.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) && (index.h("div", { key: 'eb6e73960b17f99900add78a617668032df69725', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'dbc8079533632123078bd8a02b3f67fdd16b56de' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText))), index.h("cpsl-popover", { key: 'f7c884e603732982a6f305075b25682713ec78df', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: 'ebbcfd90184f92c2188bbda5e972ce520e275578', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'b4f071a28be133ef5a36df133cc463b04ce5f704', class: "search-container" }, index.h("cpsl-input", { key: '0c44f16d6b0c9e37deeec2d2dfdc3169f284ecad', onClick: e => e.stopPropagation(), placeholder: (_e = this.searchPlaceholder) !== null && _e !== void 0 ? _e : 'Search', value: "", onCpslInput: e => {
|
|
19132
19143
|
e.stopPropagation();
|
|
19133
19144
|
this.cpslSearchChange.emit(e.detail.value);
|
|
19134
|
-
} }))), index.h("div", { key: '
|
|
19145
|
+
} }))), index.h("div", { key: 'd5772b2190f077e49040be7ee53760e4427f6139', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'cfe37a10328e6d8266df91907ba25ed45a2b01f8', name: "items" }))))));
|
|
19135
19146
|
}
|
|
19136
19147
|
get el() { return index.getElement(this); }
|
|
19137
19148
|
static get watchers() { return {
|
|
@@ -19155,7 +19166,7 @@ const CpslSelectItem = class {
|
|
|
19155
19166
|
this.value = undefined;
|
|
19156
19167
|
}
|
|
19157
19168
|
render() {
|
|
19158
|
-
return (index.h(index.Host, { key: '
|
|
19169
|
+
return (index.h(index.Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, index.h("div", { key: 'ebf183f51dc2082e853cda6f490ab1b1a2c72f99', part: "outer-container", class: "outer-container", onClick: this.handleItemClick }, index.h("div", { key: '1e2c94c4e4a61638fc7a0439a36672bc22f47d28', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, index.h("slot", { key: 'a5c01c9f324912eff3c7958370bbec29050e4f4a' })))));
|
|
19159
19170
|
}
|
|
19160
19171
|
};
|
|
19161
19172
|
CpslSelectItem.style = CpslSelectItemStyle0;
|
|
@@ -19291,7 +19302,7 @@ const CpslSlideButton = class {
|
|
|
19291
19302
|
return this.el.shadowRoot.getElementById('end-icon');
|
|
19292
19303
|
}
|
|
19293
19304
|
render() {
|
|
19294
|
-
return (index.h(index.Host, { key: '
|
|
19305
|
+
return (index.h(index.Host, { key: 'c396198f7247a40fb9ca03009fdde7478e25ec57' }, index.h("div", { key: 'ffc4f665dfcf595a6e332fe5864e0194543da59d', id: "slider-container", class: "slider-container" }, index.h("div", { key: 'f2834903ec83abffd252bdbb8918f53304840f55', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'cb315a8ce6b822661b01ecf40d852c77fee33fa3', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '3179fcebe1513a2fa76ef53907a5876ee93756dd', id: "slider", class: { slider: true, disabled: this.disabled } }, index.h("cpsl-icon", { key: 'fe5246cc71fd8c45578fe6e72b4da9280fda04b3', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: '186789c69f11dc5f47de5daa12de414dc339d86f', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: 'e385a9bddb2874863305a7a32e5dc89770a44bac', id: "start-text", class: { 'start-text': true, 'disabled': this.disabled } }, this.startText), index.h("span", { key: 'f2dc440ff6f3e72bba50c949cc8abcdcc4f94566', id: "end-text", class: "end-text" }, this.endText))));
|
|
19295
19306
|
}
|
|
19296
19307
|
get el() { return index.getElement(this); }
|
|
19297
19308
|
};
|
|
@@ -19307,11 +19318,11 @@ const CpslSpinner = class {
|
|
|
19307
19318
|
this.speed = 1;
|
|
19308
19319
|
}
|
|
19309
19320
|
render() {
|
|
19310
|
-
return (index.h(index.Host, { key: '
|
|
19321
|
+
return (index.h(index.Host, { key: '5435b4e754383ad990e2fbf292c547fdff6a3c93', style: {
|
|
19311
19322
|
height: `${this.size}px`,
|
|
19312
19323
|
width: `${this.size}px`,
|
|
19313
19324
|
['--bar-width']: `${this.size * 0.12}px`,
|
|
19314
|
-
} }, index.h("div", { key: '
|
|
19325
|
+
} }, index.h("div", { key: '4cf6ac734c6c20fd4e5343ff2b30718f1ec0820a', class: "loader" })));
|
|
19315
19326
|
}
|
|
19316
19327
|
};
|
|
19317
19328
|
CpslSpinner.style = CpslSpinnerStyle0;
|
|
@@ -19329,7 +19340,7 @@ const CpslSwitch = class {
|
|
|
19329
19340
|
this.checked = undefined;
|
|
19330
19341
|
}
|
|
19331
19342
|
render() {
|
|
19332
|
-
return (index.h(index.Host, { key: '
|
|
19343
|
+
return (index.h(index.Host, { key: '80395b6f36c5653c725a69883098d2822cb6d420' }, index.h("input", { key: 'b9f74ffce1f02b8efa28b47f60c82e549a87bd09', type: "checkbox", checked: this.checked }), index.h("span", { key: '1f0763f6aaca5f55a66620a59444a907dc837360', onClick: this.handleSwitchClick, class: { container: true, checked: this.checked } }, index.h("span", { key: '1804cbae3ea10091952722c6bfb50c6dd518fe0b', class: { thumb: true, checked: this.checked } }))));
|
|
19333
19344
|
}
|
|
19334
19345
|
};
|
|
19335
19346
|
CpslSwitch.style = CpslSwitchStyle0;
|
|
@@ -19369,7 +19380,7 @@ const CpslTab = class {
|
|
|
19369
19380
|
}
|
|
19370
19381
|
}
|
|
19371
19382
|
render() {
|
|
19372
|
-
return (index.h(index.Host, { key: '
|
|
19383
|
+
return (index.h(index.Host, { key: '028bc025620e157f36758d6af5893b5067d42e22', class: { selected: this.selected }, onClick: this.onTabClicked }, index.h("div", { key: '6158adb9c6f477fba3b00fcfcc0b1c3717b8158e', class: { 'tab-container': true } }, index.h("slot", { key: 'e95d380390aacbe7e4630c32170a0bc7c113d871', name: "start" }), index.h("div", { key: '11905c7fa6cec1dec116738aa3fa35afc960ec87', class: "content" }, index.h("slot", { key: 'b9b157aa480845a5040fdd8d84499d9e00ed9a43' })), index.h("slot", { key: '0b5cff6fa6e070254205d7367a92dbae3cec1d3a', name: "end" }))));
|
|
19373
19384
|
}
|
|
19374
19385
|
get el() { return index.getElement(this); }
|
|
19375
19386
|
};
|
|
@@ -19427,7 +19438,7 @@ const CpslTable = class {
|
|
|
19427
19438
|
return this.el.shadowRoot.getElementById('footer-container');
|
|
19428
19439
|
}
|
|
19429
19440
|
render() {
|
|
19430
|
-
return (index.h(index.Host, { key: '
|
|
19441
|
+
return (index.h(index.Host, { key: '144ebe0917ce215a128b6653c8ed47138be7b319' }, index.h("cpsl-card", { key: '8197bc383734a332a2e0ee7221a1990ba20b1f84', part: "table-container", style: { position: 'relative' } }, index.h("div", { key: 'dd8d0026515ce96a848ae4a6cdf5cdab7bb7ddf2', id: "header-container", class: { 'container-header': true, 'shown': Boolean(this.containerHeaderEl) } }, index.h("slot", { key: '1b5a2cbae0fa49bb0b5b4d89fef4b44ce8a46439', name: "header" })), index.h("div", { key: 'e22bd3b94832ded10fe7b152d2d0c68165853529', id: "content-container", class: { 'content': true, 'horizontal-scroll': this.hasHorizontalScroll, 'vertical-scroll': this.hasVerticalScroll }, part: "content" }, index.h("slot", { key: 'f1bbfc01f1c25f820d9d4846ac1a7f64c21ee03b', name: "content" })), this.headerEl && this.contentContainerEl && this.footerEl && (index.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 } })), index.h("div", { key: 'fb8b26f5d97b3965c50676b0541a14f21c675fe6', id: "footer-container", class: { 'container-footer': true, 'shown': Boolean(this.containerFooterEl) } }, index.h("slot", { key: '70a40dfe9bb80e3c825c895d12cb971467898e6a', name: "footer" })))));
|
|
19431
19442
|
}
|
|
19432
19443
|
get el() { return index.getElement(this); }
|
|
19433
19444
|
};
|
|
@@ -19495,7 +19506,7 @@ const CpslTabs = class {
|
|
|
19495
19506
|
// Get border width as a number
|
|
19496
19507
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--tabs-border-width').slice(0, -2);
|
|
19497
19508
|
const selectedTabRect = this.selectedTabRect;
|
|
19498
|
-
return (index.h(index.Host, { key: '
|
|
19509
|
+
return (index.h(index.Host, { key: '88426913982f1fe2abeefcd1671139b2804222bd', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '6dea5803e0c9de3ecd8207ec636f5a25741e277e', class: "tabs-container" }, index.h("slot", { key: '4cbd63beee77016213cda4f151934a4b4cbffeb3' }), index.h("div", { key: '636d1a79183a24526b013983fa5bb0a45d55d246', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width - 8}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth}px` } }))));
|
|
19499
19510
|
}
|
|
19500
19511
|
get el() { return index.getElement(this); }
|
|
19501
19512
|
static get watchers() { return {
|
|
@@ -19545,7 +19556,7 @@ const CpslText = class {
|
|
|
19545
19556
|
}
|
|
19546
19557
|
}
|
|
19547
19558
|
render() {
|
|
19548
|
-
return (index.h(index.Host, { key: '
|
|
19559
|
+
return (index.h(index.Host, { key: 'e5bbaea870c32c4ed4f77094fb57988d6fa8b2fc', class: {
|
|
19549
19560
|
// COLORS
|
|
19550
19561
|
'primary': this.color === 'primary',
|
|
19551
19562
|
'secondary': this.color === 'secondary',
|
|
@@ -19586,7 +19597,7 @@ const CpslTileButton = class {
|
|
|
19586
19597
|
this.icon = undefined;
|
|
19587
19598
|
}
|
|
19588
19599
|
render() {
|
|
19589
|
-
return (index.h(index.Host, { key: '
|
|
19600
|
+
return (index.h(index.Host, { key: 'dabee9c05e67f923fd4d8c88eac28a8b9efed9d4' }, index.h("button", { key: '2db84264a91bf9a58dea0fc414ef27f36f3464dd', class: "button-native" }, index.h("cpsl-icon", { key: 'bf29fece3a23fefc5856deab7fc8e3b7a57ce162', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '5ef7bcf22ddbeb498576d03813b6594554f1a10f' }))));
|
|
19590
19601
|
}
|
|
19591
19602
|
};
|
|
19592
19603
|
CpslTileButton.style = CpslTileButtonStyle0;
|