@7pmlabs/design-system 0.5.11 → 0.6.0

package/dist/design-system126.js

@@ -1,2 +1,2 @@
-"use strict";function e(t){return t!=null&&typeof t=="object"}module.exports=e;
+"use strict";const e=require("./design-system113.js");module.exports=e;
 //# sourceMappingURL=design-system126.js.map

package/dist/design-system126.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system126.js","sources":["../node_modules/lodash-es/isObjectLike.js"],"sourcesContent":["/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\nexport default isObjectLike;\n"],"names":["isObjectLike","value"],"mappings":"aAwBA,SAASA,EAAaC,EAAO,CAC3B,OAAOA,GAAS,MAAQ,OAAOA,GAAS,QAC1C","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system126.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system126.mjs

@@ -1,7 +1,5 @@
-function e(t) {
-  return t != null && typeof t == "object";
-}
+import f from "./design-system113.mjs";
 export {
-  e as default
+  f as default
 };
 //# sourceMappingURL=design-system126.mjs.map

package/dist/design-system126.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system126.mjs","sources":["../node_modules/lodash-es/isObjectLike.js"],"sourcesContent":["/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\nexport default isObjectLike;\n"],"names":["isObjectLike","value"],"mappings":"AAwBA,SAASA,EAAaC,GAAO;AAC3B,SAAOA,KAAS,QAAQ,OAAOA,KAAS;AAC1C;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system126.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system127.js

@@ -1,2 +1,2 @@
-"use strict";var r=Array.isArray;const s=r;module.exports=s;
+"use strict";const e=require("./design-system114.js");module.exports=e;
 //# sourceMappingURL=design-system127.js.map

package/dist/design-system127.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system127.js","sources":["../node_modules/lodash-es/isArray.js"],"sourcesContent":["/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\nexport default isArray;\n"],"names":["isArray","isArray$1"],"mappings":"aAuBA,IAAIA,EAAU,MAAM,QAEpB,MAAAC,EAAeD","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system127.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system127.mjs

@@ -1,6 +1,5 @@
-var r = Array.isArray;
-const a = r;
+import f from "./design-system114.mjs";
 export {
-  a as default
+  f as default
 };
 //# sourceMappingURL=design-system127.mjs.map

package/dist/design-system127.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system127.mjs","sources":["../node_modules/lodash-es/isArray.js"],"sourcesContent":["/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\nexport default isArray;\n"],"names":["isArray","isArray$1"],"mappings":"AAuBA,IAAIA,IAAU,MAAM;AAEpB,MAAAC,IAAeD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system127.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system128.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system129.js"),t=require("./design-system130.js");function i(n){return n!=null&&t(n.length)&&!r(n)}module.exports=i;
+"use strict";const t=require("vue"),h=require("./design-system2.js"),k={class:"b-date-picker__grid-date-range ds-space-y-3"},R={class:"ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400"},_={class:"date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7"},f=["onClick"],D=t.defineComponent({__name:"BDatePickerGridDateRange",props:{dateRange:{},dates:{}},emits:["select:date"],setup(g,{emit:i}){const a=g,m=i,{dayShortNames:o}=h.useDate(),u=({year:s,month:n,date:e})=>{if(a.dateRange.length<2)return!1;const c=new Date(a.dateRange[0].year,a.dateRange[0].month,a.dateRange[0].date),y=new Date(a.dateRange[1].year,a.dateRange[1].month,a.dateRange[1].date),l=new Date(s,n,e);return c<l&&l<y},d=({year:s,month:n,date:e})=>a.dateRange.length>0?s===a.dateRange[0].year&&n===a.dateRange[0].month&&e===a.dateRange[0].date:!1,r=({year:s,month:n,date:e})=>a.dateRange.length===2?s===a.dateRange[1].year&&n===a.dateRange[1].month&&e===a.dateRange[1].date:!1,p=({year:s,month:n,date:e,disabled:c})=>{c||m("select:date",{year:s,month:n,date:e})};return(s,n)=>(t.openBlock(),t.createElementBlock("div",k,[t.createElementVNode("div",R,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(Object.keys(t.unref(o)).length,e=>(t.openBlock(),t.createElementBlock("div",{key:e,class:"ds-flex ds-justify-center"},t.toDisplayString(e-1===6?t.unref(o)[0]:t.unref(o)[e]),1))),128))]),t.createElementVNode("div",_,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.dates,e=>(t.openBlock(),t.createElementBlock("div",{key:`${e.date}${e.month}${e.year}`,class:t.normalizeClass([{"*:hover:ds-bg-gray-150":!e.disabled&&!d(e)&&!r(e),"--selected":d(e)||r(e),"--start":d(e),"--end":r(e)},"date-item group ds-cursor-pointer ds-p-0.5"]),onClick:c=>p(e)},[t.createElementVNode("div",{class:t.normalizeClass([{"ds-text-gray-400":!e.disabled&&e.secondary,"ds-text-gray-200":e.disabled,"ds-bg-primary-t ds-text-white":d(e)||r(e),"ds-bg-primary-t/10":u(e)},"date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg ds-transition-all"])},t.toDisplayString(e.date),3)],10,f))),128))])]))}});module.exports=D;
 //# sourceMappingURL=design-system128.js.map

package/dist/design-system128.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system128.js","sources":["../node_modules/lodash-es/isArrayLike.js"],"sourcesContent":["import isFunction from './isFunction.js';\nimport isLength from './isLength.js';\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\nexport default isArrayLike;\n"],"names":["isArrayLike","value","isLength","isFunction"],"mappings":"yFA4BA,SAASA,EAAYC,EAAO,CAC1B,OAAOA,GAAS,MAAQC,EAASD,EAAM,MAAM,GAAK,CAACE,EAAWF,CAAK,CACrE","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system128.js","sources":["../src/components/BDatePicker/BDatePickerGridDateRange.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-46467ac7\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-date-picker__grid-date-range ds-space-y-3\" }\nconst _hoisted_2 = { class: \"ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400\" }\nconst _hoisted_3 = { class: \"date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7\" }\nconst _hoisted_4 = [\"onClick\"]\n\nimport type { BDatePickerDateItem } from '@/types';\nimport { useDate } from '@/composables/Date';\n\n// https://tailwindcss.com/docs/functions-and-directives#theme\n// https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state\n\n//#region Props\ninterface BDatePickerDateGridProps {\n  dateRange: BDatePickerDateItem[];\n  dates: BDatePickerDateItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePickerGridDateRange',\n  props: {\n    dateRange: {},\n    dates: {}\n  },\n  emits: [\"select:date\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { dayShortNames } = useDate();\n//#endregion\n\n//#region Methods\nconst isWithin = ({ year, month, date }: BDatePickerDateItem) => {\n  if (props.dateRange.length < 2) {\n    return false;\n  }\n\n  const startDate = new Date(\n    props.dateRange[0].year!,\n    props.dateRange[0].month!,\n    props.dateRange[0].date!,\n  );\n  const endDate = new Date(\n    props.dateRange[1].year!,\n    props.dateRange[1].month!,\n    props.dateRange[1].date!,\n  );\n  const d = new Date(year!, month!, date);\n\n  return startDate < d && d < endDate;\n};\nconst isSelectedStart = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length > 0\n    ? year === props.dateRange[0].year &&\n      month === props.dateRange[0].month &&\n      date === props.dateRange[0].date\n    : false;\nconst isSelectedEnd = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length === 2\n    ? year === props.dateRange[1].year &&\n      month === props.dateRange[1].month &&\n      date === props.dateRange[1].date\n    : false;\nconst handleSelectDate = ({\n  year,\n  month,\n  date,\n  disabled,\n}: BDatePickerDateItem) => {\n  if (disabled) {\n    return;\n  }\n  emit('select:date', { year, month, date });\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(_unref(dayShortNames)).length, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: i,\n          class: \"ds-flex ds-justify-center\"\n        }, _toDisplayString(i - 1 === 6 ? _unref(dayShortNames)[0] : _unref(dayShortNames)[i]), 1))\n      }), 128))\n    ]),\n    _createElementVNode(\"div\", _hoisted_3, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dates, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: `${i.date}${i.month}${i.year}`,\n          class: _normalizeClass([{\n          '*:hover:ds-bg-gray-150':\n            !i.disabled && !isSelectedStart(i) && !isSelectedEnd(i),\n          '--selected': isSelectedStart(i) || isSelectedEnd(i),\n          '--start': isSelectedStart(i),\n          '--end': isSelectedEnd(i),\n        }, \"date-item group ds-cursor-pointer ds-p-0.5\"]),\n          onClick: ($event: any) => (handleSelectDate(i))\n        }, [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass([{\n            'ds-text-gray-400': !i.disabled && i.secondary,\n            'ds-text-gray-200': i.disabled,\n            'ds-bg-primary-t ds-text-white':\n              isSelectedStart(i) || isSelectedEnd(i),\n            'ds-bg-primary-t/10': isWithin(i),\n          }, \"date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg ds-transition-all\"])\n          }, _toDisplayString(i.date), 3)\n        ], 10, _hoisted_4))\n      }), 128))\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","dayShortNames","useDate","isWithin","year","month","date","startDate","endDate","d","isSelectedStart","isSelectedEnd","handleSelectDate","disabled","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","i","_toDisplayString","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system128.mjs

@@ -1,9 +1,66 @@
-import t from "./design-system129.mjs";
-import i from "./design-system130.mjs";
-function e(r) {
-  return r != null && i(r.length) && !t(r);
-}
+import { defineComponent as b, openBlock as d, createElementBlock as n, createElementVNode as g, Fragment as u, renderList as p, unref as i, toDisplayString as y, normalizeClass as h } from "vue";
+import { useDate as v } from "./design-system2.mjs";
+const w = { class: "b-date-picker__grid-date-range ds-space-y-3" }, S = { class: "ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400" }, C = { class: "date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7" }, $ = ["onClick"], E = /* @__PURE__ */ b({
+  __name: "BDatePickerGridDateRange",
+  props: {
+    dateRange: {},
+    dates: {}
+  },
+  emits: ["select:date"],
+  setup(f, { emit: R }) {
+    const t = f, _ = R, { dayShortNames: l } = v(), x = ({ year: a, month: s, date: e }) => {
+      if (t.dateRange.length < 2)
+        return !1;
+      const c = new Date(
+        t.dateRange[0].year,
+        t.dateRange[0].month,
+        t.dateRange[0].date
+      ), k = new Date(
+        t.dateRange[1].year,
+        t.dateRange[1].month,
+        t.dateRange[1].date
+      ), m = new Date(a, s, e);
+      return c < m && m < k;
+    }, r = ({ year: a, month: s, date: e }) => t.dateRange.length > 0 ? a === t.dateRange[0].year && s === t.dateRange[0].month && e === t.dateRange[0].date : !1, o = ({ year: a, month: s, date: e }) => t.dateRange.length === 2 ? a === t.dateRange[1].year && s === t.dateRange[1].month && e === t.dateRange[1].date : !1, D = ({
+      year: a,
+      month: s,
+      date: e,
+      disabled: c
+    }) => {
+      c || _("select:date", { year: a, month: s, date: e });
+    };
+    return (a, s) => (d(), n("div", w, [
+      g("div", S, [
+        (d(!0), n(u, null, p(Object.keys(i(l)).length, (e) => (d(), n("div", {
+          key: e,
+          class: "ds-flex ds-justify-center"
+        }, y(e - 1 === 6 ? i(l)[0] : i(l)[e]), 1))), 128))
+      ]),
+      g("div", C, [
+        (d(!0), n(u, null, p(a.dates, (e) => (d(), n("div", {
+          key: `${e.date}${e.month}${e.year}`,
+          class: h([{
+            "*:hover:ds-bg-gray-150": !e.disabled && !r(e) && !o(e),
+            "--selected": r(e) || o(e),
+            "--start": r(e),
+            "--end": o(e)
+          }, "date-item group ds-cursor-pointer ds-p-0.5"]),
+          onClick: (c) => D(e)
+        }, [
+          g("div", {
+            class: h([{
+              "ds-text-gray-400": !e.disabled && e.secondary,
+              "ds-text-gray-200": e.disabled,
+              "ds-bg-primary-t ds-text-white": r(e) || o(e),
+              "ds-bg-primary-t/10": x(e)
+            }, "date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg ds-transition-all"])
+          }, y(e.date), 3)
+        ], 10, $))), 128))
+      ])
+    ]));
+  }
+});
 export {
-  e as default
+  E as default
 };
 //# sourceMappingURL=design-system128.mjs.map

package/dist/design-system128.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system128.mjs","sources":["../node_modules/lodash-es/isArrayLike.js"],"sourcesContent":["import isFunction from './isFunction.js';\nimport isLength from './isLength.js';\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\nexport default isArrayLike;\n"],"names":["isArrayLike","value","isLength","isFunction"],"mappings":";;AA4BA,SAASA,EAAYC,GAAO;AAC1B,SAAOA,KAAS,QAAQC,EAASD,EAAM,MAAM,KAAK,CAACE,EAAWF,CAAK;AACrE;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system128.mjs","sources":["../src/components/BDatePicker/BDatePickerGridDateRange.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-46467ac7\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-date-picker__grid-date-range ds-space-y-3\" }\nconst _hoisted_2 = { class: \"ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400\" }\nconst _hoisted_3 = { class: \"date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7\" }\nconst _hoisted_4 = [\"onClick\"]\n\nimport type { BDatePickerDateItem } from '@/types';\nimport { useDate } from '@/composables/Date';\n\n// https://tailwindcss.com/docs/functions-and-directives#theme\n// https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state\n\n//#region Props\ninterface BDatePickerDateGridProps {\n  dateRange: BDatePickerDateItem[];\n  dates: BDatePickerDateItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePickerGridDateRange',\n  props: {\n    dateRange: {},\n    dates: {}\n  },\n  emits: [\"select:date\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { dayShortNames } = useDate();\n//#endregion\n\n//#region Methods\nconst isWithin = ({ year, month, date }: BDatePickerDateItem) => {\n  if (props.dateRange.length < 2) {\n    return false;\n  }\n\n  const startDate = new Date(\n    props.dateRange[0].year!,\n    props.dateRange[0].month!,\n    props.dateRange[0].date!,\n  );\n  const endDate = new Date(\n    props.dateRange[1].year!,\n    props.dateRange[1].month!,\n    props.dateRange[1].date!,\n  );\n  const d = new Date(year!, month!, date);\n\n  return startDate < d && d < endDate;\n};\nconst isSelectedStart = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length > 0\n    ? year === props.dateRange[0].year &&\n      month === props.dateRange[0].month &&\n      date === props.dateRange[0].date\n    : false;\nconst isSelectedEnd = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length === 2\n    ? year === props.dateRange[1].year &&\n      month === props.dateRange[1].month &&\n      date === props.dateRange[1].date\n    : false;\nconst handleSelectDate = ({\n  year,\n  month,\n  date,\n  disabled,\n}: BDatePickerDateItem) => {\n  if (disabled) {\n    return;\n  }\n  emit('select:date', { year, month, date });\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(_unref(dayShortNames)).length, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: i,\n          class: \"ds-flex ds-justify-center\"\n        }, _toDisplayString(i - 1 === 6 ? _unref(dayShortNames)[0] : _unref(dayShortNames)[i]), 1))\n      }), 128))\n    ]),\n    _createElementVNode(\"div\", _hoisted_3, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dates, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: `${i.date}${i.month}${i.year}`,\n          class: _normalizeClass([{\n          '*:hover:ds-bg-gray-150':\n            !i.disabled && !isSelectedStart(i) && !isSelectedEnd(i),\n          '--selected': isSelectedStart(i) || isSelectedEnd(i),\n          '--start': isSelectedStart(i),\n          '--end': isSelectedEnd(i),\n        }, \"date-item group ds-cursor-pointer ds-p-0.5\"]),\n          onClick: ($event: any) => (handleSelectDate(i))\n        }, [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass([{\n            'ds-text-gray-400': !i.disabled && i.secondary,\n            'ds-text-gray-200': i.disabled,\n            'ds-bg-primary-t ds-text-white':\n              isSelectedStart(i) || isSelectedEnd(i),\n            'ds-bg-primary-t/10': isWithin(i),\n          }, \"date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg ds-transition-all\"])\n          }, _toDisplayString(i.date), 3)\n        ], 10, _hoisted_4))\n      }), 128))\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","dayShortNames","useDate","isWithin","year","month","date","startDate","endDate","d","isSelectedStart","isSelectedEnd","handleSelectDate","disabled","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","i","_toDisplayString","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system129.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system138.js"),c=require("./design-system139.js");var r="[object AsyncFunction]",o="[object Function]",a="[object GeneratorFunction]",i="[object Proxy]";function s(n){if(!c(n))return!1;var t=e(n);return t==o||t==a||t==r||t==i}module.exports=s;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system129.js.map

package/dist/design-system129.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system129.js","sources":["../node_modules/lodash-es/isFunction.js"],"sourcesContent":["import baseGetTag from './_baseGetTag.js';\nimport isObject from './isObject.js';\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n    funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 9 which returns 'object' for typed arrays and other constructors.\n  var tag = baseGetTag(value);\n  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nexport default isFunction;\n"],"names":["asyncTag","funcTag","genTag","proxyTag","isFunction","value","isObject","tag","baseGetTag"],"mappings":"yFAIA,IAAIA,EAAW,yBACXC,EAAU,oBACVC,EAAS,6BACTC,EAAW,iBAmBf,SAASC,EAAWC,EAAO,CACzB,GAAI,CAACC,EAASD,CAAK,EACjB,MAAO,GAIT,IAAIE,EAAMC,EAAWH,CAAK,EAC1B,OAAOE,GAAON,GAAWM,GAAOL,GAAUK,GAAOP,GAAYO,GAAOJ,CACtE","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system129.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system129.mjs

@@ -1,13 +1,5 @@
-import o from "./design-system138.mjs";
-import r from "./design-system139.mjs";
-var e = "[object AsyncFunction]", a = "[object Function]", c = "[object GeneratorFunction]", i = "[object Proxy]";
-function g(n) {
-  if (!r(n))
-    return !1;
-  var t = o(n);
-  return t == a || t == c || t == e || t == i;
-}
+const e = "";
 export {
-  g as default
+  e as default
 };
 //# sourceMappingURL=design-system129.mjs.map

package/dist/design-system129.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system129.mjs","sources":["../node_modules/lodash-es/isFunction.js"],"sourcesContent":["import baseGetTag from './_baseGetTag.js';\nimport isObject from './isObject.js';\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n    funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 9 which returns 'object' for typed arrays and other constructors.\n  var tag = baseGetTag(value);\n  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nexport default isFunction;\n"],"names":["asyncTag","funcTag","genTag","proxyTag","isFunction","value","isObject","tag","baseGetTag"],"mappings":";;AAIA,IAAIA,IAAW,0BACXC,IAAU,qBACVC,IAAS,8BACTC,IAAW;AAmBf,SAASC,EAAWC,GAAO;AACzB,MAAI,CAACC,EAASD,CAAK;AACjB,WAAO;AAIT,MAAIE,IAAMC,EAAWH,CAAK;AAC1B,SAAOE,KAAON,KAAWM,KAAOL,KAAUK,KAAOP,KAAYO,KAAOJ;AACtE;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system129.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system13.js

@@ -1,8 +1,2 @@
-"use strict";const a=require("vue"),c=require("./design-system109.js"),i=require("./design-system102.js"),F=require("./design-system52.js"),j=require("./design-system107.js"),O=require("./design-system3.js"),x=require("./design-system4.js"),L=require("./design-system5.js"),v=require("./design-system6.js"),A=require("./design-system51.js"),U=require("./design-system31.js"),G=require("./design-system32.js"),J=require("./design-system103.js"),K={class:"ds-relative"},Q=["id","disabled","placeholder"],W=["id","disabled"],X=["for"],Z=["for"],ee=a.createElementVNode("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z"},null,-1),se=[ee],te=a.defineComponent({__name:"BDatePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:""},maxDate:{default:""},showHintToday:{type:Boolean,default:!1},view:{default:L.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(B,{emit:q}){const t=B,l=q,{t:e,locale:H}=F.useI18n(),u=`DD${x.DateDelimiter}MM${x.DateDelimiter}YYYY`,p=new Date;let d,r;const g=a.ref(null),C={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||e("ds.global.field_required")},b=a.ref(),n=a.computed(()=>t.inputId||`id-${J()}`),V=a.computed({get(){return t.modelValue},set(s){l("update:modelValue",s)}}),S=a.computed(()=>[{content:e("ds.components.base.date_picker.buttons.cancel"),className:"ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",onClick:s=>{s.clear(),a.nextTick(()=>{_()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${n.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,onClick:s=>{V.value=b.value!==void 0?b.value:"",a.nextTick(()=>{_()}),s.hide()},attrs:t.required?{disabled:""}:void 0}]),D=a.computed(()=>{const s={days:[e("ds.components.base.date_picker.days.sunday"),e("ds.components.base.date_picker.days.monday"),e("ds.components.base.date_picker.days.tuesday"),e("ds.components.base.date_picker.days.wednesday"),e("ds.components.base.date_picker.days.thursday"),e("ds.components.base.date_picker.days.friday"),e("ds.components.base.date_picker.days.saturday")],daysShort:[e("ds.components.base.date_picker.days_short.sunday"),e("ds.components.base.date_picker.days_short.monday"),e("ds.components.base.date_picker.days_short.tuesday"),e("ds.components.base.date_picker.days_short.wednesday"),e("ds.components.base.date_picker.days_short.thursday"),e("ds.components.base.date_picker.days_short.friday"),e("ds.components.base.date_picker.days_short.saturday")],daysMin:[e("ds.components.base.date_picker.days_min.sunday"),e("ds.components.base.date_picker.days_min.monday"),e("ds.components.base.date_picker.days_min.tuesday"),e("ds.components.base.date_picker.days_min.wednesday"),e("ds.components.base.date_picker.days_min.thursday"),e("ds.components.base.date_picker.days_min.friday"),e("ds.components.base.date_picker.days_min.saturday")],months:[e("ds.components.base.date_picker.months.january"),e("ds.components.base.date_picker.months.february"),e("ds.components.base.date_picker.months.march"),e("ds.components.base.date_picker.months.april"),e("ds.components.base.date_picker.months.may"),e("ds.components.base.date_picker.months.june"),e("ds.components.base.date_picker.months.july"),e("ds.components.base.date_picker.months.august"),e("ds.components.base.date_picker.months.september"),e("ds.components.base.date_picker.months.october"),e("ds.components.base.date_picker.months.november"),e("ds.components.base.date_picker.months.december")],monthsShort:[e("ds.components.base.date_picker.months_short.january"),e("ds.components.base.date_picker.months_short.february"),e("ds.components.base.date_picker.months_short.march"),e("ds.components.base.date_picker.months_short.april"),e("ds.components.base.date_picker.months_short.may"),e("ds.components.base.date_picker.months_short.june"),e("ds.components.base.date_picker.months_short.july"),e("ds.components.base.date_picker.months_short.august"),e("ds.components.base.date_picker.months_short.september"),e("ds.components.base.date_picker.months_short.october"),e("ds.components.base.date_picker.months_short.november"),e("ds.components.base.date_picker.months_short.december")],today:e("ds.components.base.date_picker.buttons.today"),clear:e("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:m})=>{b.value=m,t.required&&I(!!m)};return{locale:s,selectedDates:[t.modelValue],onSelect:o,buttons:[...S.value],showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:t.minDate,maxDate:t.maxDate,view:t.view,onHide:$,onShow:E,navTitles:{days:"MMMM yyyy"},position:t.position,prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
-                   viewBox="0 0 320 512">
-                  <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
-              </svg>`,nextHtml:`<svg xmlns="http://www.w3.org/2000/svg"
-                   viewBox="0 0 320 512">
-                  <path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/>
-              </svg>`}}),z=a.computed(()=>{let s=[];return t.required&&s.push(C),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),w=a.computed(()=>["ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]",{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!f.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":f.value.valid,"!ds-border-focus ds-ring-1 ds-ring-focus":k.value},t.inputCssClass]),P=a.computed(()=>t.modelValue?p.getDate()===t.modelValue.getDate()&&p.getMonth()===t.modelValue.getMonth()&&p.getFullYear()===t.modelValue.getFullYear():!1),R=a.computed(()=>{const s={mask:c.MaskedDate,pattern:u,lazy:!0,format:o=>i(o).format(u),parse:o=>i(o,u),blocks:{YYYY:{mask:c.MaskedRange,from:1,to:9999},MM:{mask:c.MaskedRange,from:1,to:12},DD:{mask:c.MaskedRange,from:1,to:31}}};return t.minDate&&(s.min=t.minDate),t.maxDate&&(s.max=t.maxDate),s}),k=a.ref(!1),{validate:_,validationResult:f}=O.useValidationField(n.value,V,z.value);a.watch(()=>t.modelValue,()=>{h(d.selectedDates[0])&&(t.modelValue?(d.selectDate(t.modelValue),d.setViewDate(t.modelValue)):d.clear()),h(y())&&(r.value=M(t.modelValue))},{deep:!0}),a.watch([H,()=>t.position,()=>t.minDate,()=>t.maxDate,()=>t.view],()=>{d.update(D.value)});const M=s=>A.checkIfISOFormat(s)?i(s).format(u):s,$=()=>{k.value=!1,v.unlockScrollBody()},E=()=>{k.value=!0,t.modelValue?(d.selectDate(t.modelValue),d.setViewDate(t.modelValue)):d.clear(),v.lockScrollBody()},N=()=>{r.unmaskedValue||l("update:modelValue","")},T=()=>{const s=y();return s?l("update:modelValue",s):l("update:modelValue","")},Y=()=>{const s=y();_(),h(s)&&l("update:modelValue",s===void 0?"":s)},h=s=>[!t.modelValue&&s,!s&&t.modelValue,t.modelValue&&s&&t.modelValue.getTime()!==s.getTime()].some(m=>m),y=()=>{const s=r.value.split("/"),o=`${s[2]}-${s[1]}-${s[0]}`;if(i(o,i.ISO_8601,!0).isValid())return new Date(o)},I=s=>{const o=document.querySelector(`.${n.value}-btn-confirm`);s?o==null||o.removeAttribute("disabled"):o==null||o.setAttribute("disabled","")};return a.onMounted(()=>{d=new j(`#${n.value}Picker`,D.value),r=c(g.value,R.value),r.value=M(t.modelValue),r.on("accept",N),r.on("complete",T)}),a.onBeforeUnmount(()=>{v.unlockScrollBody()}),(s,o)=>(a.openBlock(),a.createElementBlock("div",null,[a.createVNode(G,{id:n.value,label:s.label,required:s.required},null,8,["id","label","required"]),a.createElementVNode("div",K,[a.createElementVNode("input",{id:n.value,ref_key:"inputMaskRef",ref:g,class:a.normalizeClass([w.value,"ds-relative ds-z-[2] ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,onBlur:Y},null,42,Q),a.createElementVNode("input",{id:`${n.value}Picker`,class:a.normalizeClass([w.value,"ds-absolute ds-top-0 ds-z-[1]"]),disabled:s.disabled,readonly:""},null,10,W),s.showHintToday&&P.value?(a.openBlock(),a.createElementBlock("label",{key:0,for:n.value,class:"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm"},a.toDisplayString(`(${a.unref(e)("ds.components.base.date_picker.today")})`),9,X)):a.createCommentVNode("",!0),a.createElementVNode("label",{for:`${n.value}Picker`,class:"ds-absolute ds-right-3 ds-top-3 ds-z-[3]"},[(a.openBlock(),a.createElementBlock("svg",{class:a.normalizeClass([[t.disabled?"ds-fill-black/40":"ds-text-black/[0.85]"],"ds-h-4 ds-w-4"]),viewBox:"0 0 448 512",xmlns:"http://www.w3.org/2000/svg"},se,2))],8,Z)]),s.hideDetails?a.createCommentVNode("",!0):(a.openBlock(),a.createBlock(U,{key:0,"error-message":a.unref(f).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=te;
+"use strict";const e=require("vue"),E=require("./design-system6.js"),B=require("./design-system4.js"),$=require("./design-system101.js"),V=["for"],P=["id"],L=["id","data-cy","data-ut"],M=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:w}){const o=g,a=w,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>o.inputId||`id-${$()}`),s=e.computed({get(){return o.modelValue!==void 0?o.modelValue:c.value},set(t){o.modelValue!==void 0?a("update:modelValue",t):c.value=t}});e.watch(s,t=>{var d;t?O():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>o.noCloseOnClickOutside,t=>{t?y():v()}),e.watch(()=>o.noCloseOnEsc,t=>{t?k():m()});const m=()=>{document.addEventListener("keydown",f)},f=t=>{t.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=t=>{[n.value,l.value].some(b=>t.composedPath().includes(b))||u()},h=()=>{s.value=!s.value},O=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,o.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{s.value=!1},k=()=>{document.removeEventListener("keydown",f)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{o.noCloseOnEsc||m(),o.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(B.PIKey.CloseDropdown,u),(t,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(o.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([t.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:h},[e.renderSlot(t.$slots,"toggle")],10,P),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${t.menuCssClass} ${o.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":t.$attrs["data-cy"]?`${t.$attrs["data-cy"]}Menu`:void 0,"data-ut":t.$attrs["data-ut"]?`${t.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(t.$slots,"default")],10,L),[[e.vShow,s.value]])],512))}});module.exports=M;
 //# sourceMappingURL=design-system13.js.map

package/dist/design-system13.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system13.js","sources":["../src/components/BDatePicker.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"placeholder\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = [\"for\"]\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z\" }, null, -1)\nconst _hoisted_7 = [\n  _hoisted_6\n]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\n// https://imask.js.org/guide.html#getting-started\nimport IMask from '@/vendor/imask-7.1.3.js';\n/**\n * https://stackoverflow.com/questions/25384360/how-to-prevent-moment-js-from-loading-locales-with-webpack\n * Due to this issue with moment (it loads a bunch of unnecessary ./locale)\n * https://github.com/ksloan/moment-mini\n */\nimport moment from 'moment-mini';\nimport { useI18n } from 'vue-i18n';\n// https://air-datepicker.com/docs\n// DO NOT upgrade to the higher version than 3.3.0\nimport AirDatepicker, {\n  type AirDatepickerButton,\n  type AirDatepickerLocale,\n} from 'air-datepicker';\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { DateDelimiter } from '@/constants/Common';\nimport { BDatePickerView } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BDatePickerProps {\n  inputId?: string;\n  modelValue: any;\n  label?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  placeholder?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  disabled?: boolean;\n  inputCssClass?: string;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: any;\n  /**\n   * Maximum selectable date\n   */\n  maxDate?: any;\n  /**\n   * Show \"Today\" text if selected date is the current date\n   */\n  showHintToday?: boolean;\n  /**\n   * Default view mode when open picker dropdown\n   */\n  view?: BDatePickerView;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Position of picker dropdown when it's showed up\n   */\n  position?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePicker',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    validationRules: { default: undefined },\n    placeholder: { default: '' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    minDate: { default: '' },\n    maxDate: { default: '' },\n    showHintToday: { type: Boolean, default: false },\n    view: { default: BDatePickerView.Days },\n    hideDetails: { type: Boolean, default: false },\n    position: { default: 'bottom left' }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nconst currentDate = new Date();\nlet datePicker: AirDatepicker<HTMLInputElement>;\nlet mask: any;\nconst inputMaskRef = ref<HTMLElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst selectedDate = ref();\n\n// The \"Failed to execute 'querySelector' on Document\" error occurs when using querySelector method with an identifier that starts with a digit\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst datePickerButtons = computed<AirDatepickerButton[]>(() => [\n  {\n    content: t('ds.components.base.date_picker.buttons.cancel'),\n    className:\n      'ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1',\n    onClick: (dp) => {\n      dp.clear();\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n  },\n  {\n    content: t('ds.components.base.date_picker.buttons.confirm'),\n    className: `${id.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,\n    onClick: (dp) => {\n      value.value = selectedDate.value !== undefined ? selectedDate.value : '';\n      nextTick(() => {\n        validate();\n      });\n      dp.hide();\n    },\n    attrs: props.required\n      ? {\n          disabled: '',\n        }\n      : undefined,\n  },\n]);\nconst datePickerOptions = computed(() => {\n  const datePickerLocale: AirDatepickerLocale = {\n    days: [\n      t('ds.components.base.date_picker.days.sunday'),\n      t('ds.components.base.date_picker.days.monday'),\n      t('ds.components.base.date_picker.days.tuesday'),\n      t('ds.components.base.date_picker.days.wednesday'),\n      t('ds.components.base.date_picker.days.thursday'),\n      t('ds.components.base.date_picker.days.friday'),\n      t('ds.components.base.date_picker.days.saturday'),\n    ],\n    daysShort: [\n      t('ds.components.base.date_picker.days_short.sunday'),\n      t('ds.components.base.date_picker.days_short.monday'),\n      t('ds.components.base.date_picker.days_short.tuesday'),\n      t('ds.components.base.date_picker.days_short.wednesday'),\n      t('ds.components.base.date_picker.days_short.thursday'),\n      t('ds.components.base.date_picker.days_short.friday'),\n      t('ds.components.base.date_picker.days_short.saturday'),\n    ],\n    daysMin: [\n      t('ds.components.base.date_picker.days_min.sunday'),\n      t('ds.components.base.date_picker.days_min.monday'),\n      t('ds.components.base.date_picker.days_min.tuesday'),\n      t('ds.components.base.date_picker.days_min.wednesday'),\n      t('ds.components.base.date_picker.days_min.thursday'),\n      t('ds.components.base.date_picker.days_min.friday'),\n      t('ds.components.base.date_picker.days_min.saturday'),\n    ],\n    months: [\n      t('ds.components.base.date_picker.months.january'),\n      t('ds.components.base.date_picker.months.february'),\n      t('ds.components.base.date_picker.months.march'),\n      t('ds.components.base.date_picker.months.april'),\n      t('ds.components.base.date_picker.months.may'),\n      t('ds.components.base.date_picker.months.june'),\n      t('ds.components.base.date_picker.months.july'),\n      t('ds.components.base.date_picker.months.august'),\n      t('ds.components.base.date_picker.months.september'),\n      t('ds.components.base.date_picker.months.october'),\n      t('ds.components.base.date_picker.months.november'),\n      t('ds.components.base.date_picker.months.december'),\n    ],\n    monthsShort: [\n      t('ds.components.base.date_picker.months_short.january'),\n      t('ds.components.base.date_picker.months_short.february'),\n      t('ds.components.base.date_picker.months_short.march'),\n      t('ds.components.base.date_picker.months_short.april'),\n      t('ds.components.base.date_picker.months_short.may'),\n      t('ds.components.base.date_picker.months_short.june'),\n      t('ds.components.base.date_picker.months_short.july'),\n      t('ds.components.base.date_picker.months_short.august'),\n      t('ds.components.base.date_picker.months_short.september'),\n      t('ds.components.base.date_picker.months_short.october'),\n      t('ds.components.base.date_picker.months_short.november'),\n      t('ds.components.base.date_picker.months_short.december'),\n    ],\n    today: t('ds.components.base.date_picker.buttons.today'),\n    clear: t('ds.components.base.date_picker.buttons.clear'),\n    dateFormat: 'dd/MM/yyyy',\n    timeFormat: 'HH:mm',\n    firstDay: 1, // Monday\n  };\n  const onSelectDatePicker = ({\n    date,\n  }: {\n    date: Date | Date[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    // 'date' is undefined when clicking 'Clear' button/ deselect the date\n    selectedDate.value = date;\n    if (props.required) {\n      toggleButtonCofirm(!!date);\n    }\n  };\n\n  return {\n    locale: datePickerLocale,\n    selectedDates: [props.modelValue],\n    onSelect: onSelectDatePicker,\n    buttons: [...datePickerButtons.value],\n    showOtherMonths: false,\n    timepicker: false,\n    onlyTimepicker: false,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    view: props.view,\n    onHide: onHidePicker,\n    onShow: onShowPicker,\n    navTitles: {\n      days: 'MMMM yyyy',\n    },\n    position: props.position,\n    prevHtml: `<svg xmlns=\"http://www.w3.org/2000/svg\"\n                   viewBox=\"0 0 320 512\">\n                  <path d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/>\n              </svg>`,\n    nextHtml: `<svg xmlns=\"http://www.w3.org/2000/svg\"\n                   viewBox=\"0 0 320 512\">\n                  <path d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/>\n              </svg>`,\n  } as any; // AirDatepickerOptions\n});\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst inputCssClassValue = computed(() => [\n  'ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px]',\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n    '!ds-border-focus ds-ring-1 ds-ring-focus': datePickerVisible.value,\n  },\n  props.inputCssClass,\n]);\nconst isToday = computed(() => {\n  if (!props.modelValue) {\n    return false;\n  }\n  return (\n    currentDate.getDate() === props.modelValue.getDate() &&\n    currentDate.getMonth() === props.modelValue.getMonth() &&\n    currentDate.getFullYear() === props.modelValue.getFullYear()\n  );\n});\nconst inputMaskOptions = computed(() => {\n  const result: any = {\n    mask: IMask.MaskedDate,\n    pattern: dateFormat,\n    lazy: true,\n\n    format: (date: any) => moment(date).format(dateFormat),\n    parse: (str: string) => moment(str, dateFormat),\n\n    blocks: {\n      YYYY: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 9999,\n      },\n      MM: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 12,\n      },\n      DD: {\n        mask: IMask.MaskedRange,\n        from: 1,\n        to: 31,\n      },\n    },\n  };\n\n  if (props.minDate) {\n    result.min = props.minDate;\n  }\n  if (props.maxDate) {\n    result.max = props.maxDate;\n  }\n\n  return result;\n});\nconst datePickerVisible = ref(false);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.modelValue,\n  () => {\n    // Make sure to update value once\n    if (checkIfModelNeedToSync(datePicker.selectedDates[0])) {\n      if (props.modelValue) {\n        datePicker.selectDate(props.modelValue);\n        datePicker.setViewDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\n    }\n    if (checkIfModelNeedToSync(getInputMaskDate())) {\n      mask.value = formatDate(props.modelValue);\n    }\n  },\n  { deep: true },\n);\nwatch(\n  [\n    locale,\n    () => props.position,\n    () => props.minDate,\n    () => props.maxDate,\n    () => props.view,\n  ],\n  () => {\n    datePicker.update(datePickerOptions.value);\n  },\n);\n//#endregion\n\n//#region Methods\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onHidePicker = () => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst onShowPicker = () => {\n  datePickerVisible.value = true;\n  if (props.modelValue) {\n    datePicker.selectDate(props.modelValue);\n    datePicker.setViewDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst onAccept = () => {\n  if (!mask.unmaskedValue) {\n    emit('update:modelValue', '');\n  }\n};\nconst onComplete = () => {\n  const date = getInputMaskDate();\n  return date ? emit('update:modelValue', date) : emit('update:modelValue', '');\n};\nconst onBlur = () => {\n  const date = getInputMaskDate();\n  validate();\n  if (!checkIfModelNeedToSync(date)) {\n    return;\n  }\n  emit('update:modelValue', date === undefined ? '' : date);\n};\nconst checkIfModelNeedToSync = (date: any) => {\n  const ruleEngine = [\n    !props.modelValue && date,\n    !date && props.modelValue,\n    props.modelValue && date && props.modelValue.getTime() !== date.getTime(),\n  ];\n\n  return ruleEngine.some((r) => r);\n};\nconst getInputMaskDate = () => {\n  const arr = mask.value.split('/');\n  const dateStr = `${arr[2]}-${arr[1]}-${arr[0]}`;\n  // Check if string is in ISO format\n  if (moment(dateStr, moment.ISO_8601, true).isValid()) {\n    return new Date(dateStr);\n  }\n\n  return undefined;\n};\nconst toggleButtonCofirm = (enabled: boolean) => {\n  const btnEl = document.querySelector(`.${id.value}-btn-confirm`);\n  if (enabled) {\n    btnEl?.removeAttribute('disabled');\n  } else {\n    btnEl?.setAttribute('disabled', '');\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  // Picker\n  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value,\n  );\n  // Input mask\n  mask = IMask(inputMaskRef.value!, inputMaskOptions.value);\n  mask.value = formatDate(props.modelValue);\n  mask.on('accept', onAccept);\n  mask.on('complete', onComplete);\n});\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputMaskRef\",\n        ref: inputMaskRef,\n        class: _normalizeClass([inputCssClassValue.value, \"ds-relative ds-z-[2] ds-drop-shadow-light\"]),\n        disabled: _ctx.disabled,\n        placeholder: _ctx.placeholder,\n        onBlur: onBlur\n      }, null, 42, _hoisted_2),\n      _createElementVNode(\"input\", {\n        id: `${id.value}Picker`,\n        class: _normalizeClass([inputCssClassValue.value, \"ds-absolute ds-top-0 ds-z-[1]\"]),\n        disabled: _ctx.disabled,\n        readonly: \"\"\n      }, null, 10, _hoisted_3),\n      (_ctx.showHintToday && isToday.value)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: id.value,\n            class: \"ds-absolute ds-left-[98px] ds-top-2.5 ds-z-[3] ds-text-sm\"\n          }, _toDisplayString(`(${_unref(t)('ds.components.base.date_picker.today')})`), 9, _hoisted_4))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"label\", {\n        for: `${id.value}Picker`,\n        class: \"ds-absolute ds-right-3 ds-top-3 ds-z-[3]\"\n      }, [\n        (_openBlock(), _createElementBlock(\"svg\", {\n          class: _normalizeClass([[\n            props.disabled ? 'ds-fill-black/40' : 'ds-text-black/[0.85]',\n          ], \"ds-h-4 ds-w-4\"]),\n          viewBox: \"0 0 448 512\",\n          xmlns: \"http://www.w3.org/2000/svg\"\n        }, _hoisted_7, 2))\n      ], 8, _hoisted_5)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","BDatePickerView","__props","__emit","props","emit","t","locale","useI18n","dateFormat","DateDelimiter","currentDate","datePicker","mask","inputMaskRef","ref","validateRequired","val","selectedDate","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","datePickerOptions","datePickerLocale","onSelectDatePicker","date","toggleButtonCofirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","isToday","inputMaskOptions","IMask","moment","str","useValidationField","watch","checkIfModelNeedToSync","getInputMaskDate","formatDate","checkIfISOFormat","unlockScrollBody","lockScrollBody","onAccept","onComplete","onBlur","r","arr","dateStr","enabled","btnEl","onMounted","AirDatepicker","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_toDisplayString","_unref","_createCommentVNode","_createBlock","BErrorMessage"],"mappings":"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"}
+{"version":3,"file":"design-system13.js","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n  ensureVisiblePosition,\n  resetPosition,\n} from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n//#region Props\nexport interface BDropdownProps {\n  inputId?: string;\n  modelValue?: boolean;\n  label?: string;\n  /**\n   * CSS of toggle\n   */\n  toggleCssClass?: string;\n  /**\n   * CSS of menu\n   */\n  menuCssClass?: string;\n  /**\n   * Prevent menu from closing when clicking outside\n   */\n  noCloseOnClickOutside?: boolean;\n  /**\n   * Prevent menu from closing when \"Esc\" pressed\n   */\n  noCloseOnEsc?: boolean;\n  /**\n   * Enable \"fix\" position for menu\n   */\n  menuFixed?: boolean; // menu position should be fixed when toggle position is fixed\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDropdown',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: Boolean, default: undefined },\n    label: { default: '' },\n    toggleCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    noCloseOnClickOutside: { type: Boolean, default: false },\n    noCloseOnEsc: { type: Boolean, default: false },\n    menuFixed: { type: Boolean, default: false }\n  },\n  emits: [\"hidden\", \"shown\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val: boolean) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n  if (val) {\n    ensureMenuPosition();\n  } else {\n    resetMenuPosition();\n    toggle.value?.blur();\n  }\n});\nwatch(\n  () => props.noCloseOnClickOutside,\n  (val) => {\n    if (val) {\n      removeClickOutsideEventListener();\n    } else {\n      initClickOutsideEventListener();\n    }\n  },\n);\nwatch(\n  () => props.noCloseOnEsc,\n  (val) => {\n    if (val) {\n      removePressEscapeEventListener();\n    } else {\n      initPressEscapeEventListener();\n    }\n  },\n);\n//#endregion\n\n//#region Methods\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n  if (event.key === 'Escape') {\n    close();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [dropdown.value, dropdownMenu.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    close();\n  }\n};\nconst onClickToggle = () => {\n  value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(\n      dropdown.value!,\n      dropdownMenu.value!,\n      props.menuFixed,\n    );\n    emit('shown');\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(dropdown.value!, dropdownMenu.value!);\n  emit('hidden');\n};\nconst close = () => {\n  value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (!props.noCloseOnEsc) {\n    initPressEscapeEventListener();\n  }\n  if (!props.noCloseOnClickOutside) {\n    initClickOutsideEventListener();\n  }\n});\nonBeforeUnmount(() => {\n  removePressEscapeEventListener();\n  removeClickOutsideEventListener();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n//#endregion\n\nprovide(PIKey.CloseDropdown, close);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"dropdown\",\n    ref: dropdown\n  }, [\n    (props.label)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: id.value,\n          class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n        }, _toDisplayString(props.label), 9, _hoisted_1))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"button\", {\n      id: id.value,\n      ref_key: \"toggle\",\n      ref: toggle,\n      class: _normalizeClass([_ctx.toggleCssClass, \"focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n      type: \"button\",\n      onClick: onClickToggle\n    }, [\n      _renderSlot(_ctx.$slots, \"toggle\")\n    ], 10, _hoisted_2),\n    _withDirectives(_createElementVNode(\"div\", {\n      id: `${id.value}Menu`,\n      ref_key: \"dropdownMenu\",\n      ref: dropdownMenu,\n      class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 ds-py-1\"]),\n      \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n      \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n    }, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ], 10, _hoisted_3), [\n      [_vShow, value.value]\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_vShow"],"mappings":"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"}