@7pmlabs/design-system 0.4.7 → 0.4.8

package/dist/design-system10.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={global:{field_required:"Vui lòng nhập thông tin này"},components:{base:{text_editor:{add_youtube:"Thêm video Youtube",word_count:"{numberOfWords} từ"},date_picker:{days:{sunday:"Chủ Nhật",monday:"Thứ Hai",tuesday:"Thứ Ba",wednesday:"Thứ Tư",thursday:"Thứ Năm",friday:"Thứ Sáu",saturday:"Thứ Bảy"},days_short:{sunday:"CN",monday:"Hai",tuesday:"Ba",wednesday:"Tư",thursday:"Năm",friday:"Sáu",saturday:"Bảy"},days_min:{sunday:"CN",monday:"2",tuesday:"3",wednesday:"4",thursday:"5",friday:"6",saturday:"7"},months:{january:"Tháng Một",february:"Tháng Hai",march:"Tháng Ba",april:"Tháng Tư",may:"Tháng Năm",june:"Tháng Sáu",july:"Tháng Bảy",august:"Tháng Tám",september:"Tháng Chín",october:"Tháng Mười",november:"Tháng Mười Một",december:"Tháng Mười Hai"},months_short:{january:"Một",february:"Hai",march:"Ba",april:"Tư",may:"Năm",june:"Sáu",july:"Bảy",august:"Tám",september:"Chín",october:"Mười",november:"Mười Một",december:"Mười Hai"},buttons:{today:"Hôm nay",clear:"Xoá chọn",cancel:"Đóng",confirm:"Xác nhận"},today:"Hôm nay"},multi_select:{selected_item_count:"Đã chọn {count}"},image_picker:{file_types_valid:"Cho phép định dạng {types}",file_size_valid:"Kích thước file tối đa là {size}",select_image:"Chọn ảnh"}}}},a={ds:e};exports.default=a;exports.ds=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={global:{field_required:"Vui lòng nhập thông tin này"},components:{base:{text_editor:{add_youtube:"Thêm video Youtube",word_count:"{numberOfWords} từ"},date_picker:{days:{sunday:"Chủ Nhật",monday:"Thứ Hai",tuesday:"Thứ Ba",wednesday:"Thứ Tư",thursday:"Thứ Năm",friday:"Thứ Sáu",saturday:"Thứ Bảy"},days_short:{sunday:"CN",monday:"Hai",tuesday:"Ba",wednesday:"Tư",thursday:"Năm",friday:"Sáu",saturday:"Bảy"},days_min:{sunday:"CN",monday:"2",tuesday:"3",wednesday:"4",thursday:"5",friday:"6",saturday:"7"},months:{january:"Tháng Một",february:"Tháng Hai",march:"Tháng Ba",april:"Tháng Tư",may:"Tháng Năm",june:"Tháng Sáu",july:"Tháng Bảy",august:"Tháng Tám",september:"Tháng Chín",october:"Tháng Mười",november:"Tháng Mười Một",december:"Tháng Mười Hai"},months_short:{january:"Một",february:"Hai",march:"Ba",april:"Tư",may:"Năm",june:"Sáu",july:"Bảy",august:"Tám",september:"Chín",october:"Mười",november:"Mười Một",december:"Mười Hai"},buttons:{today:"Hôm nay",clear:"Xoá chọn",cancel:"Đóng",confirm:"Xác nhận"},today:"Hôm nay"},multi_select:{selected_item_count:"Đã chọn {count}"},image_picker:{file_types_valid:"Cho phép định dạng {types}",file_size_valid:"Kích thước file tối đa là {size}MB",select_image:"Chọn ảnh"}}}},a={ds:e};exports.default=a;exports.ds=e;
 //# sourceMappingURL=design-system10.js.map

package/dist/design-system10.mjs

@@ -77,7 +77,7 @@ const a = {
       },
       image_picker: {
         file_types_valid: "Cho phép định dạng {types}",
-        file_size_valid: "Kích thước file tối đa là {size}",
+        file_size_valid: "Kích thước file tối đa là {size}MB",
         select_image: "Chọn ảnh"
       }
     }

package/dist/design-system100.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./design-system123.js"),s=require("./design-system124.js"),n=require("./design-system113.js"),o=require("./design-system116.js"),c=require("./design-system117.js"),f=require("./design-system120.js"),p=require("./design-system125.js"),y=require("./design-system126.js");var g="[object Map]",q="[object Set]",u=Object.prototype,a=u.hasOwnProperty;function b(r){if(r==null)return!0;if(c(r)&&(o(r)||typeof r=="string"||typeof r.splice=="function"||f(r)||y(r)||n(r)))return!r.length;var t=s(r);if(t==g||t==q)return!r.size;if(p(r))return!i(r).length;for(var e in r)if(a.call(r,e))return!1;return!0}module.exports=b;
+"use strict";const r=require("./design-system111.js");var n=1,t=4;function o(e){return r(e,n|t)}module.exports=o;
 //# sourceMappingURL=design-system100.js.map

package/dist/design-system100.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system100.js","sources":["../node_modules/lodash-es/isEmpty.js"],"sourcesContent":["import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\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 empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n"],"names":["mapTag","setTag","objectProto","hasOwnProperty","isEmpty","value","isArrayLike","isArray","isBuffer","isTypedArray","isArguments","tag","getTag","isPrototype","baseKeys","key"],"mappings":"2SAUA,IAAIA,EAAS,eACTC,EAAS,eAGTC,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAmCjC,SAASE,EAAQC,EAAO,CACtB,GAAIA,GAAS,KACX,MAAO,GAET,GAAIC,EAAYD,CAAK,IAChBE,EAAQF,CAAK,GAAK,OAAOA,GAAS,UAAY,OAAOA,EAAM,QAAU,YACpEG,EAASH,CAAK,GAAKI,EAAaJ,CAAK,GAAKK,EAAYL,CAAK,GAC/D,MAAO,CAACA,EAAM,OAEhB,IAAIM,EAAMC,EAAOP,CAAK,EACtB,GAAIM,GAAOX,GAAUW,GAAOV,EAC1B,MAAO,CAACI,EAAM,KAEhB,GAAIQ,EAAYR,CAAK,EACnB,MAAO,CAACS,EAAST,CAAK,EAAE,OAE1B,QAASU,KAAOV,EACd,GAAIF,EAAe,KAAKE,EAAOU,CAAG,EAChC,MAAO,GAGX,MAAO,EACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system100.js","sources":["../node_modules/lodash-es/cloneDeep.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n    CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n"],"names":["CLONE_DEEP_FLAG","CLONE_SYMBOLS_FLAG","cloneDeep","value","baseClone"],"mappings":"sDAGA,IAAIA,EAAkB,EAClBC,EAAqB,EAoBzB,SAASC,EAAUC,EAAO,CACxB,OAAOC,EAAUD,EAAOH,EAAkBC,CAAkB,CAC9D","x_google_ignoreList":[0]}

package/dist/design-system100.mjs

@@ -1,28 +1,9 @@
-import i from "./design-system123.mjs";
-import f from "./design-system124.mjs";
-import p from "./design-system113.mjs";
-import e from "./design-system116.mjs";
-import m from "./design-system117.mjs";
-import n from "./design-system120.mjs";
-import s from "./design-system125.mjs";
-import y from "./design-system126.mjs";
-var g = "[object Map]", c = "[object Set]", a = Object.prototype, b = a.hasOwnProperty;
-function k(r) {
-  if (r == null)
-    return !0;
-  if (m(r) && (e(r) || typeof r == "string" || typeof r.splice == "function" || n(r) || y(r) || p(r)))
-    return !r.length;
-  var t = f(r);
-  if (t == g || t == c)
-    return !r.size;
-  if (s(r))
-    return !i(r).length;
-  for (var o in r)
-    if (b.call(r, o))
-      return !1;
-  return !0;
+import o from "./design-system111.mjs";
+var r = 1, n = 4;
+function L(e) {
+  return o(e, r | n);
 }
 export {
-  k as default
+  L as default
 };
 //# sourceMappingURL=design-system100.mjs.map

package/dist/design-system100.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system100.mjs","sources":["../node_modules/lodash-es/isEmpty.js"],"sourcesContent":["import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\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 empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n"],"names":["mapTag","setTag","objectProto","hasOwnProperty","isEmpty","value","isArrayLike","isArray","isBuffer","isTypedArray","isArguments","tag","getTag","isPrototype","baseKeys","key"],"mappings":";;;;;;;;AAUA,IAAIA,IAAS,gBACTC,IAAS,gBAGTC,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAmCjC,SAASE,EAAQC,GAAO;AACtB,MAAIA,KAAS;AACX,WAAO;AAET,MAAIC,EAAYD,CAAK,MAChBE,EAAQF,CAAK,KAAK,OAAOA,KAAS,YAAY,OAAOA,EAAM,UAAU,cACpEG,EAASH,CAAK,KAAKI,EAAaJ,CAAK,KAAKK,EAAYL,CAAK;AAC/D,WAAO,CAACA,EAAM;AAEhB,MAAIM,IAAMC,EAAOP,CAAK;AACtB,MAAIM,KAAOX,KAAUW,KAAOV;AAC1B,WAAO,CAACI,EAAM;AAEhB,MAAIQ,EAAYR,CAAK;AACnB,WAAO,CAACS,EAAST,CAAK,EAAE;AAE1B,WAASU,KAAOV;AACd,QAAIF,EAAe,KAAKE,GAAOU,CAAG;AAChC,aAAO;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system100.mjs","sources":["../node_modules/lodash-es/cloneDeep.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n    CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n"],"names":["CLONE_DEEP_FLAG","CLONE_SYMBOLS_FLAG","cloneDeep","value","baseClone"],"mappings":";AAGA,IAAIA,IAAkB,GAClBC,IAAqB;AAoBzB,SAASC,EAAUC,GAAO;AACxB,SAAOC,EAAUD,GAAOH,IAAkBC,CAAkB;AAC9D;","x_google_ignoreList":[0]}

package/dist/design-system101.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system52.js"),t={},c={class:"ds-absolute ds-rounded-full ds-bg-black/20"},o=e.createElementVNode("div",{class:"ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-cursor-pointer ds-fill-white hover:ds-fill-white/60",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z"})])],-1),r=[o];function d(n,i){return e.openBlock(),e.createElementBlock("div",c,r)}const l=s(t,[["render",d]]);module.exports=l;
+"use strict";const e=require("vue"),s=require("./design-system55.js"),t={},c={class:"ds-absolute ds-rounded-full ds-bg-black/20"},o=e.createElementVNode("div",{class:"ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-cursor-pointer ds-fill-white hover:ds-fill-white/60",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z"})])],-1),r=[o];function d(n,i){return e.openBlock(),e.createElementBlock("div",c,r)}const l=s(t,[["render",d]]);module.exports=l;
 //# sourceMappingURL=design-system101.js.map

package/dist/design-system101.mjs

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, createElementVNode as s } from "vue";
-import o from "./design-system52.mjs";
+import o from "./design-system55.mjs";
 const d = {}, c = { class: "ds-absolute ds-rounded-full ds-bg-black/20" }, l = /* @__PURE__ */ s("div", { class: "ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center" }, [
   /* @__PURE__ */ s("svg", {
     class: "ds-h-5 ds-w-5 ds-cursor-pointer ds-fill-white hover:ds-fill-white/60",

package/dist/design-system102.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system98.js");module.exports=e;
+"use strict";const e=require("./design-system97.js");module.exports=e;
 //# sourceMappingURL=design-system102.js.map

package/dist/design-system102.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system98.mjs";
+import f from "./design-system97.mjs";
 export {
   f as default
 };

package/dist/design-system103.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system96.js");module.exports=e;
+"use strict";const e=require("./design-system99.js");module.exports=e;
 //# sourceMappingURL=design-system103.js.map

package/dist/design-system103.mjs

@@ -1,5 +1,5 @@
-import e from "./design-system96.mjs";
+import f from "./design-system99.mjs";
 export {
-  e as default
+  f as default
 };
 //# sourceMappingURL=design-system103.mjs.map

package/dist/design-system104.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
+"use strict";const e=require("./design-system96.js");module.exports=e;
 //# sourceMappingURL=design-system104.js.map

package/dist/design-system104.mjs

@@ -1,9 +1,5 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
+import e from "./design-system96.mjs";
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  e as default
 };
 //# sourceMappingURL=design-system104.mjs.map

package/dist/design-system104.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system104.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system104.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system105.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}exports.commonjsRequire=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
 //# sourceMappingURL=design-system105.js.map

package/dist/design-system105.mjs

@@ -1,7 +1,9 @@
-function r(o) {
-  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 export {
-  r as commonjsRequire
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };
 //# sourceMappingURL=design-system105.mjs.map

package/dist/design-system105.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system105.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"design-system105.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system106.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}exports.commonjsRequire=o;
 //# sourceMappingURL=design-system106.js.map

package/dist/design-system106.mjs

@@ -1,5 +1,7 @@
-var e = { exports: {} };
+function r(o) {
+  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
 export {
-  e as __module
+  r as commonjsRequire
 };
 //# sourceMappingURL=design-system106.mjs.map

package/dist/design-system106.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system106.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system106.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/design-system107.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system97.js");module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
 //# sourceMappingURL=design-system107.js.map

package/dist/design-system107.mjs

@@ -1,5 +1,5 @@
-import f from "./design-system97.mjs";
+var e = { exports: {} };
 export {
-  f as default
+  e as __module
 };
 //# sourceMappingURL=design-system107.mjs.map

package/dist/design-system13.js

@@ -1,4 +1,4 @@
-"use strict";const a=require("vue"),c=require("./design-system95.js"),i=require("./design-system92.js"),I=require("./design-system48.js"),F=require("./design-system96.js"),j=require("./design-system3.js"),x=require("./design-system4.js"),O=require("./design-system5.js"),v=require("./design-system6.js"),L=require("./design-system47.js"),A=require("./design-system29.js"),U=require("./design-system30.js"),G=require("./design-system93.js"),J={class:"ds-relative"},K=["id","disabled","placeholder"],Q=["id","disabled"],W=["for"],X=["for"],Z=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),ee=[Z],se=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:O.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(B,{emit:l}){const t=B,{t:s,locale:q}=I.useI18n(),u=`DD${x.DateDelimiter}MM${x.DateDelimiter}YYYY`,p=new Date;let d,r;const g=a.ref(null),H={validateRule:e=>!!e,errorMessage:()=>t.requiredErrorMessage||s("ds.global.field_required")},b=a.ref(),n=a.computed(()=>t.inputId||`id-${G()}`),V=a.computed({get(){return t.modelValue},set(e){l("update:modelValue",e)}}),C=a.computed(()=>[{content:s("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:e=>{e.clear(),a.nextTick(()=>{_()}),e.hide()}},{content:s("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:e=>{V.value=b.value!==void 0?b.value:"",a.nextTick(()=>{_()}),e.hide()},attrs:t.required?{disabled:""}:void 0}]),D=a.computed(()=>{const e={days:[s("ds.components.base.date_picker.days.sunday"),s("ds.components.base.date_picker.days.monday"),s("ds.components.base.date_picker.days.tuesday"),s("ds.components.base.date_picker.days.wednesday"),s("ds.components.base.date_picker.days.thursday"),s("ds.components.base.date_picker.days.friday"),s("ds.components.base.date_picker.days.saturday")],daysShort:[s("ds.components.base.date_picker.days_short.sunday"),s("ds.components.base.date_picker.days_short.monday"),s("ds.components.base.date_picker.days_short.tuesday"),s("ds.components.base.date_picker.days_short.wednesday"),s("ds.components.base.date_picker.days_short.thursday"),s("ds.components.base.date_picker.days_short.friday"),s("ds.components.base.date_picker.days_short.saturday")],daysMin:[s("ds.components.base.date_picker.days_min.sunday"),s("ds.components.base.date_picker.days_min.monday"),s("ds.components.base.date_picker.days_min.tuesday"),s("ds.components.base.date_picker.days_min.wednesday"),s("ds.components.base.date_picker.days_min.thursday"),s("ds.components.base.date_picker.days_min.friday"),s("ds.components.base.date_picker.days_min.saturday")],months:[s("ds.components.base.date_picker.months.january"),s("ds.components.base.date_picker.months.february"),s("ds.components.base.date_picker.months.march"),s("ds.components.base.date_picker.months.april"),s("ds.components.base.date_picker.months.may"),s("ds.components.base.date_picker.months.june"),s("ds.components.base.date_picker.months.july"),s("ds.components.base.date_picker.months.august"),s("ds.components.base.date_picker.months.september"),s("ds.components.base.date_picker.months.october"),s("ds.components.base.date_picker.months.november"),s("ds.components.base.date_picker.months.december")],monthsShort:[s("ds.components.base.date_picker.months_short.january"),s("ds.components.base.date_picker.months_short.february"),s("ds.components.base.date_picker.months_short.march"),s("ds.components.base.date_picker.months_short.april"),s("ds.components.base.date_picker.months_short.may"),s("ds.components.base.date_picker.months_short.june"),s("ds.components.base.date_picker.months_short.july"),s("ds.components.base.date_picker.months_short.august"),s("ds.components.base.date_picker.months_short.september"),s("ds.components.base.date_picker.months_short.october"),s("ds.components.base.date_picker.months_short.november"),s("ds.components.base.date_picker.months_short.december")],today:s("ds.components.base.date_picker.buttons.today"),clear:s("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:m})=>{b.value=m,t.required&&Y(!!m)};return{locale:e,selectedDates:[t.modelValue],onSelect:o,buttons:[...C.value],showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:t.minDate,maxDate:t.maxDate,view:t.view,onHide:$,onShow:R,navTitles:{days:"MMMM yyyy"},position:t.position,prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
+"use strict";const a=require("vue"),c=require("./design-system95.js"),i=require("./design-system92.js"),I=require("./design-system48.js"),F=require("./design-system96.js"),j=require("./design-system3.js"),x=require("./design-system4.js"),O=require("./design-system5.js"),v=require("./design-system6.js"),L=require("./design-system47.js"),A=require("./design-system29.js"),U=require("./design-system30.js"),G=require("./design-system94.js"),J={class:"ds-relative"},K=["id","disabled","placeholder"],Q=["id","disabled"],W=["for"],X=["for"],Z=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),ee=[Z],se=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:O.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(B,{emit:l}){const t=B,{t:s,locale:q}=I.useI18n(),u=`DD${x.DateDelimiter}MM${x.DateDelimiter}YYYY`,p=new Date;let d,r;const g=a.ref(null),H={validateRule:e=>!!e,errorMessage:()=>t.requiredErrorMessage||s("ds.global.field_required")},b=a.ref(),n=a.computed(()=>t.inputId||`id-${G()}`),V=a.computed({get(){return t.modelValue},set(e){l("update:modelValue",e)}}),C=a.computed(()=>[{content:s("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:e=>{e.clear(),a.nextTick(()=>{_()}),e.hide()}},{content:s("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:e=>{V.value=b.value!==void 0?b.value:"",a.nextTick(()=>{_()}),e.hide()},attrs:t.required?{disabled:""}:void 0}]),D=a.computed(()=>{const e={days:[s("ds.components.base.date_picker.days.sunday"),s("ds.components.base.date_picker.days.monday"),s("ds.components.base.date_picker.days.tuesday"),s("ds.components.base.date_picker.days.wednesday"),s("ds.components.base.date_picker.days.thursday"),s("ds.components.base.date_picker.days.friday"),s("ds.components.base.date_picker.days.saturday")],daysShort:[s("ds.components.base.date_picker.days_short.sunday"),s("ds.components.base.date_picker.days_short.monday"),s("ds.components.base.date_picker.days_short.tuesday"),s("ds.components.base.date_picker.days_short.wednesday"),s("ds.components.base.date_picker.days_short.thursday"),s("ds.components.base.date_picker.days_short.friday"),s("ds.components.base.date_picker.days_short.saturday")],daysMin:[s("ds.components.base.date_picker.days_min.sunday"),s("ds.components.base.date_picker.days_min.monday"),s("ds.components.base.date_picker.days_min.tuesday"),s("ds.components.base.date_picker.days_min.wednesday"),s("ds.components.base.date_picker.days_min.thursday"),s("ds.components.base.date_picker.days_min.friday"),s("ds.components.base.date_picker.days_min.saturday")],months:[s("ds.components.base.date_picker.months.january"),s("ds.components.base.date_picker.months.february"),s("ds.components.base.date_picker.months.march"),s("ds.components.base.date_picker.months.april"),s("ds.components.base.date_picker.months.may"),s("ds.components.base.date_picker.months.june"),s("ds.components.base.date_picker.months.july"),s("ds.components.base.date_picker.months.august"),s("ds.components.base.date_picker.months.september"),s("ds.components.base.date_picker.months.october"),s("ds.components.base.date_picker.months.november"),s("ds.components.base.date_picker.months.december")],monthsShort:[s("ds.components.base.date_picker.months_short.january"),s("ds.components.base.date_picker.months_short.february"),s("ds.components.base.date_picker.months_short.march"),s("ds.components.base.date_picker.months_short.april"),s("ds.components.base.date_picker.months_short.may"),s("ds.components.base.date_picker.months_short.june"),s("ds.components.base.date_picker.months_short.july"),s("ds.components.base.date_picker.months_short.august"),s("ds.components.base.date_picker.months_short.september"),s("ds.components.base.date_picker.months_short.october"),s("ds.components.base.date_picker.months_short.november"),s("ds.components.base.date_picker.months_short.december")],today:s("ds.components.base.date_picker.buttons.today"),clear:s("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:m})=>{b.value=m,t.required&&Y(!!m)};return{locale:e,selectedDates:[t.modelValue],onSelect:o,buttons:[...C.value],showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:t.minDate,maxDate:t.maxDate,view:t.view,onHide:$,onShow:R,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"

package/dist/design-system13.mjs

@@ -10,7 +10,7 @@ import { unlockScrollBody as z, lockScrollBody as de } from "./design-system6.mj
 import { checkIfISOFormat as ne } from "./design-system47.mjs";
 import re from "./design-system29.mjs";
 import le from "./design-system30.mjs";
-import ie from "./design-system93.mjs";
+import ie from "./design-system94.mjs";
 const ce = { class: "ds-relative" }, me = ["id", "disabled", "placeholder"], ue = ["id", "disabled"], pe = ["for"], be = ["for"], fe = /* @__PURE__ */ m("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), ke = [
   fe
 ], $e = /* @__PURE__ */ J({

package/dist/design-system14.js

@@ -1,4 +1,4 @@
-"use strict";const t=require("vue"),N=require("./design-system48.js"),E=require("./design-system96.js"),I=require("./design-system3.js"),R=require("./design-system5.js"),b=require("./design-system6.js"),$=require("./design-system29.js"),j=require("./design-system30.js"),T=require("./design-system47.js"),F=require("./design-system92.js"),v=require("./design-system4.js"),L=require("./design-system93.js"),c=require("./design-system100.js"),Y={class:"ds-relative"},O=["id","disabled","placeholder","value"],A=["id","disabled","placeholder"],U=["for"],G=t.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),J=[G],K=t.defineComponent({__name:"BDateRangePicker",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:""},view:{default:R.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(g,{emit:V}){const a=g,{t:e,locale:w}=N.useI18n(),D=`DD${v.DateDelimiter}MM${v.DateDelimiter}YYYY`;let n;const q={validateRule:s=>!!s,errorMessage:()=>a.requiredErrorMessage||e("ds.global.field_required")},u=t.ref(),d=t.computed(()=>a.inputId||`id-${L()}`),_=t.computed({get(){return a.modelValue},set(s){V("update:modelValue",s)}}),x=t.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(),t.nextTick(()=>{y()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${d.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=>{_.value=l(u.value)?u.value:[],t.nextTick(()=>{y()}),s.hide()},attrs:a.required?{disabled:""}:void 0}]),h=t.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:r})=>{const i=l(r);u.value=i?r:[],a.required&&z(i)};return{locale:s,selectedDates:a.modelValue,onSelect:o,buttons:x.value,showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:a.minDate,maxDate:a.maxDate,view:a.view,onHide:C,onShow:S,navTitles:{days:"MMMM yyyy"},position:a.position,range:!0,multipleDatesSeparator:" - ",prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
+"use strict";const t=require("vue"),N=require("./design-system48.js"),E=require("./design-system96.js"),I=require("./design-system3.js"),R=require("./design-system5.js"),b=require("./design-system6.js"),$=require("./design-system29.js"),j=require("./design-system30.js"),T=require("./design-system47.js"),F=require("./design-system92.js"),v=require("./design-system4.js"),L=require("./design-system94.js"),c=require("./design-system98.js"),Y={class:"ds-relative"},O=["id","disabled","placeholder","value"],A=["id","disabled","placeholder"],U=["for"],G=t.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),J=[G],K=t.defineComponent({__name:"BDateRangePicker",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:""},view:{default:R.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(g,{emit:V}){const a=g,{t:e,locale:w}=N.useI18n(),D=`DD${v.DateDelimiter}MM${v.DateDelimiter}YYYY`;let n;const q={validateRule:s=>!!s,errorMessage:()=>a.requiredErrorMessage||e("ds.global.field_required")},u=t.ref(),d=t.computed(()=>a.inputId||`id-${L()}`),_=t.computed({get(){return a.modelValue},set(s){V("update:modelValue",s)}}),x=t.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(),t.nextTick(()=>{y()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${d.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=>{_.value=l(u.value)?u.value:[],t.nextTick(()=>{y()}),s.hide()},attrs:a.required?{disabled:""}:void 0}]),h=t.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:r})=>{const i=l(r);u.value=i?r:[],a.required&&z(i)};return{locale:s,selectedDates:a.modelValue,onSelect:o,buttons:x.value,showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:a.minDate,maxDate:a.maxDate,view:a.view,onHide:C,onShow:S,navTitles:{days:"MMMM yyyy"},position:a.position,range:!0,multipleDatesSeparator:" - ",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"

package/dist/design-system14.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system14.js","sources":["../src/components/BDateRangePicker.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, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"placeholder\", \"value\"]\nconst _hoisted_3 = [\"id\", \"disabled\", \"placeholder\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = /*#__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_6 = [\n  _hoisted_5\n]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\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 { 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 { BDatePickerView } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport { isEmpty } from 'lodash-es';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport moment from 'moment-mini';\nimport { DateDelimiter } from '@/constants/Common';\n\n//#region Props\nexport interface BDateRangePickerProps {\n  inputId?: string;\n  modelValue: Date[];\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   * 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: 'BDateRangePicker',\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    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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nlet datePicker: AirDatepicker<HTMLInputElement>;\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 = checkIfValidDateValue(selectedDate.value)\n        ? selectedDate.value\n        : [];\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[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    const isValidDate = checkIfValidDateValue(date);\n    selectedDate.value = isValidDate ? date : [];\n    if (props.required) {\n      toggleButtonConfirm(isValidDate);\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    range: true,\n    multipleDatesSeparator: ' - ',\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 datePickerVisible = ref(false);\nconst displayValue = computed(() =>\n  props.modelValue.map((val) => formatDate(val)).join(' - '),\n);\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    if (checkIfModelNeedToSync(datePicker.selectedDates)) {\n      if (checkIfValidDateValue(props.modelValue)) {\n        datePicker.selectDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\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 checkIfValidDateValue = (d: Date[]) => d?.length === 2;\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\nconst onHidePicker = () => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\nconst onShowPicker = () => {\n  datePickerVisible.value = true;\n  if (checkIfValidDateValue(props.modelValue)) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst checkIfModelNeedToSync = (date: Date[]) => {\n  const rules = [\n    !isEmpty(props.modelValue) && isEmpty(date),\n    !isEmpty(date) && isEmpty(props.modelValue),\n    !isEmpty(props.modelValue) &&\n      !isEmpty(date) &&\n      props.modelValue.some((v, i) => v?.getTime() !== date[i]?.getTime()),\n  ];\n\n  return rules.some((r) => r);\n};\nconst toggleButtonConfirm = (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  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value,\n  );\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        class: _normalizeClass([inputCssClassValue.value, \"ds-relative ds-z-[2] ds-drop-shadow-light\"]),\n        disabled: _ctx.disabled,\n        placeholder: _ctx.placeholder,\n        value: displayValue.value,\n        readonly: \"\"\n      }, null, 10, _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        placeholder: _ctx.placeholder,\n        readonly: \"\"\n      }, null, 10, _hoisted_3),\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_6, 2))\n      ], 8, _hoisted_4)\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","_sfc_main","_defineComponent","BDatePickerView","__props","emit","props","t","locale","useI18n","dateFormat","DateDelimiter","datePicker","validateRequired","val","selectedDate","ref","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","checkIfValidDateValue","datePickerOptions","datePickerLocale","onSelectDatePicker","date","isValidDate","toggleButtonConfirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","displayValue","formatDate","useValidationField","watch","checkIfModelNeedToSync","d","checkIfISOFormat","moment","unlockScrollBody","lockScrollBody","isEmpty","v","_a","enabled","btnEl","onMounted","AirDatepicker","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system14.js","sources":["../src/components/BDateRangePicker.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, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"placeholder\", \"value\"]\nconst _hoisted_3 = [\"id\", \"disabled\", \"placeholder\"]\nconst _hoisted_4 = [\"for\"]\nconst _hoisted_5 = /*#__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_6 = [\n  _hoisted_5\n]\n\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\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 { 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 { BDatePickerView } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport { isEmpty } from 'lodash-es';\nimport { checkIfISOFormat } from '@/helpers/DateHelper';\nimport moment from 'moment-mini';\nimport { DateDelimiter } from '@/constants/Common';\n\n//#region Props\nexport interface BDateRangePickerProps {\n  inputId?: string;\n  modelValue: Date[];\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   * 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: 'BDateRangePicker',\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    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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t, locale } = useI18n();\nconst dateFormat = `DD${DateDelimiter}MM${DateDelimiter}YYYY`; // moment's date format\nlet datePicker: AirDatepicker<HTMLInputElement>;\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 = checkIfValidDateValue(selectedDate.value)\n        ? selectedDate.value\n        : [];\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[];\n    formattedDate: string | string[];\n    datepicker: AirDatepicker;\n  }) => {\n    const isValidDate = checkIfValidDateValue(date);\n    selectedDate.value = isValidDate ? date : [];\n    if (props.required) {\n      toggleButtonConfirm(isValidDate);\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    range: true,\n    multipleDatesSeparator: ' - ',\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 datePickerVisible = ref(false);\nconst displayValue = computed(() =>\n  props.modelValue.map((val) => formatDate(val)).join(' - '),\n);\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    if (checkIfModelNeedToSync(datePicker.selectedDates)) {\n      if (checkIfValidDateValue(props.modelValue)) {\n        datePicker.selectDate(props.modelValue);\n      } else {\n        datePicker.clear();\n      }\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 checkIfValidDateValue = (d: Date[]) => d?.length === 2;\nconst formatDate = (date: string | Date) =>\n  checkIfISOFormat(date) ? moment(date).format(dateFormat) : date;\nconst onHidePicker = () => {\n  datePickerVisible.value = false;\n  unlockScrollBody();\n};\nconst onShowPicker = () => {\n  datePickerVisible.value = true;\n  if (checkIfValidDateValue(props.modelValue)) {\n    datePicker.selectDate(props.modelValue);\n  } else {\n    datePicker.clear();\n  }\n  lockScrollBody();\n};\nconst checkIfModelNeedToSync = (date: Date[]) => {\n  const rules = [\n    !isEmpty(props.modelValue) && isEmpty(date),\n    !isEmpty(date) && isEmpty(props.modelValue),\n    !isEmpty(props.modelValue) &&\n      !isEmpty(date) &&\n      props.modelValue.some((v, i) => v?.getTime() !== date[i]?.getTime()),\n  ];\n\n  return rules.some((r) => r);\n};\nconst toggleButtonConfirm = (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  datePicker = new AirDatepicker<HTMLInputElement>(\n    `#${id.value}Picker`,\n    datePickerOptions.value,\n  );\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        class: _normalizeClass([inputCssClassValue.value, \"ds-relative ds-z-[2] ds-drop-shadow-light\"]),\n        disabled: _ctx.disabled,\n        placeholder: _ctx.placeholder,\n        value: displayValue.value,\n        readonly: \"\"\n      }, null, 10, _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        placeholder: _ctx.placeholder,\n        readonly: \"\"\n      }, null, 10, _hoisted_3),\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_6, 2))\n      ], 8, _hoisted_4)\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","_sfc_main","_defineComponent","BDatePickerView","__props","emit","props","t","locale","useI18n","dateFormat","DateDelimiter","datePicker","validateRequired","val","selectedDate","ref","id","computed","uuid","value","datePickerButtons","dp","nextTick","validate","checkIfValidDateValue","datePickerOptions","datePickerLocale","onSelectDatePicker","date","isValidDate","toggleButtonConfirm","onHidePicker","onShowPicker","vRules","result","inputCssClassValue","validationResult","datePickerVisible","displayValue","formatDate","useValidationField","watch","checkIfModelNeedToSync","d","checkIfISOFormat","moment","unlockScrollBody","lockScrollBody","isEmpty","v","_a","enabled","btnEl","onMounted","AirDatepicker","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_normalizeClass","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"wbAGMA,EAAa,CAAE,MAAO,eACtBC,EAAa,CAAC,KAAM,WAAY,cAAe,OAAO,EACtDC,EAAa,CAAC,KAAM,WAAY,aAAa,EAC7CC,EAAa,CAAC,KAAK,EACnBC,uBAA8C,OAAQ,CAAE,EAAG,qZAAuZ,KAAM,EAAE,EAC1dC,EAAa,CACjBD,CACF,EA6E4BE,EAAiBC,kBAAA,CAC3C,OAAQ,mBACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAC,EACb,MAAO,CAAE,QAAS,EAAG,EACrB,gBAAiB,CAAE,QAAS,MAAU,EACtC,YAAa,CAAE,QAAS,EAAG,EAC3B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,qBAAsB,CAAE,QAAS,EAAG,EACpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,cAAe,CAAE,QAAS,EAAG,EAC7B,QAAS,CAAE,QAAS,EAAG,EACvB,QAAS,CAAE,QAAS,EAAG,EACvB,KAAM,CAAE,QAASC,EAAA,gBAAgB,IAAK,EACtC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,QAAS,aAAc,CACrC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAUR,CAAE,EAAAG,EAAG,OAAAC,CAAO,EAAIC,EAAQ,QAAA,EACxBC,EAAa,KAAKC,EAAAA,aAAa,KAAKA,EAAAA,aAAa,OACnD,IAAAC,EACJ,MAAMC,EAAmC,CACvC,aAAeC,GAAQ,CAAC,CAACA,EACzB,aAAc,IACZR,EAAM,sBAAwBC,EAAE,0BAA0B,CAAA,EAExDQ,EAAeC,EAAAA,MAGfC,EAAKC,WAAS,IAAMZ,EAAM,SAAW,MAAMa,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOZ,EAAM,UACf,EACA,IAAIQ,EAAK,CACPT,EAAK,oBAAqBS,CAAG,CAC/B,CAAA,CACD,EACKO,EAAoBH,EAAAA,SAAgC,IAAM,CAC9D,CACE,QAASX,EAAE,+CAA+C,EAC1D,UACE,sKACF,QAAUe,GAAO,CACfA,EAAG,MAAM,EACTC,EAAAA,SAAS,IAAM,CACJC,GAAA,CACV,EACDF,EAAG,KAAK,CACV,CACF,EACA,CACE,QAASf,EAAE,gDAAgD,EAC3D,UAAW,GAAGU,EAAG,KAAK,yTACtB,QAAUK,GAAO,CACfF,EAAM,MAAQK,EAAsBV,EAAa,KAAK,EAClDA,EAAa,MACb,GACJQ,EAAAA,SAAS,IAAM,CACJC,GAAA,CACV,EACDF,EAAG,KAAK,CACV,EACA,MAAOhB,EAAM,SACT,CACE,SAAU,EAEZ,EAAA,MACN,CAAA,CACD,EACKoB,EAAoBR,EAAAA,SAAS,IAAM,CACvC,MAAMS,EAAwC,CAC5C,KAAM,CACJpB,EAAE,4CAA4C,EAC9CA,EAAE,4CAA4C,EAC9CA,EAAE,6CAA6C,EAC/CA,EAAE,+CAA+C,EACjDA,EAAE,8CAA8C,EAChDA,EAAE,4CAA4C,EAC9CA,EAAE,8CAA8C,CAClD,EACA,UAAW,CACTA,EAAE,kDAAkD,EACpDA,EAAE,kDAAkD,EACpDA,EAAE,mDAAmD,EACrDA,EAAE,qDAAqD,EACvDA,EAAE,oDAAoD,EACtDA,EAAE,kDAAkD,EACpDA,EAAE,oDAAoD,CACxD,EACA,QAAS,CACPA,EAAE,gDAAgD,EAClDA,EAAE,gDAAgD,EAClDA,EAAE,iDAAiD,EACnDA,EAAE,mDAAmD,EACrDA,EAAE,kDAAkD,EACpDA,EAAE,gDAAgD,EAClDA,EAAE,kDAAkD,CACtD,EACA,OAAQ,CACNA,EAAE,+CAA+C,EACjDA,EAAE,gDAAgD,EAClDA,EAAE,6CAA6C,EAC/CA,EAAE,6CAA6C,EAC/CA,EAAE,2CAA2C,EAC7CA,EAAE,4CAA4C,EAC9CA,EAAE,4CAA4C,EAC9CA,EAAE,8CAA8C,EAChDA,EAAE,iDAAiD,EACnDA,EAAE,+CAA+C,EACjDA,EAAE,gDAAgD,EAClDA,EAAE,gDAAgD,CACpD,EACA,YAAa,CACXA,EAAE,qDAAqD,EACvDA,EAAE,sDAAsD,EACxDA,EAAE,mDAAmD,EACrDA,EAAE,mDAAmD,EACrDA,EAAE,iDAAiD,EACnDA,EAAE,kDAAkD,EACpDA,EAAE,kDAAkD,EACpDA,EAAE,oDAAoD,EACtDA,EAAE,uDAAuD,EACzDA,EAAE,qDAAqD,EACvDA,EAAE,sDAAsD,EACxDA,EAAE,sDAAsD,CAC1D,EACA,MAAOA,EAAE,8CAA8C,EACvD,MAAOA,EAAE,8CAA8C,EACvD,WAAY,aACZ,WAAY,QACZ,SAAU,CAAA,EAENqB,EAAqB,CAAC,CAC1B,KAAAC,CAAA,IAKI,CACE,MAAAC,EAAcL,EAAsBI,CAAI,EACjCd,EAAA,MAAQe,EAAcD,EAAO,CAAA,EACtCvB,EAAM,UACRyB,EAAoBD,CAAW,CACjC,EAGK,MAAA,CACL,OAAQH,EACR,cAAerB,EAAM,WACrB,SAAUsB,EACV,QAASP,EAAkB,MAC3B,gBAAiB,GACjB,WAAY,GACZ,eAAgB,GAChB,QAASf,EAAM,QACf,QAASA,EAAM,QACf,KAAMA,EAAM,KACZ,OAAQ0B,EACR,OAAQC,EACR,UAAW,CACT,KAAM,WACR,EACA,SAAU3B,EAAM,SAChB,MAAO,GACP,uBAAwB,MACxB,SAAU;AAAA;AAAA;AAAA,sBAIV,SAAU;AAAA;AAAA;AAAA,qBAAA,CAIZ,CACD,EACK4B,EAAShB,EAAAA,SAAS,IAAM,CAC5B,IAAIiB,EAA2B,CAAA,EAE/B,OAAI7B,EAAM,UACR6B,EAAO,KAAKtB,CAAgB,EAE1BP,EAAM,kBACC6B,EAAAA,EAAO,OAAO7B,EAAM,eAAe,GAGvC6B,EAAO,OAASA,EAAS,MAAA,CACjC,EACKC,EAAqBlB,EAAAA,SAAS,IAAM,CACxC,4EACA,CACE,4DAA6DZ,EAAM,SACnE,uBAAwB,CAACA,EAAM,SAC/B,sDACE,CAAC+B,EAAiB,MAAM,MAC1B,kFACEA,EAAiB,MAAM,MACzB,2CAA4CC,EAAkB,KAChE,EACAhC,EAAM,aAAA,CACP,EACKgC,EAAoBtB,MAAI,EAAK,EAC7BuB,EAAerB,EAAA,SAAS,IAC5BZ,EAAM,WAAW,IAAKQ,GAAQ0B,EAAW1B,CAAG,CAAC,EAAE,KAAK,KAAK,CAAA,EAGrD,CAAE,SAAAU,EAAU,iBAAAa,CAAA,EAAqBI,EAAA,mBACrCxB,EAAG,MACHG,EACAc,EAAO,KAAA,EAKTQ,EAAA,MACE,IAAMpC,EAAM,WACZ,IAAM,CACAqC,EAAuB/B,EAAW,aAAa,IAC7Ca,EAAsBnB,EAAM,UAAU,EAC7BM,EAAA,WAAWN,EAAM,UAAU,EAEtCM,EAAW,MAAM,EAGvB,EACA,CAAE,KAAM,EAAK,CAAA,EAEf8B,EAAA,MACE,CACElC,EACA,IAAMF,EAAM,SACZ,IAAMA,EAAM,QACZ,IAAMA,EAAM,QACZ,IAAMA,EAAM,IACd,EACA,IAAM,CACOM,EAAA,OAAOc,EAAkB,KAAK,CAC3C,CAAA,EAKF,MAAMD,EAAyBmB,IAAcA,GAAA,YAAAA,EAAG,UAAW,EACrDJ,EAAcX,GAClBgB,EAAAA,iBAAiBhB,CAAI,EAAIiB,EAAOjB,CAAI,EAAE,OAAOnB,CAAU,EAAImB,EACvDG,EAAe,IAAM,CACzBM,EAAkB,MAAQ,GACTS,EAAAA,kBAAA,EAEbd,EAAe,IAAM,CACzBK,EAAkB,MAAQ,GACtBb,EAAsBnB,EAAM,UAAU,EAC7BM,EAAA,WAAWN,EAAM,UAAU,EAEtCM,EAAW,MAAM,EAEJoC,EAAAA,gBAAA,EAEXL,EAA0Bd,GAChB,CACZ,CAACoB,EAAQ3C,EAAM,UAAU,GAAK2C,EAAQpB,CAAI,EAC1C,CAACoB,EAAQpB,CAAI,GAAKoB,EAAQ3C,EAAM,UAAU,EAC1C,CAAC2C,EAAQ3C,EAAM,UAAU,GACvB,CAAC2C,EAAQpB,CAAI,GACbvB,EAAM,WAAW,KAAK,CAAC4C,EAAG,WAAM,OAAAA,GAAA,YAAAA,EAAG,eAAcC,EAAAtB,EAAK,CAAC,IAAN,YAAAsB,EAAS,WAAS,CAAA,EAG1D,KAAM,GAAM,CAAC,EAEtBpB,EAAuBqB,GAAqB,CAChD,MAAMC,EAAQ,SAAS,cAAc,IAAIpC,EAAG,KAAK,cAAc,EAC3DmC,EACFC,GAAA,MAAAA,EAAO,gBAAgB,YAEhBA,GAAA,MAAAA,EAAA,aAAa,WAAY,GAClC,EAKFC,OAAAA,EAAAA,UAAU,IAAM,CACd1C,EAAa,IAAI2C,EACf,IAAItC,EAAG,KAAK,SACZS,EAAkB,KAAA,CACpB,CACD,EACD8B,EAAAA,gBAAgB,IAAM,CACHT,EAAAA,kBAAA,CAClB,EAGM,CAACU,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAAA,YAAaC,EAAQ,CACnB,GAAI7C,EAAG,MACP,MAAOwC,EAAK,MACZ,SAAUA,EAAK,QAAA,EACd,KAAM,EAAG,CAAC,KAAM,QAAS,UAAU,CAAC,EACvCM,EAAA,mBAAoB,MAAOpE,EAAY,CACrCoE,EAAAA,mBAAoB,QAAS,CAC3B,GAAI9C,EAAG,MACP,MAAO+C,EAAAA,eAAgB,CAAC5B,EAAmB,MAAO,2CAA2C,CAAC,EAC9F,SAAUqB,EAAK,SACf,YAAaA,EAAK,YAClB,MAAOlB,EAAa,MACpB,SAAU,EAAA,EACT,KAAM,GAAI3C,CAAU,EACvBmE,EAAAA,mBAAoB,QAAS,CAC3B,GAAI,GAAG9C,EAAG,KAAK,SACf,MAAO+C,EAAAA,eAAgB,CAAC5B,EAAmB,MAAO,+BAA+B,CAAC,EAClF,SAAUqB,EAAK,SACf,YAAaA,EAAK,YAClB,SAAU,EAAA,EACT,KAAM,GAAI5D,CAAU,EACvBkE,EAAAA,mBAAoB,QAAS,CAC3B,IAAK,GAAG9C,EAAG,KAAK,SAChB,MAAO,0CAAA,EACN,EACA0C,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOI,iBAAgB,CAAC,CACtB1D,EAAM,SAAW,mBAAqB,sBACxC,EAAG,eAAe,CAAC,EACnB,QAAS,cACT,MAAO,4BAAA,EACNN,EAAY,CAAC,EAAA,EACf,EAAGF,CAAU,CAAA,CACjB,EACC2D,EAAK,YAMHQ,EAAoB,mBAAA,GAAI,EAAI,GAL3BN,EAAW,UAAA,EAAGO,EAAAA,YAAaC,EAAe,CACzC,IAAK,EACL,gBAAiBC,EAAA,MAAO/B,CAAgB,EAAE,aAAa,EACvD,MAAO,SAAA,EACN,KAAM,EAAG,CAAC,eAAe,CAAC,EACD,CACjC,EAEH,CAEA,CAAC"}

package/dist/design-system14.mjs

@@ -9,8 +9,8 @@ import ee from "./design-system30.mjs";
 import { checkIfISOFormat as se } from "./design-system47.mjs";
 import te from "./design-system92.mjs";
 import { DateDelimiter as B } from "./design-system4.mjs";
-import ae from "./design-system93.mjs";
-import l from "./design-system100.mjs";
+import ae from "./design-system94.mjs";
+import l from "./design-system98.mjs";
 const oe = { class: "ds-relative" }, de = ["id", "disabled", "placeholder", "value"], re = ["id", "disabled", "placeholder"], ne = ["for"], le = /* @__PURE__ */ i("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), ie = [
   le
 ], Ve = /* @__PURE__ */ Y({

package/dist/design-system15.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),E=require("./design-system6.js"),b=require("./design-system4.js"),B=require("./design-system93.js"),$=["for"],V=["id"],P=["id","data-cy","data-ut"],L=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:a}){const s=g,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>s.inputId||`id-${B()}`),t=e.computed({get(){return s.modelValue!==void 0?s.modelValue:c.value},set(o){s.modelValue!==void 0?a("update:modelValue",o):c.value=o}});e.watch(t,o=>{var d;o?h():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>s.noCloseOnClickOutside,o=>{o?y():v()}),e.watch(()=>s.noCloseOnEsc,o=>{o?k():f()});const f=()=>{document.addEventListener("keydown",m)},m=o=>{o.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=o=>{[n.value,l.value].some(O=>o.composedPath().includes(O))||u()},w=()=>{t.value=!t.value},h=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,s.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{t.value=!1},k=()=>{document.removeEventListener("keydown",m)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{s.noCloseOnEsc||f(),s.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(b.PIKey.CloseDropdown,u),(o,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[s.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(s.label),9,$)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([o.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:w},[e.renderSlot(o.$slots,"toggle")],10,V),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${o.menuCssClass} ${s.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":o.$attrs["data-cy"]?`${o.$attrs["data-cy"]}Menu`:void 0,"data-ut":o.$attrs["data-ut"]?`${o.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(o.$slots,"default")],10,P),[[e.vShow,t.value]])],512))}});module.exports=L;
+"use strict";const e=require("vue"),E=require("./design-system6.js"),b=require("./design-system4.js"),B=require("./design-system94.js"),$=["for"],V=["id"],P=["id","data-cy","data-ut"],L=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:a}){const s=g,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>s.inputId||`id-${B()}`),t=e.computed({get(){return s.modelValue!==void 0?s.modelValue:c.value},set(o){s.modelValue!==void 0?a("update:modelValue",o):c.value=o}});e.watch(t,o=>{var d;o?h():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>s.noCloseOnClickOutside,o=>{o?y():v()}),e.watch(()=>s.noCloseOnEsc,o=>{o?k():f()});const f=()=>{document.addEventListener("keydown",m)},m=o=>{o.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=o=>{[n.value,l.value].some(O=>o.composedPath().includes(O))||u()},w=()=>{t.value=!t.value},h=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,s.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{t.value=!1},k=()=>{document.removeEventListener("keydown",m)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{s.noCloseOnEsc||f(),s.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(b.PIKey.CloseDropdown,u),(o,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[s.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(s.label),9,$)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([o.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:w},[e.renderSlot(o.$slots,"toggle")],10,V),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${o.menuCssClass} ${s.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":o.$attrs["data-cy"]?`${o.$attrs["data-cy"]}Menu`:void 0,"data-ut":o.$attrs["data-ut"]?`${o.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(o.$slots,"default")],10,P),[[e.vShow,t.value]])],512))}});module.exports=L;
 //# sourceMappingURL=design-system15.js.map

package/dist/design-system15.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as M, ref as d, computed as E, watch as r, nextTick as _, onMounted as D, onBeforeUnmount as z, provide as F, openBlock as w, createElementBlock as h, toDisplayString as I, createCommentVNode as S, createElementVNode as O, normalizeClass as b, renderSlot as $, withDirectives as x, vShow as N } from "vue";
 import { ensureVisiblePosition as T, resetPosition as K } from "./design-system6.mjs";
 import { PIKey as U } from "./design-system4.mjs";
-import j from "./design-system93.mjs";
+import j from "./design-system94.mjs";
 const q = ["for"], A = ["id"], G = ["id", "data-cy", "data-ut"], X = /* @__PURE__ */ M({
   __name: "BDropdown",
   props: {

package/dist/design-system18.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),F=require("./design-system3.js"),k=require("./design-system6.js"),O=require("./design-system48.js"),U=require("./design-system27.js"),j=require("./design-system29.js"),W=require("./design-system30.js"),A=require("./design-system39.js"),H=require("./design-system93.js"),G={class:"ds-absolute ds-right-3 ds-z-[1]"},J=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),K=[J],Q=["onClick"],X=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Y=[X],Z=["id","disabled"],ee=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),se=[ee],le=["id","data-cy","data-ut"],te={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},oe={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ne=["onClick"],ae=e.defineComponent({__name:"BMultiSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:u}){const o=_,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:w}=O.useI18n(),M={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||w("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${H()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),$=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=c.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),q=e.computed(()=>{let s=[];return o.required&&s.push(M),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),I=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${w("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),N=e.computed(()=>o.showSelectedItemCount?`${o.label}${I.value}`:o.label),{validate:b,validationResult:c}=F.useValidationField(m.value,n,q.value);e.watch(a,s=>{s?(k.lockScrollBody(),D(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{B()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&B()},{deep:!0});const B=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},z=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},S=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},L=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},D=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),R(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},P=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},T=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&B()})(),e.onMounted(()=>{z(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(W,{id:m.value,label:N.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(c).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(c).valid,"ds-border-black/10":e.unref(c).valid,"ds-border-error":!e.unref(c).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",G,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var i;return(i=g.value)==null?void 0:i.focus()})},K,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,i)=>(e.openBlock(),e.createElementBlock("div",{key:`item${i}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>T(t)},Y,8,Q))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(A,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),P],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass($.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},se,2))],10,Z)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",te,[e.createElementVNode("ul",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,i)=>(e.openBlock(),e.createElementBlock("li",{key:`item${i}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>L(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(U,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ne))),128))])])],10,le),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=ae;
+"use strict";const e=require("vue"),F=require("./design-system3.js"),k=require("./design-system6.js"),O=require("./design-system48.js"),U=require("./design-system27.js"),j=require("./design-system29.js"),W=require("./design-system30.js"),A=require("./design-system39.js"),H=require("./design-system94.js"),G={class:"ds-absolute ds-right-3 ds-z-[1]"},J=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),K=[J],Q=["onClick"],X=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Y=[X],Z=["id","disabled"],ee=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),se=[ee],le=["id","data-cy","data-ut"],te={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},oe={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ne=["onClick"],ae=e.defineComponent({__name:"BMultiSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:u}){const o=_,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:w}=O.useI18n(),M={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||w("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${H()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),$=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=c.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),q=e.computed(()=>{let s=[];return o.required&&s.push(M),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),I=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${w("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),N=e.computed(()=>o.showSelectedItemCount?`${o.label}${I.value}`:o.label),{validate:b,validationResult:c}=F.useValidationField(m.value,n,q.value);e.watch(a,s=>{s?(k.lockScrollBody(),D(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{B()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&B()},{deep:!0});const B=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},z=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},S=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},L=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},D=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),R(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},P=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},T=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&B()})(),e.onMounted(()=>{z(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(W,{id:m.value,label:N.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(c).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(c).valid,"ds-border-black/10":e.unref(c).valid,"ds-border-error":!e.unref(c).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",G,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var i;return(i=g.value)==null?void 0:i.focus()})},K,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,i)=>(e.openBlock(),e.createElementBlock("div",{key:`item${i}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>T(t)},Y,8,Q))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(A,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),P],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass($.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},se,2))],10,Z)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",te,[e.createElementVNode("ul",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,i)=>(e.openBlock(),e.createElementBlock("li",{key:`item${i}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>L(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(U,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ne))),128))])])],10,le),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=ae;
 //# sourceMappingURL=design-system18.js.map