@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
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-65f57499.js');
|
|
6
|
-
const constants = require('./constants-
|
|
6
|
+
const constants = require('./constants-1de558ea.js');
|
|
7
7
|
|
|
8
8
|
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)}";
|
|
9
9
|
const CpslAlertStyle0 = cpslAlertCss;
|
|
@@ -6288,6 +6288,7 @@ const CpslButton = class {
|
|
|
6288
6288
|
index.registerInstance(this, hostRef);
|
|
6289
6289
|
this.as = 'button';
|
|
6290
6290
|
this.disabled = false;
|
|
6291
|
+
this.pending = false;
|
|
6291
6292
|
this.fullWidth = false;
|
|
6292
6293
|
this.href = undefined;
|
|
6293
6294
|
this.size = 'medium';
|
|
@@ -6296,7 +6297,7 @@ const CpslButton = class {
|
|
|
6296
6297
|
this.variant = 'primary';
|
|
6297
6298
|
}
|
|
6298
6299
|
render() {
|
|
6299
|
-
return (index.h(index.Host, { key: '
|
|
6300
|
+
return (index.h(index.Host, { key: '8f65c32aa3f0bcfcdf621ea1c1b4b4b383b28850', class: {
|
|
6300
6301
|
// VARIANTS
|
|
6301
6302
|
'primary': this.variant === 'primary',
|
|
6302
6303
|
'secondary': this.variant === 'secondary',
|
|
@@ -6310,7 +6311,7 @@ const CpslButton = class {
|
|
|
6310
6311
|
'xSmall': this.size === 'xSmall',
|
|
6311
6312
|
'small': this.size === 'small',
|
|
6312
6313
|
'medium': this.size === 'medium',
|
|
6313
|
-
} }, index.h(this.as, { key: '
|
|
6314
|
+
} }, index.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 }, index.h("slot", { key: 'f5eaff65f6243b2506557e0cc2797217baa31db7', name: "start" }), this.pending ? index.h("cpsl-spinner", { size: 19 }) : index.h("slot", null), index.h("slot", { key: '257554b7f318af94ac762003129aa13f3b446767', name: "end" }))));
|
|
6314
6315
|
}
|
|
6315
6316
|
};
|
|
6316
6317
|
CpslButton.style = CpslButtonStyle0;
|
|
@@ -6352,7 +6353,7 @@ const CpslButtonGroup = class {
|
|
|
6352
6353
|
return this.el.querySelectorAll('&> *:not(cpsl-button)');
|
|
6353
6354
|
}
|
|
6354
6355
|
render() {
|
|
6355
|
-
return (index.h(index.Host, { key: '
|
|
6356
|
+
return (index.h(index.Host, { key: '13009bfa07a89c5bd9412683b8bc8338e9455dee' }, index.h("slot", { key: '308767ba6d3d3147f1ab60bcc98aa7ca1d1a2c28' })));
|
|
6356
6357
|
}
|
|
6357
6358
|
get el() { return index.getElement(this); }
|
|
6358
6359
|
static get watchers() { return {
|
|
@@ -6369,7 +6370,7 @@ const CpslCard = class {
|
|
|
6369
6370
|
index.registerInstance(this, hostRef);
|
|
6370
6371
|
}
|
|
6371
6372
|
render() {
|
|
6372
|
-
return (index.h(index.Host, { key: '
|
|
6373
|
+
return (index.h(index.Host, { key: 'f0b2545bd8c71dad45cdacc819695a7778bb9fcc' }, index.h("div", { key: '6c49feb59a958cc196d0c12a73839445353d44e7', class: { card: true }, part: "card-container" }, index.h("slot", { key: '04b3ecd54d97ea584a96b915d262a3d357d26fe4' }))));
|
|
6373
6374
|
}
|
|
6374
6375
|
};
|
|
6375
6376
|
CpslCard.style = CpslCardStyle0;
|
|
@@ -6387,7 +6388,7 @@ const CpslCheckbox = class {
|
|
|
6387
6388
|
this.checked = undefined;
|
|
6388
6389
|
}
|
|
6389
6390
|
render() {
|
|
6390
|
-
return (index.h(index.Host, { key: '
|
|
6391
|
+
return (index.h(index.Host, { key: '48249b9fb66fd8acff7fb444f39f1b6b86243b81' }, index.h("input", { key: 'adfca3d8961b8c5ca7d3b3616101772607cb4ee4', type: "checkbox", checked: this.checked }), index.h("span", { key: '0f4004593d47c1b6d36215eda48959770e99252e', onClick: this.handleCheckboxClick, class: { container: true, checked: this.checked } }, index.h("cpsl-icon", { key: '31395afa9b4b9cdcbe74fbccd9ec9abd2f03e441', icon: "check" }))));
|
|
6391
6392
|
}
|
|
6392
6393
|
};
|
|
6393
6394
|
CpslCheckbox.style = CpslCheckboxStyle0;
|
|
@@ -6571,10 +6572,10 @@ const CpslCodeInput = class {
|
|
|
6571
6572
|
}
|
|
6572
6573
|
render() {
|
|
6573
6574
|
var _a;
|
|
6574
|
-
return (index.h(index.Host, { key: '
|
|
6575
|
+
return (index.h(index.Host, { key: '16e16cc803f099963c784ed7bbd688afb7b8a59f' }, index.h("div", { key: 'b3f3a0ba95daf12f4e504bf91e9d8e57b3d97b44', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
|
|
6575
6576
|
var _a, _b;
|
|
6576
6577
|
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' }));
|
|
6577
|
-
})), (this.errorText || this.helperText) && (index.h("div", { key: '
|
|
6578
|
+
})), (this.errorText || this.helperText) && (index.h("div", { key: '8f01ee92d99bbdde0f0b501640bb3136e4e134f8', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { key: '52a8d308da8c4fad19eec139510df8439a39b6d7', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), index.h("span", { key: '2d87ea9d774e51055774e76f71074e0eb0d60b10' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
|
6578
6579
|
}
|
|
6579
6580
|
get el() { return index.getElement(this); }
|
|
6580
6581
|
static get watchers() { return {
|
|
@@ -6591,7 +6592,7 @@ const CpslDivider = class {
|
|
|
6591
6592
|
index.registerInstance(this, hostRef);
|
|
6592
6593
|
}
|
|
6593
6594
|
render() {
|
|
6594
|
-
return (index.h(index.Host, { key: '
|
|
6595
|
+
return (index.h(index.Host, { key: 'cffec64f3c150902ccff40b2362ce76dda41e32d' }, index.h("div", { key: '3ae8f787af8f4f112f0f3c51aa102b89fd7d8529' }), index.h("slot", { key: '1a6a2a37cd1966ec492e95b0d5cb718f484cc821' }), index.h("div", { key: '3fbe5d32823ad65a5404a6419d5ea26a73a03290' })));
|
|
6595
6596
|
}
|
|
6596
6597
|
};
|
|
6597
6598
|
CpslDivider.style = CpslDividerStyle0;
|
|
@@ -6633,12 +6634,12 @@ const CpslDrawer = class {
|
|
|
6633
6634
|
const setHeight = this.anchor === 'top' || this.anchor === 'bottom';
|
|
6634
6635
|
const startingAnchor = (_a = `${this.anchorPosition}px`) !== null && _a !== void 0 ? _a : '0px';
|
|
6635
6636
|
const size = this.size === 'auto' ? 'auto' : `${this.size}px`;
|
|
6636
|
-
return (index.h(index.Host, { key: '
|
|
6637
|
+
return (index.h(index.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: {
|
|
6637
6638
|
top: this.anchor === 'top',
|
|
6638
6639
|
bottom: this.anchor === 'bottom',
|
|
6639
6640
|
left: this.anchor === 'left',
|
|
6640
6641
|
right: this.anchor === 'right',
|
|
6641
|
-
} }, this.variant === 'temporary' && !this.noOverlay && index.h("cpsl-overlay", { key: '
|
|
6642
|
+
} }, this.variant === 'temporary' && !this.noOverlay && index.h("cpsl-overlay", { key: 'b661c385794ab39eb87a304455da85602fadd349', open: this.open, zIndexOverride: constants.DEFAULT_Z_INDICES.modal + 1 }), index.h("div", { key: '1ad94f53ce752f518568139cd33e2aa11caa6d58', id: "container", class: "container", part: "container" }, index.h("slot", { key: '2bd9efb1ed55c388fd4c34e43900a7807f32a0ff' }))));
|
|
6642
6643
|
}
|
|
6643
6644
|
get el() { return index.getElement(this); }
|
|
6644
6645
|
};
|
|
@@ -6741,6 +6742,12 @@ const ArrowNarrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
|
6741
6742
|
</svg>
|
|
6742
6743
|
`;
|
|
6743
6744
|
|
|
6745
|
+
const ArrowUpDown = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6746
|
+
<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"/>
|
|
6747
|
+
<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"/>
|
|
6748
|
+
</svg>
|
|
6749
|
+
`;
|
|
6750
|
+
|
|
6744
6751
|
const Arrow = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
6745
6752
|
<path d="M5 12H19M19 12L12 5M19 12L12 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6746
6753
|
</svg>
|
|
@@ -6888,6 +6895,9 @@ const Coinbase = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
|
6888
6895
|
</svg>
|
|
6889
6896
|
`;
|
|
6890
6897
|
|
|
6898
|
+
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>
|
|
6899
|
+
`;
|
|
6900
|
+
|
|
6891
6901
|
const Copy07 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
6892
6902
|
<g id="copy-07">
|
|
6893
6903
|
<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"/>
|
|
@@ -7153,6 +7163,11 @@ const Ethereum = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
|
|
7153
7163
|
</svg>
|
|
7154
7164
|
`;
|
|
7155
7165
|
|
|
7166
|
+
const ExternalLink = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7167
|
+
<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"/>
|
|
7168
|
+
</svg>
|
|
7169
|
+
`;
|
|
7170
|
+
|
|
7156
7171
|
const EyeOff = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
7157
7172
|
<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"/>
|
|
7158
7173
|
</svg>
|
|
@@ -12538,6 +12553,7 @@ const Icons = {
|
|
|
12538
12553
|
arrowCircleDownFilled: ArrowCircleDownFilled,
|
|
12539
12554
|
arrowCircleDown: ArrowCircleDown,
|
|
12540
12555
|
arrowNarrow: ArrowNarrow,
|
|
12556
|
+
arrowUpDown: ArrowUpDown,
|
|
12541
12557
|
arrow: Arrow,
|
|
12542
12558
|
asterisk: Asterisk,
|
|
12543
12559
|
backpack: Backpack,
|
|
@@ -12561,6 +12577,7 @@ const Icons = {
|
|
|
12561
12577
|
clubhouse: Clubhouse,
|
|
12562
12578
|
code: Code,
|
|
12563
12579
|
coinbase: Coinbase,
|
|
12580
|
+
coins: Coins,
|
|
12564
12581
|
copy07: Copy07,
|
|
12565
12582
|
copy: Copy,
|
|
12566
12583
|
cosmosCircle: CosmosCircle,
|
|
@@ -12589,6 +12606,7 @@ const Icons = {
|
|
|
12589
12606
|
emptyCircle: EmptyCircle,
|
|
12590
12607
|
ethCircle: EthCircle,
|
|
12591
12608
|
ethereum: Ethereum,
|
|
12609
|
+
externalLink: ExternalLink,
|
|
12592
12610
|
eyeOff: EyeOff,
|
|
12593
12611
|
eye: Eye,
|
|
12594
12612
|
facebookBrand: FacebookBrand,
|
|
@@ -13061,7 +13079,7 @@ const CpslDropdown = class {
|
|
|
13061
13079
|
}
|
|
13062
13080
|
render() {
|
|
13063
13081
|
var _a, _b, _c;
|
|
13064
|
-
return (index.h(index.Host, { key: '
|
|
13082
|
+
return (index.h(index.Host, { key: '76f4d93f5c0d4fddca26a8d7dc381d8c9b22119c' }, index.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}`, index.h("div", { key: 'b5ef03a1a7bf5b37aa35ee30ce6233d7b19dc33e', class: `chevron ${this.isOpen ? '' : 'closed'}`, innerHTML: Icons['chevronUp'] })), index.h("ul", { key: 'b0d9227ed1d360405a0294efbd4fe2a25926b7d2', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.hasCpslSearch && (index.h("li", { key: '0a7100d5c60114bf63583a2d808a7cb677053346', class: "search-bar" }, index.h("input", { key: '098d19346facb88c51674db9005354da36079820', 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)))))));
|
|
13065
13083
|
}
|
|
13066
13084
|
get el() { return index.getElement(this); }
|
|
13067
13085
|
static get watchers() { return {
|
|
@@ -13197,14 +13215,14 @@ const CpslFileUpload = class {
|
|
|
13197
13215
|
}
|
|
13198
13216
|
render() {
|
|
13199
13217
|
var _a, _b, _c;
|
|
13200
|
-
return (index.h(index.Host, { key: '
|
|
13218
|
+
return (index.h(index.Host, { key: '16d9e9ac3a79cbaab554cd9b8901f2b5a930327d' }, this.label && (index.h("label", { key: 'a0d3cba9de77959cc1fa9d415e943800997fa1db', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("slot", { key: '2ae7b7de344204f341ce8aa8044908bdc183cee1', name: "label" }), index.h("div", { key: 'd4ba3206869ed403217e37b20e9557784f98cfd2', class: { 'container': true, 'error': Boolean(this.errorText), 'drag': this.dragOver, 'drag-error': this.dragError } }, index.h("div", { key: '7f344b81e11e07b00e8cdbee5a89cc4300e02b4b', class: { 'label-container': true } }, index.h("slot", { key: 'c187ed9574eab9e21669a04d6a9d663adabcab75', name: "left-content" })), index.h("div", { key: '6bc08c41c298577cf71ca7f7209764d62fc42641', class: { 'file-container': true } }, this.FileContent), index.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) && (index.h("div", { key: 'f2c25a388395daf16082856e8135d952e4166247', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'd6af4e67851048e79f3342156e35b87928dbef7c' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
|
|
13201
13219
|
}
|
|
13202
13220
|
get el() { return index.getElement(this); }
|
|
13203
13221
|
};
|
|
13204
13222
|
let inputIds$2 = 0;
|
|
13205
13223
|
CpslFileUpload.style = CpslFileUploadStyle0;
|
|
13206
13224
|
|
|
13207
|
-
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}";
|
|
13225
|
+
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}";
|
|
13208
13226
|
const CpslIconStyle0 = cpslIconCss;
|
|
13209
13227
|
|
|
13210
13228
|
const CpslIcon = class {
|
|
@@ -13221,7 +13239,7 @@ const CpslIcon = class {
|
|
|
13221
13239
|
this.border = undefined;
|
|
13222
13240
|
}
|
|
13223
13241
|
render() {
|
|
13224
|
-
return (index.h(index.Host, { key: '
|
|
13242
|
+
return (index.h(index.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 ? (index.h("div", null, index.h("img", { src: this.src, style: { borderRadius: this.radius === 'full' ? '1000px' : undefined } }))) : (index.h("div", { innerHTML: Icons[this.icon] }))));
|
|
13225
13243
|
}
|
|
13226
13244
|
};
|
|
13227
13245
|
CpslIcon.style = CpslIconStyle0;
|
|
@@ -13259,7 +13277,7 @@ const CpslIconGroup = class {
|
|
|
13259
13277
|
render() {
|
|
13260
13278
|
// If disabled remove all brand icons to ensure the disabled color is shown correctly
|
|
13261
13279
|
const icons = this.disabled ? this.icons.map(icon => icon.replace('Brand', '')) : this.icons;
|
|
13262
|
-
return (index.h(index.Host, { key: '
|
|
13280
|
+
return (index.h(index.Host, { key: '37605ca88dcbabf8aa252ee921306f716ce3459e' }, icons.map((icon, index$1) => {
|
|
13263
13281
|
const isIcon = isOfTypeIconType(icon);
|
|
13264
13282
|
return (index.h("span", { part: "icon-container", class: {
|
|
13265
13283
|
'icon-container': true,
|
|
@@ -17238,7 +17256,7 @@ const CpslInput = class {
|
|
|
17238
17256
|
}
|
|
17239
17257
|
render() {
|
|
17240
17258
|
var _a, _b, _c, _d;
|
|
17241
|
-
return (index.h(index.Host, { key: '
|
|
17259
|
+
return (index.h(index.Host, { key: '3335ee77eeef1674ee4e63dd715d5bef53e7079d', 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: '6bff728ccf314abe1901fa178442d4519eb0ea2c', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '528f02f84fa0625e7792e31308e68990303752be', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, index.h("slot", { key: '140f3f895d626d947c99741b9d45c478b71e967e', name: "start" }), index.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 }), index.h("slot", { key: 'ff447dca64a4532e305bdbe3877f04d4ea17220d', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: '60330d9d1f935ebc4ab0b948c6d37439ccd7b202', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '18fa73f7a1befbda7680acd7bbceeb355d8f8832' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText)))));
|
|
17242
17260
|
}
|
|
17243
17261
|
get el() { return index.getElement(this); }
|
|
17244
17262
|
static get watchers() { return {
|
|
@@ -17268,7 +17286,7 @@ const CpslNavButtonGroup = class {
|
|
|
17268
17286
|
return this.el.querySelectorAll('&> *:not(cpsl-nav-button)');
|
|
17269
17287
|
}
|
|
17270
17288
|
render() {
|
|
17271
|
-
return (index.h(index.Host, { key: '
|
|
17289
|
+
return (index.h(index.Host, { key: 'adffbef53dea8bd1cf9e90fb0a48e66d2eeebb80' }, index.h("slot", { key: 'c32bcb35830d0fdda3a991c66d8cba95ff0c90cd' })));
|
|
17272
17290
|
}
|
|
17273
17291
|
get el() { return index.getElement(this); }
|
|
17274
17292
|
};
|
|
@@ -17306,7 +17324,7 @@ const CpslOverlay = class {
|
|
|
17306
17324
|
}
|
|
17307
17325
|
}
|
|
17308
17326
|
render() {
|
|
17309
|
-
return (index.h(index.Host, { key: '
|
|
17327
|
+
return (index.h(index.Host, { key: '6268805f6988b86573778b2f84b543f09c140882', style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {} }, index.h("slot", { key: '2c985bbabb236f31cabec9b3efa9ee72b034e8b7' })));
|
|
17310
17328
|
}
|
|
17311
17329
|
get el() { return index.getElement(this); }
|
|
17312
17330
|
static get watchers() { return {
|
|
@@ -17392,7 +17410,7 @@ const CpslPagination = class {
|
|
|
17392
17410
|
filteredPages.push(this.totalPages - 1);
|
|
17393
17411
|
}
|
|
17394
17412
|
}
|
|
17395
|
-
return (index.h(index.Host, { key: '
|
|
17413
|
+
return (index.h(index.Host, { key: '08ba1aa206baa9e7c8cb4c5622e87279b6e8f498' }, index.h("cpsl-button-group", { key: 'f0103c126de971b5571b25e587701976caffd2e1', selectedId: `${this.currentPage}` }, index.h("cpsl-button", { key: 'e3fc3c25e28e72169c669746b211befe19be5879', class: "arrow-button", onClick: this.handlePrevClick }, index.h("cpsl-icon", { key: '27160d1fb321b8f2657c4bc521b2f3bf3f8aae8b', 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: '3211a3bb0db95e7f455490b939c7647e8c3ea79e', class: "arrow-button", onClick: this.handleNextClick }, index.h("cpsl-icon", { key: 'e321dd46868eab8d416507685e7415daa41c676e', class: "icon", icon: "arrowNarrow" })))));
|
|
17396
17414
|
}
|
|
17397
17415
|
static get watchers() { return {
|
|
17398
17416
|
"currentPage": ["watchChange"]
|
|
@@ -17409,7 +17427,7 @@ const CpslPill = class {
|
|
|
17409
17427
|
this.text = undefined;
|
|
17410
17428
|
}
|
|
17411
17429
|
render() {
|
|
17412
|
-
return (index.h(index.Host, { key: '
|
|
17430
|
+
return (index.h(index.Host, { key: 'ed6ded111258751c1021876895a8f09a27323f55' }, index.h("div", { key: '5b10f2e2d77eaab9e8cd4d25a63052e8690ad380', class: "pill-container" }, index.h("span", { key: '09704e30cf5e01f1891427d486545735182d0a9d' }, this.text))));
|
|
17413
17431
|
}
|
|
17414
17432
|
};
|
|
17415
17433
|
CpslPill.style = CpslPillStyle0;
|
|
@@ -17662,7 +17680,7 @@ const CpslPopover = class {
|
|
|
17662
17680
|
}
|
|
17663
17681
|
render() {
|
|
17664
17682
|
var _a;
|
|
17665
|
-
return (index.h(index.Host, { key: '
|
|
17683
|
+
return (index.h(index.Host, { key: '70f0dae4ade16ae959e70ca856ce6853b2fbc4e8', class: {
|
|
17666
17684
|
'open': this.open,
|
|
17667
17685
|
'transform-h-left': this.transformOriginHorizontal === 'left',
|
|
17668
17686
|
'transform-h-center': this.transformOriginHorizontal === 'center',
|
|
@@ -17674,9 +17692,9 @@ const CpslPopover = class {
|
|
|
17674
17692
|
top: `${this.positionY}px`,
|
|
17675
17693
|
left: `${this.positionX}px`,
|
|
17676
17694
|
width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
|
|
17677
|
-
} }, index.h("div", { key: '
|
|
17695
|
+
} }, index.h("div", { key: '0f8f63ffd0b79319603c30cb8f59c8fb516f13a4', id: "container", class: { container: true, open: this.open }, style: {
|
|
17678
17696
|
visibility: this.hasSetInitialPosition ? 'visible' : 'hidden',
|
|
17679
|
-
} }, index.h("slot", { key: '
|
|
17697
|
+
} }, index.h("slot", { key: 'c03b1433b0454d09175c271d5f16335bad58d0fb' }))));
|
|
17680
17698
|
}
|
|
17681
17699
|
get el() { return index.getElement(this); }
|
|
17682
17700
|
static get watchers() { return {
|
|
@@ -21826,7 +21844,7 @@ const CpslQrCode = class {
|
|
|
21826
21844
|
return this.el.shadowRoot.getElementById('qr-code');
|
|
21827
21845
|
}
|
|
21828
21846
|
render() {
|
|
21829
|
-
return (index.h(index.Host, { key: '
|
|
21847
|
+
return (index.h(index.Host, { key: '0dcc5d32f6c8faaacdb5d0ecc8610731b4e8d42f' }, index.h("div", { key: 'b330ff066d7e8215ef74561b6e31fcbafbdea8cb', id: "qr-container", class: "qr-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, index.h("img", { key: '8fabed3495c62214a7d635e0bc777b414d16a308', id: "qr-code", class: "qr-code" }))));
|
|
21830
21848
|
}
|
|
21831
21849
|
get el() { return index.getElement(this); }
|
|
21832
21850
|
};
|
|
@@ -21847,7 +21865,7 @@ const CpslRadio = class {
|
|
|
21847
21865
|
this.checked = undefined;
|
|
21848
21866
|
}
|
|
21849
21867
|
render() {
|
|
21850
|
-
return (index.h(index.Host, { key: '
|
|
21868
|
+
return (index.h(index.Host, { key: 'd16cc95323ff4d04b643beb986081c8ee93d10dd' }, index.h("input", { key: 'e33dbf1aea7fbf6c17f074162e1b123b5df4f797', type: "radio", checked: this.checked }), index.h("span", { key: '9ec66324f32c9ef1c2b3d7fba10ed5b9df0e9979', onClick: this.handleRadioClick, class: { container: true, checked: this.checked } })));
|
|
21851
21869
|
}
|
|
21852
21870
|
};
|
|
21853
21871
|
CpslRadio.style = CpslRadioStyle0;
|
|
@@ -21972,10 +21990,10 @@ const CpslSelect = class {
|
|
|
21972
21990
|
render() {
|
|
21973
21991
|
var _a, _b, _c, _d, _e;
|
|
21974
21992
|
const selectedValueAsString = Array.isArray(this.selectedValue) ? this.selectedValue.join(', ') : this.selectedValue;
|
|
21975
|
-
return (index.h(index.Host, { key: '
|
|
21993
|
+
return (index.h(index.Host, { key: '18900dc2127936e4cd74c736234287d3a9c4f5d6', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (index.h("label", { key: '84edbb138188860c4b53d6bb5414529e0981c6ac', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.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 && index.h("slot", { key: '227f6bc64a4caf1ab62eb721abcff785f52c900a', name: "selected-item" }), index.h("div", { key: '6085a10a607168ce5804f0d0c10856509ec309db', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.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 && (index.h("cpsl-icon", { key: 'ebc48a455be06e7423f46cd1cbc9794ac9f7158a', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon })), index.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" }), index.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 }, index.h("div", { key: '1850448668be81bab36fa485a4ca9efc8a6f42c3', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'f4d86eada1ab15fdc1e5c40f177c740ea402854c', class: "search-container" }, index.h("cpsl-input", { key: '5eac08c4bf0d58f52f393cf7fe709ea7104e567c', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
|
|
21976
21994
|
e.stopPropagation();
|
|
21977
21995
|
this.cpslSearchChange.emit(e.detail.value);
|
|
21978
|
-
} }))), index.h("div", { key: '
|
|
21996
|
+
} }))), index.h("div", { key: '98be2ccca9d4f3393b375a6be57ecb994f208d63', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: '4b144f409037e0e19542bd01f360812afcbdeb8e', name: "items" }))))), (this.errorText || this.helperText) && (index.h("div", { key: '1ad20642e98bc4b530ba3831d721f4e5602301b7', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'c78382be9cba907cd2d8400d8602ceebb523b8b5' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
|
|
21979
21997
|
}
|
|
21980
21998
|
get el() { return index.getElement(this); }
|
|
21981
21999
|
static get watchers() { return {
|
|
@@ -21999,7 +22017,7 @@ const CpslSelectItem = class {
|
|
|
21999
22017
|
this.value = undefined;
|
|
22000
22018
|
}
|
|
22001
22019
|
render() {
|
|
22002
|
-
return (index.h(index.Host, { key: '
|
|
22020
|
+
return (index.h(index.Host, { key: 'db1ce801d1f8811645959e158e37fc3deafeb3f1' }, index.h("div", { key: 'f92eafcaa73a769a63d7f699ed6f96f0baf2acb2', part: "outer-container", class: "outer-container", onClick: e => {
|
|
22003
22021
|
var _a;
|
|
22004
22022
|
const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
|
|
22005
22023
|
if (targetId === 'ignore-click') {
|
|
@@ -22007,7 +22025,7 @@ const CpslSelectItem = class {
|
|
|
22007
22025
|
}
|
|
22008
22026
|
this.handleItemClick();
|
|
22009
22027
|
e.stopPropagation();
|
|
22010
|
-
} }, index.h("div", { key: '
|
|
22028
|
+
} }, index.h("div", { key: '654cfd18c8662a4417c70cfd43a1591c5e1af29c', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, index.h("slot", { key: 'c3dc201669ae577827edcf08c59a330ad1a17877' })))));
|
|
22011
22029
|
}
|
|
22012
22030
|
};
|
|
22013
22031
|
CpslSelectItem.style = CpslSelectItemStyle0;
|
|
@@ -22143,7 +22161,7 @@ const CpslSlideButton = class {
|
|
|
22143
22161
|
return this.el.shadowRoot.getElementById('end-icon');
|
|
22144
22162
|
}
|
|
22145
22163
|
render() {
|
|
22146
|
-
return (index.h(index.Host, { key: '
|
|
22164
|
+
return (index.h(index.Host, { key: '566e9b4e928aa3f64f97703768afd374f322b9f4' }, index.h("div", { key: '50440c2fb4a8b8c705c622d17e09f3383b424639', id: "slider-container", class: "slider-container" }, index.h("div", { key: 'f04923282e4ed5d60f260fa612b37673960b566e', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'a9d7ba1b286c36b7437301f7d8e64ff51b01026d', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '62311747abe49016d1ba049185b744c03eab69c1', id: "slider", class: { slider: true, disabled: this.disabled } }, index.h("cpsl-icon", { key: '512f8f4bc665db53a70a47ee7f5e3bf8cb210159', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: '20342c93f514f9ab236d74a5de245a6ffae88a13', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: 'c09c1d5fc0fd2138398eb5d55c87158b9e96e438', id: "start-text", class: { 'start-text': true, 'disabled': this.disabled } }, this.startText), index.h("span", { key: '037612378ed71063ee7b220dc6e2d55c412416bc', id: "end-text", class: "end-text" }, this.endText))));
|
|
22147
22165
|
}
|
|
22148
22166
|
get el() { return index.getElement(this); }
|
|
22149
22167
|
};
|
|
@@ -22161,11 +22179,11 @@ const CpslSpinner = class {
|
|
|
22161
22179
|
this.speed = 1;
|
|
22162
22180
|
}
|
|
22163
22181
|
render() {
|
|
22164
|
-
return (index.h(index.Host, { key: '
|
|
22182
|
+
return (index.h(index.Host, { key: '765c31d4263b0dafdd0bdc339cfa3ed894e8371b', style: {
|
|
22165
22183
|
['--height']: `${this.size}px`,
|
|
22166
22184
|
['--width']: `${this.size}px`,
|
|
22167
22185
|
['--bar-width']: `${this.barWidth ? this.barWidth : this.size * 0.12}px`,
|
|
22168
|
-
} }, index.h("div", { key: '
|
|
22186
|
+
} }, index.h("div", { key: '49bf51e5f36cf1e243464af1ca5effdbff2f4295', class: { loader: true, [this.variant]: true } })));
|
|
22169
22187
|
}
|
|
22170
22188
|
};
|
|
22171
22189
|
CpslSpinner.style = CpslSpinnerStyle0;
|
|
@@ -22183,7 +22201,7 @@ const CpslSwitch = class {
|
|
|
22183
22201
|
this.checked = undefined;
|
|
22184
22202
|
}
|
|
22185
22203
|
render() {
|
|
22186
|
-
return (index.h(index.Host, { key: '
|
|
22204
|
+
return (index.h(index.Host, { key: '54a918e6ce51bf58f0a7c5192a98daf7fc9ebbc3' }, index.h("input", { key: 'f17dfaa5870c52b2a4bbb9dcb12ebe413f11639b', type: "checkbox", checked: this.checked }), index.h("span", { key: '87225d9d683d3617c130632bbf5b7353f1fb8a3c', onClick: this.handleSwitchClick, class: { container: true, checked: this.checked } }, index.h("span", { key: '71b879d14a5100a7469e5403d6cd3ec0beae9a9f', class: { thumb: true, checked: this.checked } }))));
|
|
22187
22205
|
}
|
|
22188
22206
|
};
|
|
22189
22207
|
CpslSwitch.style = CpslSwitchStyle0;
|
|
@@ -22223,7 +22241,7 @@ const CpslTab = class {
|
|
|
22223
22241
|
}
|
|
22224
22242
|
}
|
|
22225
22243
|
render() {
|
|
22226
|
-
return (index.h(index.Host, { key: '
|
|
22244
|
+
return (index.h(index.Host, { key: '6c6963acfb80e2af39004e708f8ede2aae57cbcc', class: { selected: this.selected }, onClick: this.onTabClicked }, index.h("div", { key: '01aad54125bcfcf49a7c938ac3922e578d67782a', class: { 'tab-container': true } }, index.h("slot", { key: '67d3752abebd382320be214d48869694c697afc3', name: "start" }), index.h("div", { key: 'a4d0616a7a24c662c2cf326166706dfe67347589', class: "content" }, index.h("slot", { key: '0b5c88a340039d0a045a66ddb01c605930f70fd0' })), index.h("slot", { key: '46ede49409b834acc7743c3c334e7f87fa25486f', name: "end" }))));
|
|
22227
22245
|
}
|
|
22228
22246
|
get el() { return index.getElement(this); }
|
|
22229
22247
|
};
|
|
@@ -22281,7 +22299,7 @@ const CpslTable = class {
|
|
|
22281
22299
|
return this.el.shadowRoot.getElementById('footer-container');
|
|
22282
22300
|
}
|
|
22283
22301
|
render() {
|
|
22284
|
-
return (index.h(index.Host, { key: '
|
|
22302
|
+
return (index.h(index.Host, { key: 'e17bc67faff39c948bb585e03e2eef580a1ec46a' }, index.h("cpsl-card", { key: '50fbee874acdd360c92f8db003b021434515ac50', part: "table-container", style: { position: 'relative' } }, index.h("div", { key: '7c2452e83fd449277290ee067e050015f829ee6a', id: "header-container", class: { 'container-header': true, 'shown': Boolean(this.containerHeaderEl) } }, index.h("slot", { key: '97371b6e8601ecf48c3d361388f45b02447de4d4', name: "header" })), index.h("div", { key: 'ceac73d82a4d2f9ade616104675051d0676ca604', id: "content-container", class: { 'content': true, 'horizontal-scroll': this.hasHorizontalScroll, 'vertical-scroll': this.hasVerticalScroll }, part: "content" }, index.h("slot", { key: '1d88e9d621b434e5495e91f9e7076664a36a233b', name: "content" })), this.headerEl && this.contentContainerEl && this.footerEl && (index.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 } })), index.h("div", { key: '6a9d1821b46b8e0f113228d6a12b1832bf4c3bc4', id: "footer-container", class: { 'container-footer': true, 'shown': Boolean(this.containerFooterEl) } }, index.h("slot", { key: 'eef31e34b0e40fae697d86fe58a40cc46981e0cc', name: "footer" })))));
|
|
22285
22303
|
}
|
|
22286
22304
|
get el() { return index.getElement(this); }
|
|
22287
22305
|
};
|
|
@@ -22349,7 +22367,7 @@ const CpslTabs = class {
|
|
|
22349
22367
|
// Get border width as a number
|
|
22350
22368
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--tabs-border-width').slice(0, -2);
|
|
22351
22369
|
const selectedTabRect = this.selectedTabRect;
|
|
22352
|
-
return (index.h(index.Host, { key: '
|
|
22370
|
+
return (index.h(index.Host, { key: '7444f880d49aefdc6dacfa0893639e67f81e339c', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '029b41848f1ab89faa2e6bc03fc4c24fba4409e5', class: "tabs-container" }, index.h("slot", { key: '706b489cfd13e988d44d91e5ec8b451c937cd5f3' }), index.h("div", { key: '2b3d844134235863e85cecb09c31e18918ac32f4', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width - 8}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth}px` } }))));
|
|
22353
22371
|
}
|
|
22354
22372
|
get el() { return index.getElement(this); }
|
|
22355
22373
|
static get watchers() { return {
|
|
@@ -22401,7 +22419,7 @@ const CpslText = class {
|
|
|
22401
22419
|
this.align = undefined;
|
|
22402
22420
|
}
|
|
22403
22421
|
render() {
|
|
22404
|
-
return (index.h(index.Host, { key: '
|
|
22422
|
+
return (index.h(index.Host, { key: 'f71afcf547e49260945a89ca24ea1327d5df7fb1', class: {
|
|
22405
22423
|
// COLORS
|
|
22406
22424
|
'primary': this.color === 'primary',
|
|
22407
22425
|
'secondary': this.color === 'secondary',
|
|
@@ -22447,9 +22465,9 @@ const CpslTileButton = class {
|
|
|
22447
22465
|
this.icon = undefined;
|
|
22448
22466
|
}
|
|
22449
22467
|
render() {
|
|
22450
|
-
return (index.h(index.Host, { key: '
|
|
22468
|
+
return (index.h(index.Host, { key: '6f911ed19619b871cdc3bd96ab59aecf6b548b47', class: {
|
|
22451
22469
|
disabled: this.disabled,
|
|
22452
|
-
} }, index.h("button", { key: '
|
|
22470
|
+
} }, index.h("button", { key: '3c16b34f26db35202bc0e903b5bf6574d01f6a73', class: "button-native", disabled: this.disabled }, index.h("cpsl-icon", { key: '44d528e585457a719c40fce6f1d36268cf93284a', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '6e48c9594d9a1c5afcff30b9b5c1cbc63002422e' }))));
|
|
22453
22471
|
}
|
|
22454
22472
|
};
|
|
22455
22473
|
CpslTileButton.style = CpslTileButtonStyle0;
|