eco-vue-js 0.10.99 → 0.11.0

package/README.md

@@ -38,5 +38,5 @@ The icons in the library are functional Vue components generated from SVG files
 
 Here's an example of how to import an icon named IconCheck:
 ```
-import IconCheck from 'eco-vue-js/dist/assets/icons/default/IconCheck'
+import IconCheck from 'eco-vue-js/dist/assets/icons/IconCheck'
 ```

package/dist/components/ActionsBar/WActionsBar.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, provide, computed, ref, onUnmounted, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, createVNode, renderSlot, markRaw } from 'vue';
 import _sfc_main$1 from '../Button/WButtonAction.vue.js';
-import IconBack from '../../assets/icons/default/IconBack.svg.js';
-import IconFilter from '../../assets/icons/sax/IconFilter.svg.js';
+import IconBack from '../../assets/icons/IconBack.svg.js';
+import IconFilter from '../../assets/icons/IconFilter.svg.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import { wBaseZIndex, BASE_ZINDEX_ACTIONS_BAR } from '../../utils/utils.js';
 import { useActionBarFilter } from './use/useActionsBarFilter.js';

package/dist/components/Auth/utils/utils.d.ts

@@ -1,4 +1,5 @@
 export declare function checkExpirationDate(): boolean | null;
+export declare function updateExpirationDate(date: Date): void;
 export declare function setExpirationDate(): void;
 export declare function removeExpirationDate(): void;
 export declare function setRefreshTimestamp(): void;

package/dist/components/Auth/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/utils/utils.ts"],"names":[],"mappings":"AAmBA,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,IAAI,CAMpD;AAED,wBAAgB,iBAAiB,SAMhC;AAED,wBAAgB,oBAAoB,SAGnC;AAID,wBAAgB,mBAAmB,SAQlC;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAwB5D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/utils/utils.ts"],"names":[],"mappings":"AAyBA,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,IAAI,CAMpD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,QAI9C;AAED,wBAAgB,iBAAiB,SAMhC;AAED,wBAAgB,oBAAoB,SAGnC;AAID,wBAAgB,mBAAmB,SAQlC;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAwB5D"}

package/dist/components/Auth/utils/utils.js

@@ -9,13 +9,22 @@ function getCookie(name) {
   }
   return "";
 }
+function setCookie(name, value, expires) {
+  document.cookie = name + "=" + encodeURIComponent(value) + "; Path=/;" + (expires ? " Expires=" + expires.toUTCString() + ";" : "");
+}
 function deleteCookie(name) {
   document.cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
 }
+const EXP_FACTOR = 1e3;
 function checkExpirationDate() {
   const exp = Number.parseFloat(getCookie(EXPIRATION_DATE_KEY));
   if (!exp || !Number.isFinite(exp)) return null;
-  return exp > Date.now() / 1e3;
+  return exp > Date.now() / EXP_FACTOR;
+}
+function updateExpirationDate(date) {
+  const exp = (date.getTime() / EXP_FACTOR).toString();
+  setCookie(EXPIRATION_DATE_KEY, exp, date);
+  localStorage.setItem(EXPIRATION_DATE_KEY, exp);
 }
 function setExpirationDate() {
   const exp = Number.parseFloat(getCookie(EXPIRATION_DATE_KEY));
@@ -58,4 +67,4 @@ function getLastRefreshPromise() {
   });
 }
 
-export { checkExpirationDate, getLastRefreshPromise, removeExpirationDate, removeRefreshTimestamp, setExpirationDate, setRefreshTimestamp };
+export { checkExpirationDate, getLastRefreshPromise, removeExpirationDate, removeRefreshTimestamp, setExpirationDate, setRefreshTimestamp, updateExpirationDate };

package/dist/components/Button/WButton.vue.d.ts

@@ -21,11 +21,11 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
 }>, {
     skeleton: boolean;
     type: string;
+    target: "_self" | "_blank" | "_parent" | "_top";
     to: import('vue-router').RouterLinkProps["to"];
-    tag: "a" | "button";
-    semanticType: SemanticType;
     disabled: boolean;
-    target: "_self" | "_blank" | "_parent" | "_top";
+    semanticType: SemanticType;
+    tag: "a" | "button";
     href: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: unknown;

package/dist/components/Button/WButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA2EA;AAAA,OA+KO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AAsGzG,iBAAS,cAAc;WA2KT,OAAO,IAA6B;;yBAZrB,GAAG;yBACF,GAAG;;;;;;EAgBhC;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA2EA;AAgLA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AAuGzG,iBAAS,cAAc;WA2KT,OAAO,IAA6B;;yBAZrB,GAAG;yBACF,GAAG;;;;;;EAgBhC;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButton.vue.js

@@ -47,8 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const isNotEnabled = computed(() => isDisabled.value || isSkeleton.value);
     const focus = () => {
-      if (isNotEnabled.value) return;
-      containerRef.value?.focus();
+      if (isNotEnabled.value || !containerRef.value) return;
+      if (containerRef.value instanceof HTMLElement) containerRef.value?.focus();
+      else if ("$el" in containerRef.value && containerRef.value.$el instanceof HTMLElement) containerRef.value.$el.focus();
     };
     let timeout;
     const autofocusDebounced = () => {

package/dist/components/Button/WButtonDropdown.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, createBlock, openBlock, withCtx, createVNode, ren
 import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$4 from '../Tooltip/WTooltip.vue.js';
-import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
+import IconArrow from '../../assets/icons/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import _sfc_main$3 from './WButton.vue.js';
 

package/dist/components/Button/WButtonMore.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, readonly, createElementBlock, openBlock, mergeProps, createVNode, unref, withCtx, normalizeClass, renderSlot, createElementVNode, createBlock, resolveDynamicComponent } from 'vue';
 import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
-import IconMore from '../../assets/icons/default/IconMore.svg.js';
+import IconMore from '../../assets/icons/IconMore.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 
 const _hoisted_1 = ["disabled"];

package/dist/components/Button/WButtonSelection.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, provide, ref, computed, createElementBlock, openBlock, createElementVNode, createBlock, renderSlot, createCommentVNode, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, markRaw, toDisplayString } from 'vue';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
-import IconMore from '../../assets/icons/default/IconMore.svg.js';
+import IconMore from '../../assets/icons/IconMore.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { wBaseZIndex, BASE_ZINDEX_LIST_HEADER, numberFormatter } from '../../utils/utils.js';
 import _sfc_main$3 from './WButtonSelectionAction.vue.js';

package/dist/components/Button/WButtonSelectionState.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, createVNode, unref } from 'vue';
-import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
+import IconCancel from '../../assets/icons/IconCancel.svg.js';
 
 const _hoisted_1 = { class: "sm-not:gap-1 grid grid-cols-[1fr,auto] gap-3" };
 const _hoisted_2 = { class: "sm-not:text-xs text-description self-center truncate whitespace-nowrap font-normal" };

package/dist/components/Button/WButtonTab.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, createBlock, unref, renderSlot, createVNode, normalizeProps, mergeProps, createTextVNode, Suspense, withCtx, resolveDynamicComponent, toDisplayString, guardReactiveProps, Transition } from 'vue';
-import IconCheckCircle from '../../assets/icons/sax/IconCheckCircle.svg.js';
-import IconClose from '../../assets/icons/sax/IconClose.svg.js';
-import IconNegativeInfo from '../../assets/icons/sax/IconNegativeInfo.svg.js';
+import IconCheckCircle from '../../assets/icons/IconCheckCircle.svg.js';
+import IconClose from '../../assets/icons/IconClose.svg.js';
+import IconNegativeInfo from '../../assets/icons/IconNegativeInfo.svg.js';
 import _sfc_main$1 from '../Status/WStatusIcon.vue.js';
 
 const _hoisted_1 = ["disabled"];

package/dist/components/Button/WButtonUnselect.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, unref } from 'vue';
-import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
+import IconCancel from '../../assets/icons/IconCancel.svg.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonUnselect",

package/dist/components/Chart/WChartLinear.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, useTemplateRef, computed, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, renderSlot } from 'vue';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
-import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
+import { DOMListenerContainer } from '../../utils/DOMListenerContainer.js';
 import { dateFormat } from '../../utils/dateTime.js';
 import { useComponentStatesSkeleton } from '../../utils/useComponentStates.js';
 import _sfc_main$1 from './components/ChartAxis.vue.js';

package/dist/components/Checkbox/WCheckbox.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, useTemplateRef, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, withKeys, normalizeClass, withModifiers, createVNode, createBlock, withDirectives, Transition, withCtx, vShow, resolveDynamicComponent, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
-import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
+import IconCheck from '../../assets/icons/IconCheck.svg.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
 
 const _hoisted_1 = ["onKeypress"];

package/dist/components/DatePicker/components/CalendarToggle.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, createVNode, unref, Transition, withCtx, toDisplayString } from 'vue';
-import IconArrow from '../../../assets/icons/default/IconArrow.svg.js';
+import IconArrow from '../../../assets/icons/IconArrow.svg.js';
 
 const _hoisted_1 = { class: "my-2 flex h-8 w-full items-center" };
 const _hoisted_2 = { class: "relative overflow-hidden" };

package/dist/components/DragContainer/use/useDragContainer.js

@@ -1,28 +1,5 @@
 import { ref, computed } from 'vue';
-import '../../Button/WButtonAction.vue.js';
-import '../../../utils/SemanticType.js';
 import { genId } from '../../../utils/utils.js';
-import '../../ActionsBar/use/useActionsBarFilter.js';
-import 'vue-router';
-import '@tanstack/vue-query';
-import '../../Button/WButton.vue.js';
-import '../../../utils/mobile.js';
-import '../../Tooltip/models/tooltipMeta.js';
-import '../../Button/WButtonDropdown.vue.js';
-import '../../../utils/supportsPassive.js';
-import '../../Dropdown/utils/DropdownStyle.js';
-import '../../Chip/WChip.vue.js';
-import '../../../utils/Modal.js';
-import '../../Input/WInputSuggest.vue.js';
-import '../../HeaderBar/use/useHeader.js';
-import '../../HeaderBar/use/useHeaderSearch.js';
-import '../../HeaderBar/use/useHeaderSearchVisible.js';
-import '../../InfoCard/models/utils.js';
-import '../../Input/WInputDate.vue.js';
-import '../../Link/WLink.vue.js';
-import '../../List/WList.vue.js';
-import '../../Modal/use/useIsBackdrop.js';
-import '../../Page/use/usePageBreadcrumbs.js';
 
 const dragIdCurrent = ref(null);
 const useDragContainer = () => {

package/dist/components/Dropdown/WDropdown.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, renderSlot, mergeProps } from 'vue';
-import DOMListenerContainer from '../../utils/DOMListenerContainer.js';
+import { defineComponent, useTemplateRef, ref, computed, onBeforeMount, onMounted, onBeforeUnmount, watch, toRef, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, unref, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { DOMListenerContainer } from '../../utils/DOMListenerContainer.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { isClientSide, getAllScrollParents } from '../../utils/utils.js';
-import { horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
+import { OriginX, OriginY, horizontalGetterOrderMap, searchStyleGetter, LeftCenter, LeftOuter, LeftInner, RightOuter, RightInner } from './utils/DropdownStyle.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdown",
@@ -28,37 +28,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isLeftCenter = ref(false);
     const isLeft = ref(false);
     const isRight = ref(false);
-    const widthStyle = ref({});
-    const heightStyle = ref({});
-    const horizontalStyle = ref({});
-    const verticalStyle = ref({});
+    const x = ref(0);
+    const y = ref(0);
+    const width = ref(0);
+    const height = ref(0);
+    const originX = ref(OriginX.LEFT);
+    const originY = ref(OriginY.TOP);
     const order = computed(() => horizontalGetterOrderMap[props.horizontalAlign]);
-    const styles = computed(() => {
-      return {
-        ...widthStyle.value,
-        ...heightStyle.value,
-        ...horizontalStyle.value,
-        ...verticalStyle.value
-      };
-    });
     const setParentRect = (updateSize = false, updateAlign = false) => {
       const newRect = props.parentElement.getBoundingClientRect();
       const isLeftChanged = newRect.left !== parentRect?.left;
       const isTopChanged = newRect.top !== parentRect?.top || newRect.bottom !== parentRect?.bottom;
       if (!horizontalGetter || isLeftChanged && (props.updateAlign || updateAlign)) {
         horizontalGetter = searchStyleGetter(order.value, newRect, props.maxWidth);
+        originX.value = horizontalGetter.origin;
         isLeftCenter.value = horizontalGetter instanceof LeftCenter;
         isLeft.value = horizontalGetter instanceof LeftOuter || horizontalGetter instanceof LeftInner;
         isRight.value = horizontalGetter instanceof RightOuter || horizontalGetter instanceof RightInner;
-        if (updateSize) widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
+        if (updateSize) width.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
       }
       if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
         verticalGetter = props.top ? horizontalGetter.verticalGetterOrder[1] : props.bottom ? horizontalGetter.verticalGetterOrder[0] : searchStyleGetter(horizontalGetter.verticalGetterOrder, newRect, props.maxHeight);
+        originY.value = verticalGetter.origin;
         isTop.value = verticalGetter.isTop;
-        if (updateSize) heightStyle.value = verticalGetter.heightStyleGetter(newRect, props.maxHeight);
+        if (updateSize) height.value = verticalGetter.heightStyleGetter(newRect, props.maxHeight);
       }
-      if (isLeftChanged) horizontalStyle.value = horizontalGetter.styleGetter(newRect);
-      if (isTopChanged) verticalStyle.value = verticalGetter.styleGetter(newRect);
+      if (isLeftChanged) x.value = horizontalGetter.styleGetter(newRect);
+      if (isTopChanged) y.value = verticalGetter.styleGetter(newRect);
       if (isLeftChanged || isTopChanged) parentRect = newRect;
     };
     onBeforeMount(() => {
@@ -98,20 +94,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref: "dropdown",
-        style: normalizeStyle(styles.value),
-        class: normalizeClass(["group/dropdown fixed grid h-auto", {
-          "dropdown-top": isTop.value,
-          "content-center": _ctx.horizontalAlign === unref(HorizontalAlign).LEFT_CENTER || _ctx.horizontalAlign === unref(HorizontalAlign).RIGHT_CENTER,
-          "justify-end": isLeftCenter.value,
-          "justify-center": _ctx.horizontalAlign === unref(HorizontalAlign).CENTER
-        }])
+        style: normalizeStyle([{
+          "--dropdown-x": x.value + "px",
+          "--dropdown-y": y.value + "px"
+        }, { "transform": "translate(var(--dropdown-x, 0px), var(--dropdown-y, 0px))" }]),
+        class: normalizeClass(["group/dropdown width-0 height-0 fixed left-0 top-0 grid will-change-transform", [
+          {
+            "dropdown-top": isTop.value
+          },
+          originX.value,
+          originY.value
+        ]])
       }, [
-        renderSlot(_ctx.$slots, "default", mergeProps({ isTop: isTop.value, isLeft: isLeft.value, isRight: isRight.value }, {
-          left: styles.value.left,
-          right: styles.value.right,
-          top: styles.value.top,
-          bottom: styles.value.bottom
-        }))
+        createElementVNode("div", {
+          style: normalizeStyle([{
+            "--dropdown-width": width.value !== void 0 ? width.value + "px" : void 0,
+            "--dropdown-height": height.value !== void 0 ? height.value + "px" : void 0,
+            width: props.horizontalAlign === unref(HorizontalAlign).FILL ? "var(--dropdown-width)" : "max-content"
+          }, { "max-width": "var(--dropdown-width)", "max-height": "var(--dropdown-height)" }])
+        }, [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ isTop: isTop.value, isLeft: isLeft.value, isRight: isRight.value, x: x.value, y: y.value, originX: originX.value, originY: originY.value })))
+        ], 4)
       ], 6);
     };
   }

package/dist/components/Dropdown/types.d.ts

@@ -1,3 +1,4 @@
+import { OriginX, OriginY } from './utils/DropdownStyle';
 import { HorizontalAlign } from '../../utils/HorizontalAlign';
 export interface DropdownProps {
     maxHeight: number;
@@ -10,10 +11,10 @@ export interface DropdownProps {
     emitUpdate?: boolean;
 }
 export type DropdownDefaultSlotScope = {
-    left: string;
-    right: string;
-    top: string;
-    bottom: string;
+    x: number;
+    y: number;
+    originX: OriginX;
+    originY: OriginY;
     isTop: boolean;
     isLeft: boolean;
     isRight: boolean;

package/dist/components/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/dist/components/Dropdown/utils/DropdownStyle.d.ts

@@ -1,84 +1,85 @@
 import { HorizontalAlign } from '../../../utils/HorizontalAlign';
 interface StyleGetter {
-    styleGetter(parentRect: DOMRect): Record<string, string>;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeightOrWidth: number): number;
 }
+export declare enum OriginY {
+    TOP = "content-start",
+    BOTTOM = "content-end",
+    CENTER = "content-center"
+}
 export declare abstract class VerticalGetter implements StyleGetter {
     abstract isTop: boolean;
-    abstract styleGetter(parentRect: DOMRect): Record<string, string>;
+    abstract origin: OriginY;
+    abstract styleGetter(parentRect: DOMRect): number;
     abstract marginGetter(parentRect: DOMRect, maxHeight: number): number;
-    heightStyleGetter(parentRect: DOMRect, maxHeight: number): Record<string, string>;
+    heightStyleGetter(parentRect: DOMRect, maxHeight: number): number | undefined;
 }
 declare class BottomInner extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        top: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
 declare class BottomOuter extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        top: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
 declare class VerticalCenter extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        top: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(): number;
-    heightStyleGetter(): {
-        height: string;
-    };
+    heightStyleGetter(): undefined;
 }
 declare class TopOuter extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        bottom: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
 declare class TopInner extends VerticalGetter {
     isTop: boolean;
-    styleGetter(parentRect: DOMRect): {
-        bottom: string;
-    };
+    origin: OriginY;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxHeight: number): number;
 }
+export declare enum OriginX {
+    LEFT = "justify-start",
+    RIGHT = "justify-end",
+    CENTER = "justify-center"
+}
 export declare abstract class HorizontalGetter implements StyleGetter {
+    abstract origin: OriginX;
     abstract verticalGetterOrder: Array<VerticalGetter>;
-    abstract styleGetter(parentRect: DOMRect): Record<string, string>;
+    abstract styleGetter(parentRect: DOMRect): number;
     abstract marginGetter(parentRect: DOMRect, maxWidth: number): number;
-    widthStyleGetter(parentRect: DOMRect, maxWidth: number): Record<string, string>;
+    widthStyleGetter(parentRect: DOMRect, maxWidth: number): number | undefined;
 }
 export declare class RightOuter extends HorizontalGetter {
     verticalGetterOrder: (BottomInner | TopInner)[];
-    styleGetter(parentRect: DOMRect): {
-        left: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class RightInner extends HorizontalGetter {
     verticalGetterOrder: (BottomOuter | TopOuter)[];
-    styleGetter(parentRect: DOMRect): {
-        left: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class LeftInner extends HorizontalGetter {
     verticalGetterOrder: (BottomOuter | TopOuter)[];
-    styleGetter(parentRect: DOMRect): {
-        right: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class LeftOuter extends HorizontalGetter {
     verticalGetterOrder: (BottomInner | TopInner)[];
-    styleGetter(parentRect: DOMRect): {
-        right: string;
-    };
+    origin: OriginX;
+    styleGetter(parentRect: DOMRect): number;
     marginGetter(parentRect: DOMRect, maxWidth: number): number;
 }
 export declare class LeftCenter extends LeftOuter {

package/dist/components/Dropdown/utils/DropdownStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"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"}