@getpara/core-components 2.0.0-alpha.15 → 2.0.0-alpha.17

package/dist/cjs/cpsl-alert_34.cjs.entry.js

@@ -7866,6 +7866,11 @@ const Star04Filled = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height=
   <path d="M12.9333 1.64102C12.7848 1.25483 12.4138 1 12 1C11.5862 1 11.2152 1.25483 11.0667 1.64102L9.0547 6.87211C8.7543 7.65315 8.6599 7.87822 8.53078 8.05981C8.40122 8.24202 8.24202 8.40122 8.05981 8.53078C7.87822 8.6599 7.65315 8.7543 6.8721 9.0547L1.64102 11.0667C1.25483 11.2152 1 11.5862 1 12C1 12.4138 1.25483 12.7848 1.64102 12.9333L6.87211 14.9453C7.65315 15.2457 7.87822 15.3401 8.05981 15.4692C8.24202 15.5988 8.40122 15.758 8.53078 15.9402C8.6599 16.1218 8.7543 16.3469 9.0547 17.1279L11.0667 22.359C11.2152 22.7452 11.5862 23 12 23C12.4138 23 12.7848 22.7452 12.9333 22.359L14.9453 17.1279C15.2457 16.3469 15.3401 16.1218 15.4692 15.9402C15.5988 15.758 15.758 15.5988 15.9402 15.4692C16.1218 15.3401 16.3469 15.2457 17.1279 14.9453L22.359 12.9333C22.7452 12.7848 23 12.4138 23 12C23 11.5862 22.7452 11.2152 22.359 11.0667L17.1279 9.0547C16.3469 8.7543 16.1218 8.6599 15.9402 8.53078C15.758 8.40122 15.5988 8.24202 15.4692 8.05981C15.3401 7.87822 15.2457 7.65315 14.9453 6.87211L12.9333 1.64102Z" />
 </svg>`;
 
+const Star05 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2L10.6985 7.20599C10.4445 8.22185 10.3176 8.72978 10.0531 9.14309C9.81915 9.50868 9.50868 9.81915 9.14309 10.0531C8.72978 10.3176 8.22185 10.4445 7.20599 10.6985L2 12L7.20599 13.3015C8.22185 13.5555 8.72978 13.6824 9.14309 13.9469C9.50868 14.1808 9.81915 14.4913 10.0531 14.8569C10.3176 15.2702 10.4445 15.7782 10.6985 16.794L12 22L13.3015 16.794C13.5555 15.7782 13.6824 15.2702 13.9469 14.8569C14.1808 14.4913 14.4913 14.1808 14.8569 13.9469C15.2702 13.6824 15.7782 13.5555 16.794 13.3015L22 12L16.794 10.6985C15.7782 10.4445 15.2702 10.3176 14.8569 10.0531C14.4913 9.81915 14.1808 9.50868 13.9469 9.14309C13.6824 8.72978 13.5555 8.22185 13.3015 7.20599L12 2Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;
+
 const Stars01Filled = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
 <g id="stars-01">
 <g id="Solid">
@@ -12161,6 +12166,7 @@ const Icons = {
     solana: Solana,
     spacingHeight: SpacingHeight,
     star04Filled: Star04Filled,
+    star05: Star05,
     stars01Filled: Stars01Filled,
     stars02: Stars02,
     stars: Stars,
@@ -16948,36 +16954,16 @@ const CpslPopover = class {
                 default:
                     triggerCallbacks = [
                         {
-                            eventName: 'mousedown',
-                            callback: e => {
+                            eventName: 'click',
+                            callback: (e) => {
                                 var _a;
                                 const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
                                 if (targetId === 'ignore-click') {
                                     return;
                                 }
-                                if (this.preventBlur) {
-                                    e.preventDefault();
-                                }
                                 if (!this.open) {
                                     this.present();
                                 }
-                                else if (e.target === this.triggerEl) {
-                                    this.close();
-                                }
-                            },
-                        },
-                        {
-                            eventName: 'touchstart',
-                            callback: e => {
-                                var _a;
-                                const targetId = (_a = e.target.id) !== null && _a !== void 0 ? _a : '';
-                                if (targetId === 'ignore-click') {
-                                    return;
-                                }
-                                if (this.preventBlur) {
-                                    e.preventDefault();
-                                }
-                                this.present();
                             },
                         },
                     ];
@@ -17130,7 +17116,7 @@ const CpslPopover = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '37ea2f5b4c7b73aed811317d813ceb9bce8bc38f', class: {
+        return (index.h(index.Host, { key: '10c267166cb8ccb9c9eff6b3e865804688d31b95', class: {
                 'open': this.open,
                 'transform-h-left': this.transformOriginHorizontal === 'left',
                 'transform-h-center': this.transformOriginHorizontal === 'center',
@@ -17142,9 +17128,9 @@ const CpslPopover = class {
                 top: `${this.positionY}px`,
                 left: `${this.positionX}px`,
                 width: !this.open ? '0px' : this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
-            } }, index.h("div", { key: '900e9d9089b5cb97ddfb37c10f1ee6e340ca48f6', id: "container", class: { container: true, open: this.open }, style: {
+            } }, index.h("div", { key: '292d9e8e45996b711b8979d4a38c054a04306f48', id: "container", class: { container: true, open: this.open }, style: {
                 visibility: this.hasSetInitialPosition ? 'visible' : 'hidden',
-            } }, index.h("slot", { key: 'd734f622b563b747ee6bc4deadfa4a515e91b0d7' }))));
+            } }, index.h("slot", { key: 'aca410ff44bf9c77cb3eea6da1bd349bdc87287d' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -21438,10 +21424,10 @@ const CpslSelect = class {
     render() {
         var _a, _b, _c, _d, _e;
         const selectedValueAsString = Array.isArray(this.selectedValue) ? this.selectedValue.join(', ') : this.selectedValue;
-        return (index.h(index.Host, { key: 'f7c2db799e3462ef83fd0e7b29a3fd88a2d69e38', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (index.h("label", { key: '8629dcd2d81bbf631962f84c551b2e2a3c96dd33', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: 'f01a1d57e48256e4b1898beeebb4c01275966aa6', 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: 'eb8a31b3254990d3f4165275561b21fe9e9abaf9', name: "selected-item" }), index.h("div", { key: 'a78cec861e87ac9702477bddf10ec4c66cf37626', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: '74fdd4ff8ad178376220d89890f507b304298be4', 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: '7f0f942c54e7b72279fbff7cba99b1a84105b912', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon }), index.h("input", { key: '43e2fbcd9d13168ecdd9fadb2047591480cf2c42', 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: '926ef9d6f59215260143f133104e63a46ecedc1f', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: '90520534785a584d539d5ef8e49ff394d2f4c3d7', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: 'e0cf6cf0e4d0c17981b78428ff3ceeb049cebba5', class: "search-container" }, index.h("cpsl-input", { key: 'e1d3bc0a68026b0cbbca0677a30b26934b6296be', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
+        return (index.h(index.Host, { key: 'f7c2db799e3462ef83fd0e7b29a3fd88a2d69e38', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': this.hasSelectedItem } }, this.label && (index.h("label", { key: '8629dcd2d81bbf631962f84c551b2e2a3c96dd33', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '581836944bb5c01766bd0ec13f6bf5e1149cd7e7', 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: '39d58ccf94664d9d6c01a2b7dc5369fa77f224e2', name: "selected-item" }), index.h("div", { key: '511122f39895b25a0624497be7cb99c6ec9b92ba', class: { 'selected-container-content': true, 'hidden': this.hasSelectedItem && this.showFormattedSelectedItem }, id: "selected-container-content", style: {} }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: 'd8ad96dab7e5b298d621ffc0621298c3ecc05907', 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: '787c3d3dff16bd68d3526604523f130ca329e8c9', part: "icon", class: { 'chevron': true, 'open': !this.noIconAnimation && this.popoverOpen, 'has-value': this.hasSelectedItem }, icon: this.icon }), index.h("input", { key: 'b606c940537173d3d8f4d66e131d7b624779713c', 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: '272c71c9466bd5f301be9c02da68ac78dc95b087', part: "popover", autoWidth: this.autoWidth, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: 'e8d9dde383da411ebfe8a238e8e3d0b37c0cbdde', part: "dropdown", class: "dropdown" }, this.showSearch && (index.h("div", { key: '571f898c5ad668bd55373a4c3aceff8e4c9f990c', class: "search-container" }, index.h("cpsl-input", { key: 'faef8d5df2c800564c6dfb9176dbfa35592089fd', onClick: e => e.stopPropagation(), placeholder: (_d = this.searchPlaceholder) !== null && _d !== void 0 ? _d : 'Search', value: "", onCpslInput: e => {
                 e.stopPropagation();
                 this.cpslSearchChange.emit(e.detail.value);
-            } }))), index.h("div", { key: '4f12646017f6b9c95a717188d7329750e8bdf74e', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: '33fd8a222ea76686c6d00ed388decb5ab10b98d8', name: "items" }))))), (this.errorText || this.helperText) && (index.h("div", { key: 'f9e99bd7e2a4c4eb98ea540c2ba0ed9a1e0feb67', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'eae52c7b8dad9a6f702abb01f9f8205d7a96a82d' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
+            } }))), index.h("div", { key: '2a7a58fe4cac9ef5c6e193c7520c7fc5d4bdbec5', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: 'a0630a42e11c011ed5404e05a7ea1933da90e8fc', name: "items" }))))), (this.errorText || this.helperText) && (index.h("div", { key: 'cee93a66e762e3c111edcaf8f57379d9ed106369', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '438123416a44bbd84b6fa908a9ba21635d808400' }, (_e = this.errorText) !== null && _e !== void 0 ? _e : this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -21465,7 +21451,10 @@ const CpslSelectItem = class {
         this.value = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, index.h("div", { key: 'ebf183f51dc2082e853cda6f490ab1b1a2c72f99', part: "outer-container", class: "outer-container", onClick: this.handleItemClick }, index.h("div", { key: '1e2c94c4e4a61638fc7a0439a36672bc22f47d28', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, index.h("slot", { key: 'a5c01c9f324912eff3c7958370bbec29050e4f4a' })))));
+        return (index.h(index.Host, { key: '532ed86577783bc61c40a18de178e63d16cf24c1' }, index.h("div", { key: 'c96fd4ab69add9b97726ef5869da0f4ef4353b23', part: "outer-container", class: "outer-container", onClick: e => {
+                this.handleItemClick();
+                e.stopPropagation();
+            } }, index.h("div", { key: '0dd87fde160b31a3609ee41b550066279c9f00d6', part: "inner-container", class: { 'inner-container': true, 'selected': this.selected } }, index.h("slot", { key: 'c526deb812322490f235d34d7d98f30eb2f6a19e' })))));
     }
 };
 CpslSelectItem.style = CpslSelectItemStyle0;