@getpara/core-components 2.0.0-alpha.71 → 2.0.0-alpha.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/index.esm.js +1 -1
- package/dist/capsule/{p-f2393be6.js → p-05ec9ce7.js} +2 -2
- package/dist/capsule/{p-f2393be6.js.map → p-05ec9ce7.js.map} +1 -1
- package/dist/capsule/p-1e8a62c5.entry.js +2 -0
- package/dist/capsule/{p-75685be8.entry.js → p-380ece1c.entry.js} +2 -2
- package/dist/capsule/{p-de2a16e4.entry.js → p-77a9fdca.entry.js} +2 -2
- package/dist/capsule/{p-c9e61114.entry.js → p-822cb3ee.entry.js} +2 -2
- package/dist/capsule/{p-d4bdb369.entry.js → p-8da9205d.entry.js} +2 -2
- package/dist/capsule/{p-34a09932.entry.js → p-905a0742.entry.js} +2 -2
- package/dist/capsule/p-d34794ba.entry.js +28 -0
- package/dist/capsule/p-d34794ba.entry.js.map +1 -0
- package/dist/capsule/{p-5cd62456.entry.js → p-e63ae2dd.entry.js} +2 -2
- package/dist/capsule/{p-3719bb1e.entry.js → p-f9274763.entry.js} +2 -2
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/{constants-9b1b01bb.js → constants-1de558ea.js} +3 -3
- package/dist/cjs/{constants-9b1b01bb.js.map → constants-1de558ea.js.map} +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +58 -40
- 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/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/icons/arrow-up-down.svg +4 -0
- package/dist/collection/assets/icons/coins.svg +1 -0
- package/dist/collection/assets/icons/external-link.svg +3 -0
- package/dist/collection/assets/icons/index.js +6 -0
- package/dist/collection/assets/icons/index.js.map +1 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
- package/dist/collection/components/cpsl-button/cpsl-button.js +21 -2
- package/dist/collection/components/cpsl-button/cpsl-button.js.map +1 -1
- 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.css +1 -0
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +2 -2
- package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
- 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 +3 -3
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +2 -2
- 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 +3 -3
- package/dist/collection/components/cpsl-select-item/cpsl-select-item.js +2 -2
- 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 +3 -3
- package/dist/collection/constants.js +2 -2
- package/dist/collection/constants.js.map +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/{constants-fce138fa.js → constants-fefad927.js} +3 -3
- package/dist/esm/{constants-fce138fa.js.map → constants-fefad927.js.map} +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +58 -40
- 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/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/assets/icons/index.d.ts +3 -0
- package/dist/types/components/cpsl-button/cpsl-button.d.ts +5 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +2 -2
- package/dist/capsule/p-cc804d27.entry.js +0 -28
- package/dist/capsule/p-cc804d27.entry.js.map +0 -1
- package/dist/capsule/p-e424993a.entry.js +0 -2
- /package/dist/capsule/{p-e424993a.entry.js.map → p-1e8a62c5.entry.js.map} +0 -0
- /package/dist/capsule/{p-75685be8.entry.js.map → p-380ece1c.entry.js.map} +0 -0
- /package/dist/capsule/{p-de2a16e4.entry.js.map → p-77a9fdca.entry.js.map} +0 -0
- /package/dist/capsule/{p-c9e61114.entry.js.map → p-822cb3ee.entry.js.map} +0 -0
- /package/dist/capsule/{p-d4bdb369.entry.js.map → p-8da9205d.entry.js.map} +0 -0
- /package/dist/capsule/{p-34a09932.entry.js.map → p-905a0742.entry.js.map} +0 -0
- /package/dist/capsule/{p-5cd62456.entry.js.map → p-e63ae2dd.entry.js.map} +0 -0
- /package/dist/capsule/{p-3719bb1e.entry.js.map → p-f9274763.entry.js.map} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement, F as Fragment } from './index-91db3414.js';
|
|
2
|
-
import { M as MOBILE_SIZE, a as DEFAULT_Z_INDICES } from './constants-
|
|
2
|
+
import { M as MOBILE_SIZE, a as DEFAULT_Z_INDICES } from './constants-fefad927.js';
|
|
3
3
|
|
|
4
4
|
const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:8px;--container-padding-bottom:8px;--container-padding-start:8px;--container-padding-end:8px;--container-font-size:var(--cpsl-font-size-body-s);--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:flex-start;--title-container-justify-content:center;display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-color:var(--cpsl-color-black);--container-icon-color:var(--cpsl-color-utility-red);--container-border-color:var(--cpsl-color-utility-red)}:host(.error):host(.filled){--container-background-color:var(--cpsl-color-utility-red-light)}:host(.warning){--container-color:var(--cpsl-color-black);--container-icon-color:var(--cpsl-color-utility-yellow);--container-border-color:var(--cpsl-color-utility-yellow)}:host(.warning):host(.filled){--container-background-color:var(--cpsl-color-utility-yellow-light)}:host(.success){--container-color:var(--cpsl-color-black);--container-icon-color:var(--cpsl-color-utility-green);--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:24px;--width:24px}.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;flex-direction:column;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;
|
|
@@ -6284,6 +6284,7 @@ const CpslButton = class {
|
|
|
6284
6284
|
registerInstance(this, hostRef);
|
|
6285
6285
|
this.as = 'button';
|
|
6286
6286
|
this.disabled = false;
|
|
6287
|
+
this.pending = false;
|
|
6287
6288
|
this.fullWidth = false;
|
|
6288
6289
|
this.href = undefined;
|
|
6289
6290
|
this.size = 'medium';
|
|
@@ -6292,7 +6293,7 @@ const CpslButton = class {
|
|
|
6292
6293
|
this.variant = 'primary';
|
|
6293
6294
|
}
|
|
6294
6295
|
render() {
|
|
6295
|
-
return (h(Host, { key: '
|
|
6296
|
+
return (h(Host, { key: '8f65c32aa3f0bcfcdf621ea1c1b4b4b383b28850', class: {
|
|
6296
6297
|
// VARIANTS
|
|
6297
6298
|
'primary': this.variant === 'primary',
|
|
6298
6299
|
'secondary': this.variant === 'secondary',
|
|
@@ -6306,7 +6307,7 @@ const CpslButton = class {
|
|
|
6306
6307
|
'xSmall': this.size === 'xSmall',
|
|
6307
6308
|
'small': this.size === 'small',
|
|
6308
6309
|
'medium': this.size === 'medium',
|
|
6309
|
-
} }, h(this.as, { key: '
|
|
6310
|
+
} }, h(this.as, { key: '1079c5db34801176d0aa51aaa02613a2357494fb', href: this.href, target: this.target, part: "button-native", class: "button-native", type: this.type, disabled: this.disabled || this.pending }, h("slot", { key: 'f5eaff65f6243b2506557e0cc2797217baa31db7', name: "start" }), this.pending ? h("cpsl-spinner", { size: 19 }) : h("slot", null), h("slot", { key: '257554b7f318af94ac762003129aa13f3b446767', name: "end" }))));
|
|
6310
6311
|
}
|
|
6311
6312
|
};
|
|
6312
6313
|
CpslButton.style = CpslButtonStyle0;
|
|
@@ -6348,7 +6349,7 @@ const CpslButtonGroup = class {
|
|
|
6348
6349
|
return this.el.querySelectorAll('&> *:not(cpsl-button)');
|
|
6349
6350
|
}
|
|
6350
6351
|
render() {
|
|
6351
|
-
return (h(Host, { key: '
|
|
6352
|
+
return (h(Host, { key: '13009bfa07a89c5bd9412683b8bc8338e9455dee' }, h("slot", { key: '308767ba6d3d3147f1ab60bcc98aa7ca1d1a2c28' })));
|
|
6352
6353
|
}
|
|
6353
6354
|
get el() { return getElement(this); }
|
|
6354
6355
|
static get watchers() { return {
|
|
@@ -6365,7 +6366,7 @@ const CpslCard = class {
|
|
|
6365
6366
|
registerInstance(this, hostRef);
|
|
6366
6367
|
}
|
|
6367
6368
|
render() {
|
|
6368
|
-
return (h(Host, { key: '
|
|
6369
|
+
return (h(Host, { key: 'f0b2545bd8c71dad45cdacc819695a7778bb9fcc' }, h("div", { key: '6c49feb59a958cc196d0c12a73839445353d44e7', class: { card: true }, part: "card-container" }, h("slot", { key: '04b3ecd54d97ea584a96b915d262a3d357d26fe4' }))));
|
|
6369
6370
|
}
|
|
6370
6371
|
};
|
|
6371
6372
|
CpslCard.style = CpslCardStyle0;
|
|
@@ -6383,7 +6384,7 @@ const CpslCheckbox = class {
|
|
|
6383
6384
|
this.checked = undefined;
|
|
6384
6385
|
}
|
|
6385
6386
|
render() {
|
|
6386
|
-
return (h(Host, { key: '
|
|
6387
|
+
return (h(Host, { key: '48249b9fb66fd8acff7fb444f39f1b6b86243b81' }, h("input", { key: 'adfca3d8961b8c5ca7d3b3616101772607cb4ee4', type: "checkbox", checked: this.checked }), h("span", { key: '0f4004593d47c1b6d36215eda48959770e99252e', onClick: this.handleCheckboxClick, class: { container: true, checked: this.checked } }, h("cpsl-icon", { key: '31395afa9b4b9cdcbe74fbccd9ec9abd2f03e441', icon: "check" }))));
|
|
6387
6388
|
}
|
|
6388
6389
|
};
|
|
6389
6390
|
CpslCheckbox.style = CpslCheckboxStyle0;
|
|
@@ -6567,10 +6568,10 @@ const CpslCodeInput = class {
|
|
|
6567
6568
|
}
|
|
6568
6569
|
render() {
|
|
6569
6570
|
var _a;
|
|
6570
|
-
return (h(Host, { key: '
|
|
6571
|
+
return (h(Host, { key: '16e16cc803f099963c784ed7bbd688afb7b8a59f' }, h("div", { key: 'b3f3a0ba95daf12f4e504bf91e9d8e57b3d97b44', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
|
|
6571
6572
|
var _a, _b;
|
|
6572
6573
|
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' }));
|
|
6573
|
-
})), (this.errorText || this.helperText) && (h("div", { key: '
|
|
6574
|
+
})), (this.errorText || this.helperText) && (h("div", { key: '8f01ee92d99bbdde0f0b501640bb3136e4e134f8', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { key: '52a8d308da8c4fad19eec139510df8439a39b6d7', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), h("span", { key: '2d87ea9d774e51055774e76f71074e0eb0d60b10' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
|
6574
6575
|
}
|
|
6575
6576
|
get el() { return getElement(this); }
|
|
6576
6577
|
static get watchers() { return {
|
|
@@ -6587,7 +6588,7 @@ const CpslDivider = class {
|
|
|
6587
6588
|
registerInstance(this, hostRef);
|
|
6588
6589
|
}
|
|
6589
6590
|
render() {
|
|
6590
|
-
return (h(Host, { key: '
|
|
6591
|
+
return (h(Host, { key: 'cffec64f3c150902ccff40b2362ce76dda41e32d' }, h("div", { key: '3ae8f787af8f4f112f0f3c51aa102b89fd7d8529' }), h("slot", { key: '1a6a2a37cd1966ec492e95b0d5cb718f484cc821' }), h("div", { key: '3fbe5d32823ad65a5404a6419d5ea26a73a03290' })));
|
|
6591
6592
|
}
|
|
6592
6593
|
};
|
|
6593
6594
|
CpslDivider.style = CpslDividerStyle0;
|
|
@@ -6629,12 +6630,12 @@ const CpslDrawer = class {
|
|
|
6629
6630
|
const setHeight = this.anchor === 'top' || this.anchor === 'bottom';
|
|
6630
6631
|
const startingAnchor = (_a = `${this.anchorPosition}px`) !== null && _a !== void 0 ? _a : '0px';
|
|
6631
6632
|
const size = this.size === 'auto' ? 'auto' : `${this.size}px`;
|
|
6632
|
-
return (h(Host, { key: '
|
|
6633
|
+
return (h(Host, { key: '8e9be7d905e533ffe26c5a13841c7b6770633414', 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: {
|
|
6633
6634
|
top: this.anchor === 'top',
|
|
6634
6635
|
bottom: this.anchor === 'bottom',
|
|
6635
6636
|
left: this.anchor === 'left',
|
|
6636
6637
|
right: this.anchor === 'right',
|
|
6637
|
-
} }, this.variant === 'temporary' && !this.noOverlay && h("cpsl-overlay", { key: '
|
|
6638
|
+
} }, this.variant === 'temporary' && !this.noOverlay && h("cpsl-overlay", { key: 'b661c385794ab39eb87a304455da85602fadd349', open: this.open, zIndexOverride: DEFAULT_Z_INDICES.modal + 1 }), h("div", { key: '1ad94f53ce752f518568139cd33e2aa11caa6d58', id: "container", class: "container", part: "container" }, h("slot", { key: '2bd9efb1ed55c388fd4c34e43900a7807f32a0ff' }))));
|
|
6638
6639
|
}
|
|
6639
6640
|
get el() { return getElement(this); }
|
|
6640
6641
|
};
|
|
@@ -6737,6 +6738,12 @@ const ArrowNarrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
|
6737
6738
|
</svg>
|
|
6738
6739
|
`;
|
|
6739
6740
|
|
|
6741
|
+
const ArrowUpDown = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6742
|
+
<path d="M3.85355 1.64645C3.65829 1.45118 3.34171 1.45118 3.14645 1.64645L1.14645 3.64645C0.951184 3.84171 0.951184 4.15829 1.14645 4.35355C1.34171 4.54882 1.65829 4.54882 1.85355 4.35355L3 3.20711L3 10C3 10.2761 3.22386 10.5 3.5 10.5C3.77614 10.5 4 10.2761 4 10L4 3.20711L5.14645 4.35355C5.34171 4.54882 5.65829 4.54882 5.85355 4.35355C6.04882 4.15829 6.04882 3.84171 5.85355 3.64645L3.85355 1.64645Z" fill="currentColor"/>
|
|
6743
|
+
<path d="M9 8.79289V2C9 1.72386 8.77614 1.5 8.5 1.5C8.22386 1.5 8 1.72386 8 2V8.79289L6.85355 7.64645C6.65829 7.45118 6.34171 7.45118 6.14645 7.64645C5.95118 7.84171 5.95118 8.15829 6.14645 8.35355L8.14645 10.3536C8.34171 10.5488 8.65829 10.5488 8.85355 10.3536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645C10.6583 7.45118 10.3417 7.45118 10.1464 7.64645L9 8.79289Z" fill="currentColor"/>
|
|
6744
|
+
</svg>
|
|
6745
|
+
`;
|
|
6746
|
+
|
|
6740
6747
|
const Arrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
6741
6748
|
<path d="M5 12H19M19 12L12 5M19 12L12 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6742
6749
|
</svg>
|
|
@@ -6884,6 +6891,9 @@ const Coinbase = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
|
6884
6891
|
</svg>
|
|
6885
6892
|
`;
|
|
6886
6893
|
|
|
6894
|
+
const Coins = `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins-icon lucide-coins"><circle cx="8" cy="8" r="6"/><path d="M18.09 10.37A6 6 0 1 1 10.34 18"/><path d="M7 6h1v4"/><path d="m16.71 13.88.7.71-2.82 2.82"/></svg>
|
|
6895
|
+
`;
|
|
6896
|
+
|
|
6887
6897
|
const Copy07 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
6888
6898
|
<g id="copy-07">
|
|
6889
6899
|
<path id="Icon" d="M10.5 2.0028C9.82495 2.01194 9.4197 2.05103 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8.05103 3.4197 8.01194 3.82495 8.0028 4.5M19.5 2.0028C20.1751 2.01194 20.5803 2.05103 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C21.949 3.4197 21.9881 3.82494 21.9972 4.49999M21.9972 13.5C21.9881 14.175 21.949 14.5803 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.5803 15.949 20.1751 15.9881 19.5 15.9972M22 7.99999V9.99999M14.0001 2H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
@@ -7149,6 +7159,11 @@ const Ethereum = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
|
|
7149
7159
|
</svg>
|
|
7150
7160
|
`;
|
|
7151
7161
|
|
|
7162
|
+
const ExternalLink = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7163
|
+
<path d="M14 8.66667V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H7.33333M14 2L8 8M14 2H10M14 2V6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7164
|
+
</svg>
|
|
7165
|
+
`;
|
|
7166
|
+
|
|
7152
7167
|
const EyeOff = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
7153
7168
|
<path d="M10.7429 5.09232C11.1494 5.03223 11.5686 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.7767C21.8518 11.9016 21.8517 12.0987 21.8231 12.2236C21.7849 12.3899 21.7164 12.4985 21.5792 12.7156C21.2793 13.1901 20.8222 13.8571 20.2165 14.5805M6.72432 6.71504C4.56225 8.1817 3.09445 10.2194 2.42111 11.2853C2.28428 11.5019 2.21587 11.6102 2.17774 11.7765C2.1491 11.9014 2.14909 12.0984 2.17771 12.2234C2.21583 12.3897 2.28393 12.4975 2.42013 12.7132C3.54554 14.4952 6.89541 19 12.0004 19C14.0588 19 15.8319 18.2676 17.2888 17.2766M3.00042 3L21.0004 21M9.8791 9.87868C9.3362 10.4216 9.00042 11.1716 9.00042 12C9.00042 13.6569 10.3436 15 12.0004 15C12.8288 15 13.5788 14.6642 14.1217 14.1213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7154
7169
|
</svg>
|
|
@@ -12534,6 +12549,7 @@ const Icons = {
|
|
|
12534
12549
|
arrowCircleDownFilled: ArrowCircleDownFilled,
|
|
12535
12550
|
arrowCircleDown: ArrowCircleDown,
|
|
12536
12551
|
arrowNarrow: ArrowNarrow,
|
|
12552
|
+
arrowUpDown: ArrowUpDown,
|
|
12537
12553
|
arrow: Arrow,
|
|
12538
12554
|
asterisk: Asterisk,
|
|
12539
12555
|
backpack: Backpack,
|
|
@@ -12557,6 +12573,7 @@ const Icons = {
|
|
|
12557
12573
|
clubhouse: Clubhouse,
|
|
12558
12574
|
code: Code,
|
|
12559
12575
|
coinbase: Coinbase,
|
|
12576
|
+
coins: Coins,
|
|
12560
12577
|
copy07: Copy07,
|
|
12561
12578
|
copy: Copy,
|
|
12562
12579
|
cosmosCircle: CosmosCircle,
|
|
@@ -12585,6 +12602,7 @@ const Icons = {
|
|
|
12585
12602
|
emptyCircle: EmptyCircle,
|
|
12586
12603
|
ethCircle: EthCircle,
|
|
12587
12604
|
ethereum: Ethereum,
|
|
12605
|
+
externalLink: ExternalLink,
|
|
12588
12606
|
eyeOff: EyeOff,
|
|
12589
12607
|
eye: Eye,
|
|
12590
12608
|
facebookBrand: FacebookBrand,
|
|
@@ -13057,7 +13075,7 @@ const CpslDropdown = class {
|
|
|
13057
13075
|
}
|
|
13058
13076
|
render() {
|
|
13059
13077
|
var _a, _b, _c;
|
|
13060
|
-
return (h(Host, { key: '
|
|
13078
|
+
return (h(Host, { key: '76f4d93f5c0d4fddca26a8d7dc381d8c9b22119c' }, h("button", { key: '7186e6bedbeac44d8bc8b95de5acafeea999d2f2', 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: 'b5ef03a1a7bf5b37aa35ee30ce6233d7b19dc33e', class: `chevron ${this.isOpen ? '' : 'closed'}`, innerHTML: Icons['chevronUp'] })), h("ul", { key: 'b0d9227ed1d360405a0294efbd4fe2a25926b7d2', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.hasCpslSearch && (h("li", { key: '0a7100d5c60114bf63583a2d808a7cb677053346', class: "search-bar" }, h("input", { key: '098d19346facb88c51674db9005354da36079820', 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)))))));
|
|
13061
13079
|
}
|
|
13062
13080
|
get el() { return getElement(this); }
|
|
13063
13081
|
static get watchers() { return {
|
|
@@ -13193,14 +13211,14 @@ const CpslFileUpload = class {
|
|
|
13193
13211
|
}
|
|
13194
13212
|
render() {
|
|
13195
13213
|
var _a, _b, _c;
|
|
13196
|
-
return (h(Host, { key: '
|
|
13214
|
+
return (h(Host, { key: '16d9e9ac3a79cbaab554cd9b8901f2b5a930327d' }, this.label && (h("label", { key: 'a0d3cba9de77959cc1fa9d415e943800997fa1db', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("slot", { key: '2ae7b7de344204f341ce8aa8044908bdc183cee1', name: "label" }), h("div", { key: 'd4ba3206869ed403217e37b20e9557784f98cfd2', class: { 'container': true, 'error': Boolean(this.errorText), 'drag': this.dragOver, 'drag-error': this.dragError } }, h("div", { key: '7f344b81e11e07b00e8cdbee5a89cc4300e02b4b', class: { 'label-container': true } }, h("slot", { key: 'c187ed9574eab9e21669a04d6a9d663adabcab75', name: "left-content" })), h("div", { key: '6bc08c41c298577cf71ca7f7209764d62fc42641', class: { 'file-container': true } }, this.FileContent), h("input", { key: '1696d38e71235671341b9e4388fa2a8478d5b259', 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, disabled: this.disabled })), (this.errorText || this.helperText) && (h("div", { key: 'f2c25a388395daf16082856e8135d952e4166247', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'd6af4e67851048e79f3342156e35b87928dbef7c' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
|
|
13197
13215
|
}
|
|
13198
13216
|
get el() { return getElement(this); }
|
|
13199
13217
|
};
|
|
13200
13218
|
let inputIds$2 = 0;
|
|
13201
13219
|
CpslFileUpload.style = CpslFileUploadStyle0;
|
|
13202
13220
|
|
|
13203
|
-
const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--inset:0px;--computed-height:calc(var(--height) - (2 * var(--inset)));--computed-width:calc(var(--width) - (2 * var(--inset)));--icon-color:var(--icon-color, currentColor);--icon-fill-color:var(--icon-fill-color, var(--icon-color, currentColor));--icon-stroke-color:var(--icon-stroke-color, var(--icon-color, currentColor));width:var(--width);height:var(--height)}:host .foreground-0{fill:var(--cpsl-color-foreground-0);stop-color:var(--cpsl-color-foreground-0)}:host .accent-0{fill:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0));stop-color:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0))}:host div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:var(--icon-border, auto);border-radius:var(--icon-border-radius, 0);background:var(--icon-background, transparent);color:var(--icon-color);box-sizing:border-box}:host svg{width:var(--computed-width, \"100%\");height:var(--computed-height, \"100%\");filter:var(--filter)}:host svg .background-16{fill:var(--cpsl-color-background-16)}:host svg .foreground-0{fill:var(--cpsl-color-foreground-0)}:host svg .fill{fill:var(--icon-fill-color)}:host svg .stroke{stroke:var(--icon-stroke-color)}:host img{width:var(--computed-width, 100%);height:var(--computed-height, 100%);max-width:100%;max-height:100%;object-fit:contain}";
|
|
13221
|
+
const cpslIconCss = ":host{display:block;--filter:auto;--height:24px;--width:24px;--inset:0px;--computed-height:calc(var(--height) - (2 * var(--inset)));--computed-width:calc(var(--width) - (2 * var(--inset)));--icon-color:var(--icon-color, currentColor);--icon-fill-color:var(--icon-fill-color, var(--icon-color, currentColor));--icon-stroke-color:var(--icon-stroke-color, var(--icon-color, currentColor));width:var(--width);height:var(--height)}:host .foreground-0{fill:var(--cpsl-color-foreground-0);stop-color:var(--cpsl-color-foreground-0)}:host .accent-0{fill:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0));stop-color:var(--cpsl-color-accent-0, var(--cpsl-color-foreground-0))}:host div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:var(--icon-border, auto);border-radius:var(--icon-border-radius, 0);background:var(--icon-background, transparent);color:var(--icon-color);box-sizing:border-box}:host svg{width:var(--computed-width, \"100%\");height:var(--computed-height, \"100%\");filter:var(--filter);border-radius:var(--icon-border-radius, 0)}:host svg .background-16{fill:var(--cpsl-color-background-16)}:host svg .foreground-0{fill:var(--cpsl-color-foreground-0)}:host svg .fill{fill:var(--icon-fill-color)}:host svg .stroke{stroke:var(--icon-stroke-color)}:host img{width:var(--computed-width, 100%);height:var(--computed-height, 100%);max-width:100%;max-height:100%;object-fit:contain}";
|
|
13204
13222
|
const CpslIconStyle0 = cpslIconCss;
|
|
13205
13223
|
|
|
13206
13224
|
const CpslIcon = class {
|
|
@@ -13217,7 +13235,7 @@ const CpslIcon = class {
|
|
|
13217
13235
|
this.border = undefined;
|
|
13218
13236
|
}
|
|
13219
13237
|
render() {
|
|
13220
|
-
return (h(Host, { key: '
|
|
13238
|
+
return (h(Host, { key: '68cd89e6f4bd22d2ff4a064ee0103489478b30e1', part: "icon", role: "img", style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (this.inset ? { ['--inset']: this.inset } : {})), (this.size ? { ['--height']: this.size, ['--width']: this.size } : {})), (this.invert ? { ['--filter']: 'invert(100%)' } : {})), (this.radius === 'full' ? { ['--icon-border-radius']: '1000px' } : {})), (this.radius === 'theme' ? { ['--icon-border-radius']: 'var(--cpsl-border-radius-tile-button)' } : {})), (this.background ? { ['--icon-background']: this.background } : {})), (this.border ? { ['--icon-border']: this.border } : {})), (this.color ? { ['--icon-color']: this.color } : {})) }, this.src ? (h("div", null, h("img", { src: this.src, style: { borderRadius: this.radius === 'full' ? '1000px' : undefined } }))) : (h("div", { innerHTML: Icons[this.icon] }))));
|
|
13221
13239
|
}
|
|
13222
13240
|
};
|
|
13223
13241
|
CpslIcon.style = CpslIconStyle0;
|
|
@@ -13255,7 +13273,7 @@ const CpslIconGroup = class {
|
|
|
13255
13273
|
render() {
|
|
13256
13274
|
// If disabled remove all brand icons to ensure the disabled color is shown correctly
|
|
13257
13275
|
const icons = this.disabled ? this.icons.map(icon => icon.replace('Brand', '')) : this.icons;
|
|
13258
|
-
return (h(Host, { key: '
|
|
13276
|
+
return (h(Host, { key: '37605ca88dcbabf8aa252ee921306f716ce3459e' }, icons.map((icon, index) => {
|
|
13259
13277
|
const isIcon = isOfTypeIconType(icon);
|
|
13260
13278
|
return (h("span", { part: "icon-container", class: {
|
|
13261
13279
|
'icon-container': true,
|
|
@@ -17234,7 +17252,7 @@ const CpslInput = class {
|
|
|
17234
17252
|
}
|
|
17235
17253
|
render() {
|
|
17236
17254
|
var _a, _b, _c, _d;
|
|
17237
|
-
return (h(Host, { key: '
|
|
17255
|
+
return (h(Host, { key: '3335ee77eeef1674ee4e63dd715d5bef53e7079d', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: '6bff728ccf314abe1901fa178442d4519eb0ea2c', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '528f02f84fa0625e7792e31308e68990303752be', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, h("slot", { key: '140f3f895d626d947c99741b9d45c478b71e967e', name: "start" }), h(this.as, { key: 'e11a9700fab863a08cce868bb7413a2ca50ca45c', part: "native-input", class: { 'native-input': true }, 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, size: this.fitContent ? ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1) : undefined, spellcheck: this.spellcheck, type: this.type, value: (_c = this.value) !== null && _c !== void 0 ? _c : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: 'ff447dca64a4532e305bdbe3877f04d4ea17220d', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: '60330d9d1f935ebc4ab0b948c6d37439ccd7b202', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '18fa73f7a1befbda7680acd7bbceeb355d8f8832' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText)))));
|
|
17238
17256
|
}
|
|
17239
17257
|
get el() { return getElement(this); }
|
|
17240
17258
|
static get watchers() { return {
|
|
@@ -17264,7 +17282,7 @@ const CpslNavButtonGroup = class {
|
|
|
17264
17282
|
return this.el.querySelectorAll('&> *:not(cpsl-nav-button)');
|
|
17265
17283
|
}
|
|
17266
17284
|
render() {
|
|
17267
|
-
return (h(Host, { key: '
|
|
17285
|
+
return (h(Host, { key: 'adffbef53dea8bd1cf9e90fb0a48e66d2eeebb80' }, h("slot", { key: 'c32bcb35830d0fdda3a991c66d8cba95ff0c90cd' })));
|
|
17268
17286
|
}
|
|
17269
17287
|
get el() { return getElement(this); }
|
|
17270
17288
|
};
|
|
@@ -17302,7 +17320,7 @@ const CpslOverlay = class {
|
|
|
17302
17320
|
}
|
|
17303
17321
|
}
|
|
17304
17322
|
render() {
|
|
17305
|
-
return (h(Host, { key: '
|
|
17323
|
+
return (h(Host, { key: '6268805f6988b86573778b2f84b543f09c140882', style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {} }, h("slot", { key: '2c985bbabb236f31cabec9b3efa9ee72b034e8b7' })));
|
|
17306
17324
|
}
|
|
17307
17325
|
get el() { return getElement(this); }
|
|
17308
17326
|
static get watchers() { return {
|
|
@@ -17388,7 +17406,7 @@ const CpslPagination = class {
|
|
|
17388
17406
|
filteredPages.push(this.totalPages - 1);
|
|
17389
17407
|
}
|
|
17390
17408
|
}
|
|
17391
|
-
return (h(Host, { key: '
|
|
17409
|
+
return (h(Host, { key: '08ba1aa206baa9e7c8cb4c5622e87279b6e8f498' }, h("cpsl-button-group", { key: 'f0103c126de971b5571b25e587701976caffd2e1', selectedId: `${this.currentPage}` }, h("cpsl-button", { key: 'e3fc3c25e28e72169c669746b211befe19be5879', class: "arrow-button", onClick: this.handlePrevClick }, h("cpsl-icon", { key: '27160d1fb321b8f2657c4bc521b2f3bf3f8aae8b', 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: '3211a3bb0db95e7f455490b939c7647e8c3ea79e', class: "arrow-button", onClick: this.handleNextClick }, h("cpsl-icon", { key: 'e321dd46868eab8d416507685e7415daa41c676e', class: "icon", icon: "arrowNarrow" })))));
|
|
17392
17410
|
}
|
|
17393
17411
|
static get watchers() { return {
|
|
17394
17412
|
"currentPage": ["watchChange"]
|
|
@@ -17405,7 +17423,7 @@ const CpslPill = class {
|
|
|
17405
17423
|
this.text = undefined;
|
|
17406
17424
|
}
|
|
17407
17425
|
render() {
|
|
17408
|
-
return (h(Host, { key: '
|
|
17426
|
+
return (h(Host, { key: 'ed6ded111258751c1021876895a8f09a27323f55' }, h("div", { key: '5b10f2e2d77eaab9e8cd4d25a63052e8690ad380', class: "pill-container" }, h("span", { key: '09704e30cf5e01f1891427d486545735182d0a9d' }, this.text))));
|
|
17409
17427
|
}
|
|
17410
17428
|
};
|
|
17411
17429
|
CpslPill.style = CpslPillStyle0;
|
|
@@ -17658,7 +17676,7 @@ const CpslPopover = class {
|
|
|
17658
17676
|
}
|
|
17659
17677
|
render() {
|
|
17660
17678
|
var _a;
|
|
17661
|
-
return (h(Host, { key: '
|
|
17679
|
+
return (h(Host, { key: '70f0dae4ade16ae959e70ca856ce6853b2fbc4e8', class: {
|
|
17662
17680
|
'open': this.open,
|
|
17663
17681
|
'transform-h-left': this.transformOriginHorizontal === 'left',
|
|
17664
17682
|
'transform-h-center': this.transformOriginHorizontal === 'center',
|
|
@@ -17670,9 +17688,9 @@ const CpslPopover = class {
|
|
|
17670
17688
|
top: `${this.positionY}px`,
|
|
17671
17689
|
left: `${this.positionX}px`,
|
|
17672
17690
|
width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
|
|
17673
|
-
} }, h("div", { key: '
|
|
17691
|
+
} }, h("div", { key: '0f8f63ffd0b79319603c30cb8f59c8fb516f13a4', id: "container", class: { container: true, open: this.open }, style: {
|
|
17674
17692
|
visibility: this.hasSetInitialPosition ? 'visible' : 'hidden',
|
|
17675
|
-
} }, h("slot", { key: '
|
|
17693
|
+
} }, h("slot", { key: 'c03b1433b0454d09175c271d5f16335bad58d0fb' }))));
|
|
17676
17694
|
}
|
|
17677
17695
|
get el() { return getElement(this); }
|
|
17678
17696
|
static get watchers() { return {
|
|
@@ -21822,7 +21840,7 @@ const CpslQrCode = class {
|
|
|
21822
21840
|
return this.el.shadowRoot.getElementById('qr-code');
|
|
21823
21841
|
}
|
|
21824
21842
|
render() {
|
|
21825
|
-
return (h(Host, { key: '
|
|
21843
|
+
return (h(Host, { key: '0dcc5d32f6c8faaacdb5d0ecc8610731b4e8d42f' }, h("div", { key: 'b330ff066d7e8215ef74561b6e31fcbafbdea8cb', id: "qr-container", class: "qr-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, h("img", { key: '8fabed3495c62214a7d635e0bc777b414d16a308', id: "qr-code", class: "qr-code" }))));
|
|
21826
21844
|
}
|
|
21827
21845
|
get el() { return getElement(this); }
|
|
21828
21846
|
};
|
|
@@ -21843,7 +21861,7 @@ const CpslRadio = class {
|
|
|
21843
21861
|
this.checked = undefined;
|
|
21844
21862
|
}
|
|
21845
21863
|
render() {
|
|
21846
|
-
return (h(Host, { key: '
|
|
21864
|
+
return (h(Host, { key: 'd16cc95323ff4d04b643beb986081c8ee93d10dd' }, h("input", { key: 'e33dbf1aea7fbf6c17f074162e1b123b5df4f797', type: "radio", checked: this.checked }), h("span", { key: '9ec66324f32c9ef1c2b3d7fba10ed5b9df0e9979', onClick: this.handleRadioClick, class: { container: true, checked: this.checked } })));
|
|
21847
21865
|
}
|
|
21848
21866
|
};
|
|
21849
21867
|
CpslRadio.style = CpslRadioStyle0;
|
|
@@ -21968,10 +21986,10 @@ const CpslSelect = class {
|
|
|
21968
21986
|
render() {
|
|
21969
21987
|
var _a, _b, _c, _d, _e;
|
|
21970
21988
|
const selectedValueAsString = Array.isArray(this.selectedValue) ? this.selectedValue.join(', ') : this.selectedValue;
|
|
21971
|
-
return (h(Host, { key: '
|
|
21989
|
+
return (h(Host, { key: '18900dc2127936e4cd74c736234287d3a9c4f5d6', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (h("label", { key: '84edbb138188860c4b53d6bb5414529e0981c6ac', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: 'ab6f0e73fb1fc392fb6a37a364334e841c51e4f1', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onClick: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && h("slot", { key: '227f6bc64a4caf1ab62eb721abcff785f52c900a', name: "selected-item" }), h("div", { key: '6085a10a607168ce5804f0d0c10856509ec309db', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (h("cpsl-text", { key: '952821d6eb180709bf6484a1e5a201b1173c8e50', class: { 'selected-text': true, 'placeholder': !this.selectedValue }, part: "selected-text", color: this.selectedItemColor, variant: this.selectedItemVariant, weight: this.selectedItemWeight }, !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 : selectedValueAsString)))), this.icon && this.icon !== null && (h("cpsl-icon", { key: 'ebc48a455be06e7423f46cd1cbc9794ac9f7158a', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon })), h("input", { key: '3e754fbb61ed2b895d100eac6c066965ccb019d4', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" }), h("cpsl-popover", { key: 'a8213a89bfd08f45839402e7bea33df24331eadd', part: "popover", autoWidth: this.autoWidth, alignCenter: this.alignCenter, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, h("div", { key: '1850448668be81bab36fa485a4ca9efc8a6f42c3', part: "dropdown", class: "dropdown" }, this.showSearch && (h("div", { key: 'f4d86eada1ab15fdc1e5c40f177c740ea402854c', class: "search-container" }, h("cpsl-input", { key: '5eac08c4bf0d58f52f393cf7fe709ea7104e567c', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
|
|
21972
21990
|
e.stopPropagation();
|
|
21973
21991
|
this.cpslSearchChange.emit(e.detail.value);
|
|
21974
|
-
} }))), h("div", { key: '
|
|
21992
|
+
} }))), h("div", { key: '98be2ccca9d4f3393b375a6be57ecb994f208d63', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, h("slot", { key: '4b144f409037e0e19542bd01f360812afcbdeb8e', name: "items" }))))), (this.errorText || this.helperText) && (h("div", { key: '1ad20642e98bc4b530ba3831d721f4e5602301b7', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'c78382be9cba907cd2d8400d8602ceebb523b8b5' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
|
|
21975
21993
|
}
|
|
21976
21994
|
get el() { return getElement(this); }
|
|
21977
21995
|
static get watchers() { return {
|
|
@@ -21995,7 +22013,7 @@ const CpslSelectItem = class {
|
|
|
21995
22013
|
this.value = undefined;
|
|
21996
22014
|
}
|
|
21997
22015
|
render() {
|
|
21998
|
-
return (h(Host, { key: '
|
|
22016
|
+
return (h(Host, { key: 'db1ce801d1f8811645959e158e37fc3deafeb3f1' }, h("div", { key: 'f92eafcaa73a769a63d7f699ed6f96f0baf2acb2', part: "outer-container", class: "outer-container", onClick: e => {
|
|
21999
22017
|
var _a;
|
|
22000
22018
|
const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
|
|
22001
22019
|
if (targetId === 'ignore-click') {
|
|
@@ -22003,7 +22021,7 @@ const CpslSelectItem = class {
|
|
|
22003
22021
|
}
|
|
22004
22022
|
this.handleItemClick();
|
|
22005
22023
|
e.stopPropagation();
|
|
22006
|
-
} }, h("div", { key: '
|
|
22024
|
+
} }, h("div", { key: '654cfd18c8662a4417c70cfd43a1591c5e1af29c', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, h("slot", { key: 'c3dc201669ae577827edcf08c59a330ad1a17877' })))));
|
|
22007
22025
|
}
|
|
22008
22026
|
};
|
|
22009
22027
|
CpslSelectItem.style = CpslSelectItemStyle0;
|
|
@@ -22139,7 +22157,7 @@ const CpslSlideButton = class {
|
|
|
22139
22157
|
return this.el.shadowRoot.getElementById('end-icon');
|
|
22140
22158
|
}
|
|
22141
22159
|
render() {
|
|
22142
|
-
return (h(Host, { key: '
|
|
22160
|
+
return (h(Host, { key: '566e9b4e928aa3f64f97703768afd374f322b9f4' }, h("div", { key: '50440c2fb4a8b8c705c622d17e09f3383b424639', id: "slider-container", class: "slider-container" }, h("div", { key: 'f04923282e4ed5d60f260fa612b37673960b566e', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'a9d7ba1b286c36b7437301f7d8e64ff51b01026d', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: '62311747abe49016d1ba049185b744c03eab69c1', id: "slider", class: { slider: true, disabled: this.disabled } }, h("cpsl-icon", { key: '512f8f4bc665db53a70a47ee7f5e3bf8cb210159', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: '20342c93f514f9ab236d74a5de245a6ffae88a13', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: 'c09c1d5fc0fd2138398eb5d55c87158b9e96e438', id: "start-text", class: { 'start-text': true, 'disabled': this.disabled } }, this.startText), h("span", { key: '037612378ed71063ee7b220dc6e2d55c412416bc', id: "end-text", class: "end-text" }, this.endText))));
|
|
22143
22161
|
}
|
|
22144
22162
|
get el() { return getElement(this); }
|
|
22145
22163
|
};
|
|
@@ -22157,11 +22175,11 @@ const CpslSpinner = class {
|
|
|
22157
22175
|
this.speed = 1;
|
|
22158
22176
|
}
|
|
22159
22177
|
render() {
|
|
22160
|
-
return (h(Host, { key: '
|
|
22178
|
+
return (h(Host, { key: '765c31d4263b0dafdd0bdc339cfa3ed894e8371b', style: {
|
|
22161
22179
|
['--height']: `${this.size}px`,
|
|
22162
22180
|
['--width']: `${this.size}px`,
|
|
22163
22181
|
['--bar-width']: `${this.barWidth ? this.barWidth : this.size * 0.12}px`,
|
|
22164
|
-
} }, h("div", { key: '
|
|
22182
|
+
} }, h("div", { key: '49bf51e5f36cf1e243464af1ca5effdbff2f4295', class: { loader: true, [this.variant]: true } })));
|
|
22165
22183
|
}
|
|
22166
22184
|
};
|
|
22167
22185
|
CpslSpinner.style = CpslSpinnerStyle0;
|
|
@@ -22179,7 +22197,7 @@ const CpslSwitch = class {
|
|
|
22179
22197
|
this.checked = undefined;
|
|
22180
22198
|
}
|
|
22181
22199
|
render() {
|
|
22182
|
-
return (h(Host, { key: '
|
|
22200
|
+
return (h(Host, { key: '54a918e6ce51bf58f0a7c5192a98daf7fc9ebbc3' }, h("input", { key: 'f17dfaa5870c52b2a4bbb9dcb12ebe413f11639b', type: "checkbox", checked: this.checked }), h("span", { key: '87225d9d683d3617c130632bbf5b7353f1fb8a3c', onClick: this.handleSwitchClick, class: { container: true, checked: this.checked } }, h("span", { key: '71b879d14a5100a7469e5403d6cd3ec0beae9a9f', class: { thumb: true, checked: this.checked } }))));
|
|
22183
22201
|
}
|
|
22184
22202
|
};
|
|
22185
22203
|
CpslSwitch.style = CpslSwitchStyle0;
|
|
@@ -22219,7 +22237,7 @@ const CpslTab = class {
|
|
|
22219
22237
|
}
|
|
22220
22238
|
}
|
|
22221
22239
|
render() {
|
|
22222
|
-
return (h(Host, { key: '
|
|
22240
|
+
return (h(Host, { key: '6c6963acfb80e2af39004e708f8ede2aae57cbcc', class: { selected: this.selected }, onClick: this.onTabClicked }, h("div", { key: '01aad54125bcfcf49a7c938ac3922e578d67782a', class: { 'tab-container': true } }, h("slot", { key: '67d3752abebd382320be214d48869694c697afc3', name: "start" }), h("div", { key: 'a4d0616a7a24c662c2cf326166706dfe67347589', class: "content" }, h("slot", { key: '0b5c88a340039d0a045a66ddb01c605930f70fd0' })), h("slot", { key: '46ede49409b834acc7743c3c334e7f87fa25486f', name: "end" }))));
|
|
22223
22241
|
}
|
|
22224
22242
|
get el() { return getElement(this); }
|
|
22225
22243
|
};
|
|
@@ -22277,7 +22295,7 @@ const CpslTable = class {
|
|
|
22277
22295
|
return this.el.shadowRoot.getElementById('footer-container');
|
|
22278
22296
|
}
|
|
22279
22297
|
render() {
|
|
22280
|
-
return (h(Host, { key: '
|
|
22298
|
+
return (h(Host, { key: 'e17bc67faff39c948bb585e03e2eef580a1ec46a' }, h("cpsl-card", { key: '50fbee874acdd360c92f8db003b021434515ac50', part: "table-container", style: { position: 'relative' } }, h("div", { key: '7c2452e83fd449277290ee067e050015f829ee6a', id: "header-container", class: { 'container-header': true, 'shown': Boolean(this.containerHeaderEl) } }, h("slot", { key: '97371b6e8601ecf48c3d361388f45b02447de4d4', name: "header" })), h("div", { key: 'ceac73d82a4d2f9ade616104675051d0676ca604', id: "content-container", class: { 'content': true, 'horizontal-scroll': this.hasHorizontalScroll, 'vertical-scroll': this.hasVerticalScroll }, part: "content" }, h("slot", { key: '1d88e9d621b434e5495e91f9e7076664a36a233b', name: "content" })), this.headerEl && this.contentContainerEl && this.footerEl && (h("div", { key: '95da7f057492601a15e767974b6f2791c433c58b', 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: '6a9d1821b46b8e0f113228d6a12b1832bf4c3bc4', id: "footer-container", class: { 'container-footer': true, 'shown': Boolean(this.containerFooterEl) } }, h("slot", { key: 'eef31e34b0e40fae697d86fe58a40cc46981e0cc', name: "footer" })))));
|
|
22281
22299
|
}
|
|
22282
22300
|
get el() { return getElement(this); }
|
|
22283
22301
|
};
|
|
@@ -22345,7 +22363,7 @@ const CpslTabs = class {
|
|
|
22345
22363
|
// Get border width as a number
|
|
22346
22364
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--tabs-border-width').slice(0, -2);
|
|
22347
22365
|
const selectedTabRect = this.selectedTabRect;
|
|
22348
|
-
return (h(Host, { key: '
|
|
22366
|
+
return (h(Host, { key: '7444f880d49aefdc6dacfa0893639e67f81e339c', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '029b41848f1ab89faa2e6bc03fc4c24fba4409e5', class: "tabs-container" }, h("slot", { key: '706b489cfd13e988d44d91e5ec8b451c937cd5f3' }), h("div", { key: '2b3d844134235863e85cecb09c31e18918ac32f4', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width - 8}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth}px` } }))));
|
|
22349
22367
|
}
|
|
22350
22368
|
get el() { return getElement(this); }
|
|
22351
22369
|
static get watchers() { return {
|
|
@@ -22397,7 +22415,7 @@ const CpslText = class {
|
|
|
22397
22415
|
this.align = undefined;
|
|
22398
22416
|
}
|
|
22399
22417
|
render() {
|
|
22400
|
-
return (h(Host, { key: '
|
|
22418
|
+
return (h(Host, { key: 'f71afcf547e49260945a89ca24ea1327d5df7fb1', class: {
|
|
22401
22419
|
// COLORS
|
|
22402
22420
|
'primary': this.color === 'primary',
|
|
22403
22421
|
'secondary': this.color === 'secondary',
|
|
@@ -22443,9 +22461,9 @@ const CpslTileButton = class {
|
|
|
22443
22461
|
this.icon = undefined;
|
|
22444
22462
|
}
|
|
22445
22463
|
render() {
|
|
22446
|
-
return (h(Host, { key: '
|
|
22464
|
+
return (h(Host, { key: '6f911ed19619b871cdc3bd96ab59aecf6b548b47', class: {
|
|
22447
22465
|
disabled: this.disabled,
|
|
22448
|
-
} }, h("button", { key: '
|
|
22466
|
+
} }, h("button", { key: '3c16b34f26db35202bc0e903b5bf6574d01f6a73', class: "button-native", disabled: this.disabled }, h("cpsl-icon", { key: '44d528e585457a719c40fce6f1d36268cf93284a', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '6e48c9594d9a1c5afcff30b9b5c1cbc63002422e' }))));
|
|
22449
22467
|
}
|
|
22450
22468
|
};
|
|
22451
22469
|
CpslTileButton.style = CpslTileButtonStyle0;
|