@sankhyalabs/ezui 7.2.0-rc.13 → 7.2.0-rc.15

package/dist/cjs/ez-double-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const ezListHelper = require('./ezListHelper-0d3970b4.js');
-const index$1 = require('./index-9739c242.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 function moveItems(selectedItemsList, itemsList, foward) {
   if (!selectedItemsList.length)

package/dist/cjs/ez-file-item.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const index$1 = require('./index-9739c242.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const ezFileItemCss = ":host{display:flex;width:100%;--ez-file-item--height:42px;--ez-file-item--padding:9px;--ez-file-item--border-radius:var(--border--radius-medium, 12px);--ez-file-item--border-color:var(--color--strokes, #DCE0E8);--ez-file-item--border-style:var(--border--small, 1px solid);--ez-file-item--font-family:var(--font-pattern, Arial);--ez-file-item--font-size:var(--text--medium, 14px);--ez-file-item--font-weight:var(--text-weight--medium, 400);--ez-file-item--color:var(--title--primary, #2B3A54);--ez-file-item__file-size--font-weight:var(--text-weight--large, 600);--ez-file-item__file-size--color:var(--color--primary, #008561);--ez-file-item__background-progress--color:var(--color--primary-300, E2F4EF);--ez-file-item--icon-color:var(--title--primary, #2B3A54)}.box{display:flex;box-sizing:border-box;position:relative;align-items:center;justify-content:space-between;width:100%;padding:var(--ez-file-item--padding);border:var(--ez-file-item--border-color) var(--ez-file-item--border-style);border-radius:var(--ez-file-item--border-radius);height:var(--ez-file-item--height)}.box::before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(2px calc(var(--ez-file-item--upload-progress, 0%) + 2px) 2px 2px round calc(var(--ez-file-item--border-radius) - 4px));background-color:var(--ez-file-item__background-progress--color)}.content{display:flex;align-items:center;z-index:0;overflow:hidden}.file-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:var(--ez-file-item--font-family);font-size:var(--ez-file-item--font-size);font-weight:var(--ez-file-item--font-weight);color:var(--ez-file-item--color)}.file-type-icon{flex-shrink:0;--ez-icon--color:var(--ez-file-item--icon-color);padding-right:var(--ez-file-item--padding)}.file-size{padding-left:2px;overflow:hidden;flex-shrink:0;white-space:nowrap;font-family:var(--ez-file-item--font-family);font-size:var(--ez-file-item--font-size);font-weight:var(--ez-file-item__file-size--font-weight);color:var(--ez-file-item__file-size--color)}.btn-remove{cursor:pointer;flex-shrink:0;--ez-icon--color:var(--ez-file-item--icon-color)}";
 

package/dist/cjs/ez-form-view.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const FormLayout = require('./FormLayout-fe8da83c.js');
 const CheckMode = require('./CheckMode-ecb90b87.js');
-const index$1 = require('./index-9739c242.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const buildSwitch = (field, context) => {
   return buildField(field.name, field.label, field.readOnly, field.contextName, true, context);
@@ -180,6 +180,24 @@ const buildImage = ({ name, label, readOnly, contextName, props }) => {
     index.h("ez-image-input", Object.assign({ enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, maxFileSize: Infinity }, props))));
 };
 
+const buildMultiSelectInput = ({ name, label, readOnly, contextName, canShowError, props }) => {
+  var _a, _b, _c, _d;
+  const rawOptions = props === null || props === void 0 ? void 0 : props.options;
+  let options;
+  if (typeof rawOptions === "string") {
+    const parsed = JSON.parse(rawOptions);
+    options = Object.keys(parsed).map(key => ({ value: key, label: parsed[key], check: false }));
+  }
+  else {
+    options = rawOptions;
+  }
+  // Quando o metadata não informa explicitamente, usamos a lista estática (options)
+  // caso não haja um datasource configurado.
+  const useOptions = (_a = props === null || props === void 0 ? void 0 : props.useOptions) !== null && _a !== void 0 ? _a : (options != undefined && (props === null || props === void 0 ? void 0 : props.dataSource) == undefined);
+  return (index.h("div", { class: "ez-col ez-col--sd-12" },
+    index.h("ez-multi-select-input", { class: "ez-input__no-margin", label: label, "data-field-name": name, "data-context-name": contextName, key: name, enabled: !readOnly, canShowError: canShowError, options: options, dataSource: props === null || props === void 0 ? void 0 : props.dataSource, columnName: (_b = props === null || props === void 0 ? void 0 : props.columnName) !== null && _b !== void 0 ? _b : name, useOptions: useOptions, isTextSearch: (_c = props === null || props === void 0 ? void 0 : props.isTextSearch) !== null && _c !== void 0 ? _c : false, orderSelectedFirst: (_d = props === null || props === void 0 ? void 0 : props.orderSelectedFirst) !== null && _d !== void 0 ? _d : false })));
+};
+
 const uiBuilders = new Map();
 uiBuilders.set(core.UserInterface.CHECKBOX, buildCheckBox);
 uiBuilders.set(core.UserInterface.SWITCH, buildSwitch);
@@ -196,6 +214,7 @@ uiBuilders.set(core.UserInterface.SEARCHPLUS, buildSearchPlus);
 uiBuilders.set(core.UserInterface.LONGTEXT, buildTextArea);
 uiBuilders.set(core.UserInterface.HTML, buildRichText);
 uiBuilders.set(core.UserInterface.IMAGE, buildImage);
+uiBuilders.set(core.UserInterface.MULTISELECTOR, buildMultiSelectInput);
 const fieldBuilder = (field, customUiBuilders = new Map(), context) => {
   const i18n = index$1.getI18n();
   const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.FormLayout.CLASSIC_CASCADE ||

package/dist/cjs/ez-form.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
-const searchColumn = require('./search-column-6e90fb19.js');
-const index = require('./index-9739c242.js');
+const searchColumn = require('./search-column-c04897a9.js');
+const index = require('./index-d4a1cad8.js');
 const FormLayout = require('./FormLayout-fe8da83c.js');
-require('./ApplicationUtils-88dfe345.js');
+require('./ApplicationUtils-9a9185fc.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
 require('./types-6a5df0c7.js');

package/dist/cjs/ez-grid-pagination.cjs.entry.js

@@ -3,19 +3,47 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
-const index$1 = require('./index-9739c242.js');
+const index$1 = require('./index-d4a1cad8.js');
 const core = require('@sankhyalabs/core');
 
-const ezGridPaginationCss = ":host{display:block}.pagination__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-content:flex-end}.pagination__buttons-container{display:flex;border-radius:50%;background-color:var(--color--ocean-green-90, #E1E2E5);cursor:pointer}.pagination__buttons-container ez-icon{--ez-icon--color:var(--color--ocean-green-600, #008561)}.pagination__buttons-container.disabled{background-color:#DEDEDE;cursor:not-allowed;pointer-events:auto}.pagination__buttons-container.disabled ez-icon{--ez-icon--color:var(--color--petroleum-300, #848D9C);pointer-events:none}.pagination__page-navigator{display:flex;align-items:center}.pagination__row-summary-panel{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);padding:var(--space--8, 8px) var(--space--16, 16px)}.pagination__page-summary-panel{display:flex;align-items:center;padding:var(--space--8, 8px) var(--space--16, 16px);gap:var(--space--4, 4px)}.pagination__container-label{margin:0 var(--space--8, 8px)}.pagination-contracted{width:100px}.pagination-expanded{min-width:150px}.pagination__label{font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);width:100%;white-space:nowrap}.cancel-pagination{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space--4, 4px);padding:var(--space--8, 8px)}.spin{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cancel-pagination-btn{color:var(--color--red-600, #BD0025);font-size:var(--font-size--medium, 16px);font-weight:var(--font-weight--semi-bold, 600);font-family:var(--font--pattern, 'Roboto');text-wrap:nowrap;cursor:pointer}.pagination-text-right{flex-direction:row-reverse}";
+const ASK_CANCEL_PAGINATION_EVENT = 'ez-grid-pagination:ask-cancel';
+
+const ezGridPaginationCss = ":host{display:block}.pagination__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-content:flex-end;position:relative}ez-popover.cancel-pagination__popover{position:absolute;right:0;bottom:100%;width:0;height:0}.pagination__buttons-container{display:flex;border-radius:50%;background-color:var(--color--ocean-green-90, #E1E2E5);cursor:pointer}.pagination__buttons-container ez-icon{--ez-icon--color:var(--color--ocean-green-600, #008561)}.pagination__buttons-container.disabled{background-color:#DEDEDE;cursor:not-allowed;pointer-events:auto}.pagination__buttons-container.disabled ez-icon{--ez-icon--color:var(--color--petroleum-300, #848D9C);pointer-events:none}.pagination__page-navigator{display:flex;align-items:center}.pagination__row-summary-panel{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);padding:var(--space--8, 8px) var(--space--16, 16px)}.pagination__page-summary-panel{display:flex;align-items:center;padding:var(--space--8, 8px) var(--space--16, 16px);gap:var(--space--4, 4px)}.pagination__container-label{margin:0 var(--space--8, 8px)}.pagination-contracted{width:100px}.pagination-expanded{min-width:150px}.pagination__label{font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);width:100%;white-space:nowrap}.cancel-pagination{display:flex;flex-direction:column;padding:var(--space--12, 12px);gap:var(--space--16, 16px);min-width:304px;max-width:180px;transition:min-width 220ms cubic-bezier(0.4, 0, 0.2, 1),\n              max-width 220ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.cancel-pagination--expanded{min-width:304px}.cancel-pagination__expanded{animation:cancel-pagination-fade-in 220ms cubic-bezier(0.4, 0, 0.2, 1) 60ms both}@keyframes cancel-pagination-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cancel-pagination__trigger{display:flex;flex-direction:row;align-items:center;gap:var(--space--16, 16px);padding:var(--space--4, 4px);border-radius:var(--border-radius--small, 4px);cursor:pointer;outline:none}.cancel-pagination__trigger:focus-visible{box-shadow:0 0 0 2px var(--color--ocean-green-600, #008561)}.cancel-pagination__trigger--expanded{cursor:default;padding-bottom:var(--space--4, 4px)}.cancel-pagination__divider{border:0;border-top:1px solid var(--color--petroleum-100, #C8CCD3);width:100%}.cancel-pagination__label{color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--medium, 16px);font-weight:var(--font-weight--semi-bold, 600);font-family:var(--font--pattern, 'Roboto');white-space:nowrap}.cancel-pagination__expanded{display:flex;flex-direction:column;gap:var(--space--8, 8px)}.cancel-pagination__message{color:var(--color--petroleum-500, #4A5567);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');font-weight:var(--font-weight--regular, 400);margin:0;line-height:1.4}.cancel-pagination__question{color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');font-weight:var(--font-weight--semi-bold, 600);margin-top:16px;margin-bottom:8px}.cancel-pagination__checkbox{display:flex;flex-direction:row;align-items:center;gap:var(--space--8, 8px);color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');cursor:pointer}.cancel-pagination__checkbox input[type=\"checkbox\"]{cursor:pointer;accent-color:var(--color--ocean-green-600, #008561)}.cancel-pagination__actions{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--8, 8px);padding-top:var(--space--4, 4px)}.spin{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;--ez-icon--color:var(--color--ocean-green-600, #008561)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination-text-right{flex-direction:row-reverse}";
 
 const EzGridPagination = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.pageChange = index.createEvent(this, "pageChange", 7);
     this._dataUnitInitialized = false;
+    this._pendingResolve = null;
+    this._collapseTimeout = null;
+    this._suppressedUntilNextAsk = false;
+    this._hoverEnabled = false;
+    this.handleLoadAllChange = (event) => {
+      const target = event.target;
+      this.loadAll = target.checked;
+    };
+    this.handleAskCancelPagination = (event) => {
+      const detail = event.detail;
+      if (!detail || !this.dataUnit)
+        return;
+      if (detail.dataUnitName !== this.dataUnit.name)
+        return;
+      this.resolvePending('CONTINUE');
+      this._pendingResolve = detail.resolve;
+      this._suppressedUntilNextAsk = false;
+      this._hoverEnabled = true;
+      this.loadAll = false;
+      const popover = this._cancelPaginationPopoverElement;
+      if (popover && !popover.opened && typeof popover.showAbove === 'function') {
+        popover.showAbove({ bottom: '4px', right: '4px' });
+      }
+    };
     this.paginationInfo = undefined;
     this.leftButtonDisabled = undefined;
     this.rightButtonDisabled = undefined;
+    this.expanded = false;
+    this.loadAll = false;
     this.paginationCounterMode = 'auto';
     this.dataUnit = undefined;
     this.paginationTextPosition = 'left';
@@ -103,22 +131,54 @@ const EzGridPagination = class {
     this.setStatusButtonPagination();
     this.pageChange.emit(direction);
   }
-  async handleCancelPagination() {
-    var _a;
+  resolvePending(response) {
+    if (!this._pendingResolve)
+      return;
+    const resolve = this._pendingResolve;
+    this._pendingResolve = null;
+    resolve(response);
+  }
+  async handleCancelAction() {
     if (!this.dataUnit)
       return;
     this.dataUnit.cancelPagination = true;
-    await ((_a = this._cancelPaginationPopoverElement) === null || _a === void 0 ? void 0 : _a.hide());
+    this.resolvePending('CANCEL');
+    this._suppressedUntilNextAsk = true;
+    this.collapse();
+    const popover = this._cancelPaginationPopoverElement;
+    if (popover && typeof popover.hide === 'function') {
+      await popover.hide();
+    }
+  }
+  async handleContinueAction() {
+    const response = this.loadAll ? 'LOAD_ALL' : 'CONTINUE';
+    this.resolvePending(response);
+    this._suppressedUntilNextAsk = true;
+    this.loadAll = false;
+    this.collapse();
+    const popover = this._cancelPaginationPopoverElement;
+    if (popover && typeof popover.hide === 'function') {
+      await popover.hide();
+    }
   }
   handleShowCancelPagination() {
-    var _a, _b, _c;
+    const popover = this._cancelPaginationPopoverElement;
     if (!this.hasToShowCancelPagination()) {
-      (_a = this._cancelPaginationPopoverElement) === null || _a === void 0 ? void 0 : _a.hide();
+      if (this._pendingResolve)
+        return;
+      if (popover && typeof popover.hide === 'function')
+        popover.hide();
+      this._hoverEnabled = false;
+      this.collapse();
       return;
     }
-    if ((_b = this._cancelPaginationPopoverElement) === null || _b === void 0 ? void 0 : _b.opened)
+    if (this._suppressedUntilNextAsk)
+      return;
+    if (popover === null || popover === void 0 ? void 0 : popover.opened)
       return;
-    (_c = this._cancelPaginationPopoverElement) === null || _c === void 0 ? void 0 : _c.show('15px');
+    if (popover && typeof popover.showAbove === 'function') {
+      popover.showAbove({ bottom: '4px', right: '4px' });
+    }
   }
   hasToShowCancelPagination() {
     if (!this.dataUnit || !this.paginationInfo)
@@ -126,6 +186,30 @@ const EzGridPagination = class {
     const hasMore = this.paginationInfo.total === undefined;
     return !this.dataUnit.cancelPagination && hasMore && this.paginationInfo.count > this.dataUnit.pageSize;
   }
+  expand() {
+    if (!this._hoverEnabled)
+      return;
+    if (this._collapseTimeout) {
+      clearTimeout(this._collapseTimeout);
+      this._collapseTimeout = null;
+    }
+    this.expanded = true;
+  }
+  collapse() {
+    if (this._collapseTimeout) {
+      clearTimeout(this._collapseTimeout);
+      this._collapseTimeout = null;
+    }
+    this.expanded = false;
+  }
+  scheduleCollapse() {
+    if (this._collapseTimeout)
+      clearTimeout(this._collapseTimeout);
+    this._collapseTimeout = setTimeout(() => {
+      this._collapseTimeout = null;
+      this.expanded = false;
+    }, 120);
+  }
   setPaginationInfo() {
     if (!this.dataUnit) {
       this.paginationInfo = null;
@@ -176,10 +260,21 @@ const EzGridPagination = class {
       core.ElementIDUtils.addIDInfo(this._element);
     }
   }
+  renderCollapsedTrigger() {
+    return (index.h("div", { class: "cancel-pagination__trigger" }, index.h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), index.h("span", { class: "cancel-pagination__label" }, this.i18n('ez-grid-pagination.paginationLabel'))));
+  }
+  renderExpandedContent() {
+    return (index.h("div", { class: "cancel-pagination__expanded", role: "group", "aria-label": this.i18n('ez-grid-pagination.paginationLabel') }, index.h("div", { class: "cancel-pagination__trigger cancel-pagination__trigger--expanded" }, index.h("ez-icon", { iconName: "ellipsis-circle", size: "large", class: "spin" }), index.h("span", { class: "cancel-pagination__label" }, this.i18n('ez-grid-pagination.paginationLabel'))), index.h("hr", { class: "cancel-pagination__divider", "aria-hidden": "true" }), index.h("p", { class: "cancel-pagination__message" }, this.i18n('ez-grid-pagination.largeLoad.line1')), index.h("p", { class: "cancel-pagination__message" }, this.i18n('ez-grid-pagination.largeLoad.line2')), index.h("p", { class: "cancel-pagination__question" }, this.i18n('ez-grid-pagination.largeLoad.line3')), index.h("label", { class: "cancel-pagination__checkbox" }, index.h("input", { type: "checkbox", checked: this.loadAll, onChange: this.handleLoadAllChange }), index.h("span", null, this.i18n('ez-grid-pagination.largeLoad.loadAll'))), index.h("div", { class: "cancel-pagination__actions" }, index.h("ez-button", { class: "cancel-pagination__continue-btn", label: this.i18n('ez-grid-pagination.largeLoad.continue'), size: "small", onClick: () => this.handleContinueAction() }), index.h("ez-button", { class: "cancel-pagination__cancel-btn ez-button--primary", label: this.i18n('ez-grid-pagination.largeLoad.cancel'), size: "small", onClick: () => this.handleCancelAction() }))));
+  }
   renderCancelPagination() {
-    return (index.h("ez-popover", { ref: (element) => (this._cancelPaginationPopoverElement = element), "overlay-type": "none", autoClose: false }, index.h("div", { class: 'cancel-pagination' }, index.h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), index.h("span", { onClick: () => this.handleCancelPagination(), class: 'cancel-pagination-btn' }, this.i18n('ez-grid-pagination.cancelPagination')))));
+    return (index.h("ez-popover", { class: "cancel-pagination__popover", ref: (element) => (this._cancelPaginationPopoverElement = element), "overlay-type": "none", autoClose: false }, index.h("div", { class: {
+        'cancel-pagination': true,
+        'cancel-pagination--expanded': this.expanded,
+      }, onMouseEnter: () => this.expand(), onMouseLeave: () => this.scheduleCollapse() }, this.expanded ? this.renderExpandedContent() : this.renderCollapsedTrigger())));
   }
   async connectedCallback() {
+    this._askCancelListenerBound = this.handleAskCancelPagination.bind(this);
+    document.addEventListener(ASK_CANCEL_PAGINATION_EVENT, this._askCancelListenerBound);
     this.i18n = await index$1.initI18n();
     this.initializeDataUnit();
   }
@@ -187,6 +282,15 @@ const EzGridPagination = class {
     this.addInfoId();
   }
   disconnectedCallback() {
+    if (this._askCancelListenerBound) {
+      document.removeEventListener(ASK_CANCEL_PAGINATION_EVENT, this._askCancelListenerBound);
+      this._askCancelListenerBound = undefined;
+    }
+    if (this._collapseTimeout) {
+      clearTimeout(this._collapseTimeout);
+      this._collapseTimeout = null;
+    }
+    this.resolvePending('CONTINUE');
     if (this.dataUnit && this._dataUnitInitialized && this._dataUnitObserverBound) {
       this.dataUnit.unsubscribe(this._dataUnitObserverBound);
     }

package/dist/cjs/ez-grid.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-const ApplicationUtils = require('./ApplicationUtils-88dfe345.js');
+const ApplicationUtils = require('./ApplicationUtils-9a9185fc.js');
 require('./DialogType-2114c337.js');
 require('./CheckMode-ecb90b87.js');
-const index = require('./index-9739c242.js');
+const index = require('./index-d4a1cad8.js');
 const types = require('./types-6a5df0c7.js');
 require('./FormLayout-fe8da83c.js');
-const searchColumn = require('./search-column-6e90fb19.js');
+const searchColumn = require('./search-column-c04897a9.js');
 const constants = require('./constants-72b7e05e.js');
 const FocusResolver = require('./FocusResolver-885f2173.js');
 const purify = require('./purify-8c74770b.js');

package/dist/cjs/ez-guide-navigator.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a7b0c73d.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('./EzScrollDirection-b2c99895.js');
-const index$1 = require('./index-9739c242.js');
+const index$1 = require('./index-d4a1cad8.js');
 
 const ezGuideNavigatorCss = ":host{--ez-guide-navigator--padding-left:var(--space--large);--ez-guide-navigator--padding-right:var(--space--small);--ez-guide-navigator--box-shadow:var(--shadow, 0px 0px 24px 0px #000);--ez-guide-navigator--background-color:var(--color--inverted);--ez-guide-navigator--border-radius:0px var(--border--radius-medium) var(--border--radius-medium) 0px;--ez-guide-navigator--actions-gap:var(--space--medium);--ez-guide-navigator--actions-margin:var(--space--large) 0 var(--space--medium);--ez-guide-navigator--actions-padding-right:calc(var(--space--medium, 12px) + var(--space--small, 6px))}.inverted{transform:rotate(180deg)}.ez-guide-navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding-left:var(--ez-guide-navigator--padding-left);padding-right:var(--ez-guide-navigator--padding-right);background-color:var(--ez-guide-navigator--background-color);-webkit-box-shadow:var(--ez-guide-navigator--box-shadow);box-shadow:var(--ez-guide-navigator--box-shadow);border-radius:var(--ez-guide-navigator--border-radius)}.ez-guide-navigator__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--ez-guide-navigator--actions-gap);margin:var(--ez-guide-navigator--actions-margin);padding-right:var(--ez-guide-navigator--actions-padding-right)}.hidden{display:none}";