@getpara/core-components 1.8.0 → 2.0.0-alpha.3
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/{p-62fde62a.entry.js → p-48826e01.entry.js} +6 -6
- package/dist/capsule/p-48826e01.entry.js.map +1 -0
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +7 -22
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/collection/components/cpsl-popover/cpsl-popover.js +3 -13
- package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
- package/dist/collection/components/cpsl-select/cpsl-select.js +4 -9
- package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +7 -22
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/package.json +3 -3
- package/dist/capsule/p-62fde62a.entry.js.map +0 -1
- /package/dist/types/Users/{norwood/capsule-repos → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/appendLoaderExports.d.ts +0 -0
- /package/dist/types/Users/{norwood/capsule-repos → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/buildAssets.d.ts +0 -0
|
@@ -16934,11 +16934,6 @@ const CpslPopover = class {
|
|
|
16934
16934
|
{
|
|
16935
16935
|
eventName: 'mousedown',
|
|
16936
16936
|
callback: e => {
|
|
16937
|
-
var _a;
|
|
16938
|
-
const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
|
|
16939
|
-
if (targetId === 'ignore-click') {
|
|
16940
|
-
return;
|
|
16941
|
-
}
|
|
16942
16937
|
if (this.preventBlur) {
|
|
16943
16938
|
e.preventDefault();
|
|
16944
16939
|
}
|
|
@@ -16948,11 +16943,6 @@ const CpslPopover = class {
|
|
|
16948
16943
|
{
|
|
16949
16944
|
eventName: 'touchstart',
|
|
16950
16945
|
callback: e => {
|
|
16951
|
-
var _a;
|
|
16952
|
-
const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
|
|
16953
|
-
if (targetId === 'ignore-click') {
|
|
16954
|
-
return;
|
|
16955
|
-
}
|
|
16956
16946
|
if (this.preventBlur) {
|
|
16957
16947
|
e.preventDefault();
|
|
16958
16948
|
}
|
|
@@ -17109,7 +17099,7 @@ const CpslPopover = class {
|
|
|
17109
17099
|
}
|
|
17110
17100
|
render() {
|
|
17111
17101
|
var _a;
|
|
17112
|
-
return (index.h(index.Host, { key: '
|
|
17102
|
+
return (index.h(index.Host, { key: 'ef05d515c8622a70f143f460538a422c010de2e5', class: {
|
|
17113
17103
|
'open': this.open,
|
|
17114
17104
|
'transform-h-left': this.transformOriginHorizontal === 'left',
|
|
17115
17105
|
'transform-h-center': this.transformOriginHorizontal === 'center',
|
|
@@ -17121,9 +17111,9 @@ const CpslPopover = class {
|
|
|
17121
17111
|
top: `${this.positionY}px`,
|
|
17122
17112
|
left: `${this.positionX}px`,
|
|
17123
17113
|
width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
|
|
17124
|
-
} }, index.h("div", { key: '
|
|
17114
|
+
} }, index.h("div", { key: 'd9134dc8de72f5802ce8ebf8b31f0a9a1cb09775', id: "container", class: { container: true, open: this.open }, style: {
|
|
17125
17115
|
visibility: this.hasSetInitialPosition ? 'visible' : 'hidden',
|
|
17126
|
-
} }, index.h("slot", { key: '
|
|
17116
|
+
} }, index.h("slot", { key: '6461c7a0c09cd8a0b03e5c42ba9fae303e571146' }))));
|
|
17127
17117
|
}
|
|
17128
17118
|
get el() { return index.getElement(this); }
|
|
17129
17119
|
static get watchers() { return {
|
|
@@ -21354,12 +21344,7 @@ const CpslSelect = class {
|
|
|
21354
21344
|
typeof window !== 'undefined' && window.removeEventListener('click', this.handleClickOutside);
|
|
21355
21345
|
}
|
|
21356
21346
|
};
|
|
21357
|
-
this.handleClick = (
|
|
21358
|
-
var _a;
|
|
21359
|
-
const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
|
|
21360
|
-
if (targetId === 'ignore-click') {
|
|
21361
|
-
return;
|
|
21362
|
-
}
|
|
21347
|
+
this.handleClick = () => {
|
|
21363
21348
|
if (!this.disabled) {
|
|
21364
21349
|
this.hasFocus = true;
|
|
21365
21350
|
typeof window !== 'undefined' && window.addEventListener('click', this.handleClickOutside);
|
|
@@ -21416,11 +21401,11 @@ const CpslSelect = class {
|
|
|
21416
21401
|
}
|
|
21417
21402
|
render() {
|
|
21418
21403
|
var _a, _b, _c, _d, _e;
|
|
21419
|
-
const selectedValueAsString =
|
|
21420
|
-
return (index.h(index.Host, { key: '
|
|
21404
|
+
const selectedValueAsString = typeof this.selectedValue === 'string' ? this.selectedValue : this.selectedValue.join(', ');
|
|
21405
|
+
return (index.h(index.Host, { key: '0b366a3c097d845993afaa7d27c894c5c0f03e44', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (index.h("label", { key: 'cfa4ae1a802f98d1beeea74bce33dd1844f821bf', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '971c488bbadbaa9ade8e17d0ec91bbaaccd1c3df', part: "select-container", id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: 'c4cb233ece4d06a3cc7ef4b7aa5d9ccb6fada6c2', name: "selected-item" }), index.h("div", { key: '78e52b91db67e50205601902074610c4841d73db', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: '682ce440ce404b1549eec38f6a523026eb48ea0d', 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)))), index.h("cpsl-icon", { key: '96355103fb2e94e3c2bce8be308c643de03cb94c', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon }), index.h("input", { key: '60eb6ad37fcaa568b3166f10b6c8dd59b8ca6e10', 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: '4bd5c2e243c05671786dded417234bdb3ae4e5ef', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: '0d1bb3a829f31e211cc99e28e3650d21a353ec75', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'af48dfde2c8fd8717b9602ad6870a7b8da86c6db', class: "search-container" }, index.h("cpsl-input", { key: '3a3d0197b1fe0f6a91568fb2c0530a34d8f68c8d', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
|
|
21421
21406
|
e.stopPropagation();
|
|
21422
21407
|
this.cpslSearchChange.emit(e.detail.value);
|
|
21423
|
-
} }))), index.h("div", { key: '
|
|
21408
|
+
} }))), index.h("div", { key: 'fb7d1dc0be277669ad804766f7ebb03218268a17', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'f63682b1d61aeab270cd2bf8683bf9b2f100274d', name: "items" }))))), (this.errorText || this.helperText) && (index.h("div", { key: '66ff41128e6faa920cd1a3e7cea36995921b89b6', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '77f56f4d6c7bff3836cdb54392b7938a0aa2ef9a' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
|
|
21424
21409
|
}
|
|
21425
21410
|
get el() { return index.getElement(this); }
|
|
21426
21411
|
static get watchers() { return {
|