@xplortech/apollo-core 2.8.1 → 2.10.0

package/dist/collection/components/xpl-select/xpl-select.js

@@ -10,7 +10,7 @@ function getDisplayValue(choice) {
     return choice.label || choice.value;
 }
 function flattenChoices(choices) {
-    return choices.reduce((acc, curr) => [...acc, ...(curr.groupName ? curr.options : [curr])], []);
+    return choices.flatMap((choice) => choice.groupName && choice.options ? choice.options : [choice]);
 }
 export class Select {
     constructor() {
@@ -195,16 +195,21 @@ export class Select {
         (_a = this.handleResizeThrottled) === null || _a === void 0 ? void 0 : _a.cancel();
     }
     handleDropdownTrigger() {
-        var _a;
-        const prevState = (_a = this.dropdown.isOpen) !== null && _a !== void 0 ? _a : false;
+        var _a, _b;
+        if (this.disabled) {
+            return;
+        }
+        const prevState = (_b = (_a = this.dropdown) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
         const nextState = !prevState;
         const e = this.triggerDropdown.emit({
             prevState,
             nextState,
         });
-        if (!e.defaultPrevented && !this.disabled) {
+        if (!e.defaultPrevented) {
             this.dropdownOpenState = nextState;
-            this.dropdown.isOpen = nextState;
+            if (this.dropdown) {
+                this.dropdown.isOpen = nextState;
+            }
         }
     }
     async reset() {
@@ -223,21 +228,21 @@ export class Select {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (h(Host, { key: '09d3587fa268cb0621ea293d246e23cde93d75df', class: {
+        return (h(Host, { key: '72887e1c0864e77cf43e502d30a796e32942f643', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [(_c = this.classNames) !== null && _c !== void 0 ? _c : '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), h("div", { key: '007a61cc60c948d0691d6983cb197652084e417d', class: {
+            } }, this.renderLabel(), h("div", { key: '2d1aa67dcf1fa9aaa5b51b1eb944958a1741ee45', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': this.disabled,
                 'xpl-input--error': ((_d = this.error) === null || _d === void 0 ? void 0 : _d.length) >= 0,
-            } }, h("div", { key: 'e1edfe6e4b205bd6332f07031ee51ef7f9f6ac91', class: "xpl-input-wrapper" }, h("button", { key: '53d079f28b8a1bcdd5498287dfd88bb7a3ba7b50', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, h("div", { key: 'bc34bf6bb4c306753030ec05d011dfe80377256d', class: "xpl-input-wrapper" }, h("button", { key: 'f9a1c1ce4014e780cf866f75f8852d0b234e5ccd', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, h("div", { key: '5cfec98b2e829ea48e96b373e09e740d5bf02ef6', class: {
+            }, type: "button" }, h("div", { key: '1dbd694fb71a136f578382c7d70e2a2c6077c62c', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -257,7 +262,7 @@ export class Select {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '8bb01d1e8b206fb3c1963cdebcd293eeb2277e05', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: 'f5e770c4b26449f3025d172d768d6df69bd0ae03', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '5fd8e1d7b0be5b3daf4c2daecbb5d6e4f02d7493', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: '312b8917cd407224c0802b8cfc285168c26a8de6', ref: (el) => {
                 this.dropdown = el;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -266,7 +271,7 @@ export class Select {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: 'fe84c16780622e730100a58a948fc4fe27f6ddb5', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '3c88344463e124f7ed752bd249563f3f8f7b9204', type: "hidden", name: this.name, value: this.value })));
     }
     static get is() { return "xpl-select"; }
     static get properties() {

package/dist/collection/components/xpl-side-nav/side-nav-constants.js

@@ -0,0 +1,2 @@
+export const SIDE_NAV_MOBILE_MQ = '(max-width: 767px)';
+export const SIDE_NAV_CLOSE_ANIMATION_MS = 600;