@7pmlabs/design-system 0.2.0 → 0.2.2

package/dist/design-system136.mjs

@@ -1,10 +1,13 @@
-function h(t, e) {
-  var n = -1, l = t.length;
-  for (e || (e = Array(l)); ++n < l; )
-    e[n] = t[n];
-  return e;
-}
+import r from "./design-system178.mjs";
+var t = function() {
+  try {
+    var e = r(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}();
+const i = t;
 export {
-  h as default
+  i as default
 };
 //# sourceMappingURL=design-system136.mjs.map

package/dist/design-system136.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system136.mjs","sources":["../node_modules/lodash-es/_copyArray.js"],"sourcesContent":["/**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\nfunction copyArray(source, array) {\n  var index = -1,\n      length = source.length;\n\n  array || (array = Array(length));\n  while (++index < length) {\n    array[index] = source[index];\n  }\n  return array;\n}\n\nexport default copyArray;\n"],"names":["copyArray","source","array","index","length"],"mappings":"AAQA,SAASA,EAAUC,GAAQC,GAAO;AAChC,MAAIC,IAAQ,IACRC,IAASH,EAAO;AAGpB,OADAC,MAAUA,IAAQ,MAAME,CAAM,IACvB,EAAED,IAAQC;AACf,IAAAF,EAAMC,CAAK,IAAIF,EAAOE,CAAK;AAE7B,SAAOD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system136.mjs","sources":["../node_modules/lodash-es/_defineProperty.js"],"sourcesContent":["import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n"],"names":["defineProperty","func","getNative","defineProperty$1"],"mappings":";AAEA,IAAIA,IAAkB,WAAW;AAC/B,MAAI;AACF,QAAIC,IAAOC,EAAU,QAAQ,gBAAgB;AAC7C,WAAAD,EAAK,CAAE,GAAE,IAAI,CAAA,CAAE,GACRA;AAAA,EACX,QAAc;AAAA,EAAE;AAChB,EAAC;AAED,MAAAE,IAAeH;","x_google_ignoreList":[0]}

package/dist/design-system137.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./design-system128.js"),r=require("./design-system182.js");function c(t,e){return o(t,r(t),e)}module.exports=c;
+"use strict";const s=require("./design-system179.js"),o=require("./design-system180.js"),a=require("./design-system181.js"),c=require("./design-system182.js"),i=require("./design-system183.js"),p=require("./design-system184.js");function t(e){var r=this.__data__=new s(e);this.size=r.size}t.prototype.clear=o;t.prototype.delete=a;t.prototype.get=c;t.prototype.has=i;t.prototype.set=p;module.exports=t;
 //# sourceMappingURL=design-system137.js.map

package/dist/design-system137.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system137.js","sources":["../node_modules/lodash-es/_copySymbols.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport getSymbols from './_getSymbols.js';\n\n/**\n * Copies own symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\nfunction copySymbols(source, object) {\n  return copyObject(source, getSymbols(source), object);\n}\n\nexport default copySymbols;\n"],"names":["copySymbols","source","object","copyObject","getSymbols"],"mappings":"yFAWA,SAASA,EAAYC,EAAQC,EAAQ,CACnC,OAAOC,EAAWF,EAAQG,EAAWH,CAAM,EAAGC,CAAM,CACtD","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system137.js","sources":["../node_modules/lodash-es/_Stack.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport stackClear from './_stackClear.js';\nimport stackDelete from './_stackDelete.js';\nimport stackGet from './_stackGet.js';\nimport stackHas from './_stackHas.js';\nimport stackSet from './_stackSet.js';\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n  var data = this.__data__ = new ListCache(entries);\n  this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nexport default Stack;\n"],"names":["Stack","entries","data","ListCache","stackClear","stackDelete","stackGet","stackHas","stackSet"],"mappings":"qOAcA,SAASA,EAAMC,EAAS,CACtB,IAAIC,EAAO,KAAK,SAAW,IAAIC,EAAUF,CAAO,EAChD,KAAK,KAAOC,EAAK,IACnB,CAGAF,EAAM,UAAU,MAAQI,EACxBJ,EAAM,UAAU,OAAYK,EAC5BL,EAAM,UAAU,IAAMM,EACtBN,EAAM,UAAU,IAAMO,EACtBP,EAAM,UAAU,IAAMQ","x_google_ignoreList":[0]}

package/dist/design-system137.mjs

@@ -1,9 +1,19 @@
-import m from "./design-system128.mjs";
-import r from "./design-system182.mjs";
-function f(o, t) {
-  return m(o, r(o), t);
+import r from "./design-system179.mjs";
+import a from "./design-system180.mjs";
+import p from "./design-system181.mjs";
+import s from "./design-system182.mjs";
+import i from "./design-system183.mjs";
+import m from "./design-system184.mjs";
+function t(o) {
+  var e = this.__data__ = new r(o);
+  this.size = e.size;
 }
+t.prototype.clear = a;
+t.prototype.delete = p;
+t.prototype.get = s;
+t.prototype.has = i;
+t.prototype.set = m;
 export {
-  f as default
+  t as default
 };
 //# sourceMappingURL=design-system137.mjs.map

package/dist/design-system137.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system137.mjs","sources":["../node_modules/lodash-es/_copySymbols.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport getSymbols from './_getSymbols.js';\n\n/**\n * Copies own symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\nfunction copySymbols(source, object) {\n  return copyObject(source, getSymbols(source), object);\n}\n\nexport default copySymbols;\n"],"names":["copySymbols","source","object","copyObject","getSymbols"],"mappings":";;AAWA,SAASA,EAAYC,GAAQC,GAAQ;AACnC,SAAOC,EAAWF,GAAQG,EAAWH,CAAM,GAAGC,CAAM;AACtD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system137.mjs","sources":["../node_modules/lodash-es/_Stack.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport stackClear from './_stackClear.js';\nimport stackDelete from './_stackDelete.js';\nimport stackGet from './_stackGet.js';\nimport stackHas from './_stackHas.js';\nimport stackSet from './_stackSet.js';\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n  var data = this.__data__ = new ListCache(entries);\n  this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nexport default Stack;\n"],"names":["Stack","entries","data","ListCache","stackClear","stackDelete","stackGet","stackHas","stackSet"],"mappings":";;;;;;AAcA,SAASA,EAAMC,GAAS;AACtB,MAAIC,IAAO,KAAK,WAAW,IAAIC,EAAUF,CAAO;AAChD,OAAK,OAAOC,EAAK;AACnB;AAGAF,EAAM,UAAU,QAAQI;AACxBJ,EAAM,UAAU,SAAYK;AAC5BL,EAAM,UAAU,MAAMM;AACtBN,EAAM,UAAU,MAAMO;AACtBP,EAAM,UAAU,MAAMQ;","x_google_ignoreList":[0]}

package/dist/design-system138.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system128.js"),o=require("./design-system173.js");function r(t,e){return n(t,o(t),e)}module.exports=r;
+"use strict";const r=require("./design-system132.js"),t=require("./design-system127.js");function n(e,s){return e&&r(s,t(s),e)}module.exports=n;
 //# sourceMappingURL=design-system138.js.map

package/dist/design-system138.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system138.js","sources":["../node_modules/lodash-es/_copySymbolsIn.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport getSymbolsIn from './_getSymbolsIn.js';\n\n/**\n * Copies own and inherited symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\nfunction copySymbolsIn(source, object) {\n  return copyObject(source, getSymbolsIn(source), object);\n}\n\nexport default copySymbolsIn;\n"],"names":["copySymbolsIn","source","object","copyObject","getSymbolsIn"],"mappings":"yFAWA,SAASA,EAAcC,EAAQC,EAAQ,CACrC,OAAOC,EAAWF,EAAQG,EAAaH,CAAM,EAAGC,CAAM,CACxD","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system138.js","sources":["../node_modules/lodash-es/_baseAssign.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport keys from './keys.js';\n\n/**\n * The base implementation of `_.assign` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\nfunction baseAssign(object, source) {\n  return object && copyObject(source, keys(source), object);\n}\n\nexport default baseAssign;\n"],"names":["baseAssign","object","source","copyObject","keys"],"mappings":"yFAYA,SAASA,EAAWC,EAAQC,EAAQ,CAClC,OAAOD,GAAUE,EAAWD,EAAQE,EAAKF,CAAM,EAAGD,CAAM,CAC1D","x_google_ignoreList":[0]}

package/dist/design-system138.mjs

@@ -1,9 +1,9 @@
-import m from "./design-system128.mjs";
-import r from "./design-system173.mjs";
-function e(o, t) {
-  return m(o, r(o), t);
+import o from "./design-system132.mjs";
+import e from "./design-system127.mjs";
+function m(r, t) {
+  return r && o(t, e(t), r);
 }
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=design-system138.mjs.map

package/dist/design-system138.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system138.mjs","sources":["../node_modules/lodash-es/_copySymbolsIn.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport getSymbolsIn from './_getSymbolsIn.js';\n\n/**\n * Copies own and inherited symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\nfunction copySymbolsIn(source, object) {\n  return copyObject(source, getSymbolsIn(source), object);\n}\n\nexport default copySymbolsIn;\n"],"names":["copySymbolsIn","source","object","copyObject","getSymbolsIn"],"mappings":";;AAWA,SAASA,EAAcC,GAAQC,GAAQ;AACrC,SAAOC,EAAWF,GAAQG,EAAaH,CAAM,GAAGC,CAAM;AACxD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system138.mjs","sources":["../node_modules/lodash-es/_baseAssign.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport keys from './keys.js';\n\n/**\n * The base implementation of `_.assign` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\nfunction baseAssign(object, source) {\n  return object && copyObject(source, keys(source), object);\n}\n\nexport default baseAssign;\n"],"names":["baseAssign","object","source","copyObject","keys"],"mappings":";;AAYA,SAASA,EAAWC,GAAQC,GAAQ;AAClC,SAAOD,KAAUE,EAAWD,GAAQE,EAAKF,CAAM,GAAGD,CAAM;AAC1D;","x_google_ignoreList":[0]}

package/dist/design-system139.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./design-system172.js"),t=require("./design-system182.js"),r=require("./design-system116.js");function n(e){return s(e,r,t)}module.exports=n;
+"use strict";const s=require("./design-system132.js"),r=require("./design-system129.js");function t(e,n){return e&&s(n,r(n),e)}module.exports=t;
 //# sourceMappingURL=design-system139.js.map

package/dist/design-system139.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system139.js","sources":["../node_modules/lodash-es/_getAllKeys.js"],"sourcesContent":["import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbols from './_getSymbols.js';\nimport keys from './keys.js';\n\n/**\n * Creates an array of own enumerable property names and symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeys(object) {\n  return baseGetAllKeys(object, keys, getSymbols);\n}\n\nexport default getAllKeys;\n"],"names":["getAllKeys","object","baseGetAllKeys","keys","getSymbols"],"mappings":"4HAWA,SAASA,EAAWC,EAAQ,CAC1B,OAAOC,EAAeD,EAAQE,EAAMC,CAAU,CAChD","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system139.js","sources":["../node_modules/lodash-es/_baseAssignIn.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport keysIn from './keysIn.js';\n\n/**\n * The base implementation of `_.assignIn` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\nfunction baseAssignIn(object, source) {\n  return object && copyObject(source, keysIn(source), object);\n}\n\nexport default baseAssignIn;\n"],"names":["baseAssignIn","object","source","copyObject","keysIn"],"mappings":"yFAYA,SAASA,EAAaC,EAAQC,EAAQ,CACpC,OAAOD,GAAUE,EAAWD,EAAQE,EAAOF,CAAM,EAAGD,CAAM,CAC5D","x_google_ignoreList":[0]}

package/dist/design-system139.mjs

@@ -1,10 +1,9 @@
-import t from "./design-system172.mjs";
-import o from "./design-system182.mjs";
-import r from "./design-system116.mjs";
-function f(e) {
-  return t(e, r, o);
+import t from "./design-system132.mjs";
+import o from "./design-system129.mjs";
+function i(n, r) {
+  return n && t(r, o(r), n);
 }
 export {
-  f as default
+  i as default
 };
 //# sourceMappingURL=design-system139.mjs.map

package/dist/design-system139.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system139.mjs","sources":["../node_modules/lodash-es/_getAllKeys.js"],"sourcesContent":["import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbols from './_getSymbols.js';\nimport keys from './keys.js';\n\n/**\n * Creates an array of own enumerable property names and symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeys(object) {\n  return baseGetAllKeys(object, keys, getSymbols);\n}\n\nexport default getAllKeys;\n"],"names":["getAllKeys","object","baseGetAllKeys","keys","getSymbols"],"mappings":";;;AAWA,SAASA,EAAWC,GAAQ;AAC1B,SAAOC,EAAeD,GAAQE,GAAMC,CAAU;AAChD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system139.mjs","sources":["../node_modules/lodash-es/_baseAssignIn.js"],"sourcesContent":["import copyObject from './_copyObject.js';\nimport keysIn from './keysIn.js';\n\n/**\n * The base implementation of `_.assignIn` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\nfunction baseAssignIn(object, source) {\n  return object && copyObject(source, keysIn(source), object);\n}\n\nexport default baseAssignIn;\n"],"names":["baseAssignIn","object","source","copyObject","keysIn"],"mappings":";;AAYA,SAASA,EAAaC,GAAQC,GAAQ;AACpC,SAAOD,KAAUE,EAAWD,GAAQE,EAAOF,CAAM,GAAGD,CAAM;AAC5D;","x_google_ignoreList":[0]}

package/dist/design-system14.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),F=require("./design-system3.js"),k=require("./design-system6.js"),O=require("./design-system40.js"),U=require("./design-system23.js"),j=require("./design-system26.js"),W=require("./design-system27.js"),H=require("./design-system36.js"),A=require("./design-system83.js"),G={class:"ds-absolute ds-right-3 ds-z-[1]"},J=["onClick"],K=["id","disabled"],Q=["id","data-cy","data-ut"],X={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},Y={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},Z=["onClick"],ee=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:["update:modelValue","change","open","close","change:input"],setup(V,{expose:_,emit:u}){const a=V,v=e.ref(null),g=e.ref(null),p=e.ref(null),o=e.ref(!1),{t:C}=O.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>a.requiredErrorMessage||C("ds.global.field_required")},b=e.ref(""),r=e.ref([]),f=e.computed(()=>a.inputId||`id-${A()}`),n=e.computed({get(){return a.modelValue},set(s){u("update:modelValue",s)}}),q=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+=a.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.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}),M=e.computed(()=>{let s=[];return a.required&&s.push($),a.validationRules&&(s=s.concat(a.validationRules)),s.length?s:void 0}),I=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${C("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),N=e.computed(()=>a.showSelectedItemCount?`${a.label}${I.value}`:a.label),{validate:h,validationResult:i}=F.useValidationField(f.value,n,M.value);e.watch(o,s=>{s?(k.lockScrollBody(),D(),u("open")):(k.unlockScrollBody(),E(),u("close"))}),e.watch(n,()=>{y()},{deep:!0}),e.watch(()=>a.items,()=>{n.value.length!==0&&r.value.length===0&&y()},{deep:!0});const y=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=a.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",x)},x=s=>{s.key==="Escape"&&w()},z=()=>{document.addEventListener("click",B)},B=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||w()},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(()=>{h()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},D=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),R(v.value,p.value)})},E=()=>{k.resetPosition(v.value,p.value)},P=s=>{u("change:input",s)},w=()=>{var s;o.value=!1,(s=g.value)==null||s.blur(),b.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(()=>{h()}))};return(()=>{a.items.length>0&&y()})(),e.onMounted(()=>{S(),z()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",x),document.removeEventListener("click",B),k.unlockScrollBody(),E()}),_({validate:h,selectMenu:o}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(W,{id:f.value,label:N.value,required:s.required},null,8,["id","label","required"]),a.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":o.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":o.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).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.createElementVNode("i",{class:e.normalizeClass(`fa-solid fa-caret-down ds-transition-transform ${o.value?"ds-rotate-180":""}`),onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},null,2)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,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.createElementVNode("i",{class:"fa-solid fa-circle-xmark ds-cursor-pointer ds-text-black/60 hover:ds-text-black/40",onClick:m=>T(t)},null,8,J)]))),128)),a.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:f.value,ref_key:"inputRef",ref:g,modelValue:b.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>b.value=t),P],disabled:a.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=>o.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:f.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>o.value=!o.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(a.placeholder),3)),e.createTextVNode("   "),e.createElementVNode("span",{class:e.normalizeClass([`${o.value?"ds-rotate-180":""}`,"fa-solid fa-caret-down ds-text-base ds-transition-transform"])},null,2)],10,K)),e.withDirectives(e.createElementVNode("div",{id:`${f.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",X,[e.createElementVNode("ul",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(m=>L(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(m=>m.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]=m=>n.value=m),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,Z))),128))])])],10,Q),[[e.vShow,o.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1","prepend-icon":"fa-solid fa-circle-exclamation"},null,8,["error-message"]))])}}});module.exports=ee;
+"use strict";const e=require("vue"),u=require("./design-system5.js"),o=require("./design-system6.js"),c=require("./design-system89.js"),i={inheritAttrs:!1},d=e.defineComponent({...i,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:u.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,l=e.computed({get(){return s.modelValue},set(t){r("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(c,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=p=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=d;
 //# sourceMappingURL=design-system14.js.map

package/dist/design-system14.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system14.js","sources":["../src/components/BMultiSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, unref as _unref, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withModifiers as _withModifiers, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-absolute ds-right-3 ds-z-[1]\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_5 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_6 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_7 = [\"onClick\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport {\n  ensureVisiblePosition,\n  lockScrollBody,\n  resetPosition,\n  unlockScrollBody,\n} from '@/helpers/ComponentHelper';\nimport type { BMultiSelectProps, DisplayItem } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BCheckbox from './BCheckbox.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport BTextField from './BTextField.vue';\n\n/**\n * Props\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BMultiSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    showSelectedItemCount: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\n  'update:modelValue',\n  'change',\n  'open',\n  'close',\n  'change:input',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://vuejs.org/guide/essentials/event-handling.html#event-modifiers\n\n\n/**\n * Events\n */\n\n\n\n/**\n * Data\n */\nconst selectEl = ref<HTMLElement | null>(null);\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\nconst selectMenuEl = ref<HTMLElement | null>(null);\nconst selectMenu = ref(false);\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: Array<string | number>) => !!val && val.length > 0,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItems = ref<DisplayItem[]>([]);\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 btnCssClass = computed(() => {\n  let result = `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 `;\n  result += props.disabled\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\n    : `ds-bg-white ds-text-black/[0.85] `;\n  result += !validationResult.value.valid\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\n\n  return result;\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 selectedItemCount = computed(() =>\n  value.value?.length > 1\n    ? ` (${t('ds.components.base.multi_select.selected_item_count', {\n        count: value.value?.length,\n      })})`\n    : ''\n);\nconst labelDisplay = computed(() =>\n  props.showSelectedItemCount\n    ? `${props.label}${selectedItemCount.value}`\n    : props.label\n);\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n/**\n * Watch\n */\nwatch(selectMenu, (val) => {\n  if (val) {\n    lockScrollBody();\n    ensureMenuPosition();\n    emit('open');\n  } else {\n    unlockScrollBody();\n    resetMenuPosition();\n    emit('close');\n  }\n});\nwatch(\n  value,\n  () => {\n    ensureSelectedItems();\n  },\n  {\n    deep: true,\n  }\n);\nwatch(\n  () => props.items,\n  () => {\n    if (value.value.length !== 0 && selectedItems.value.length === 0) {\n      ensureSelectedItems();\n    }\n  },\n  {\n    deep: true,\n  }\n);\n\n/**\n * Methods\n */\nconst ensureSelectedItems = () => {\n  selectedItems.value = value.value.map((v) => {\n    let item = selectedItems.value.find((i) => i.value === v);\n    if (!item) {\n      item = props.items.find((i) => i.value === v);\n    }\n    return { text: item?.text, value: v, cssClass: item?.cssClass };\n  });\n};\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closeSelectMenu();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [selectEl.value, selectMenuEl.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    closeSelectMenu();\n  }\n};\nconst onClickItem = (item: DisplayItem) => {\n  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n  } else {\n    value.value.push(item.value);\n  }\n  emit('change', item.value);\n  nextTick(() => {\n    validate();\n  });\n};\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(selectEl.value!, selectMenuEl.value!);\n};\nconst onChangeInputText = (text: string) => {\n  emit('change:input', text);\n};\nconst closeSelectMenu = () => {\n  selectMenu.value = false;\n  inputRef.value?.blur();\n  inputText.value = '';\n};\nconst deselectItem = (item: DisplayItem) => {\n  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n    emit('change', item.value);\n    nextTick(() => {\n      validate();\n    });\n  }\n};\nconst init = () => {\n  if (props.items.length > 0) {\n    ensureSelectedItems();\n  }\n};\ninit();\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n  initPressEscapeEventListener();\n  initClickOutsideEventListener();\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n  document.removeEventListener('click', closeOnClickOutside);\n  unlockScrollBody();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n\n__expose({ validate, selectMenu });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: labelDisplay.value,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            class: _normalizeClass([{\n          'ds-border-focus ds-ring-1 ds-ring-focus':\n            selectMenu.value && _unref(validationResult).valid,\n          'ds-ring-1 ds-ring-error': selectMenu.value && !_unref(validationResult).valid,\n          'ds-border-black/10': _unref(validationResult).valid,\n          'ds-border-error': !_unref(validationResult).valid,\n        }, \"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\"])\n          }, [\n            _createElementVNode(\"div\", _hoisted_1, [\n              _createElementVNode(\"i\", {\n                class: _normalizeClass(`fa-solid fa-caret-down ds-transition-transform ${\n              selectMenu.value ? 'ds-rotate-180' : ''\n            }`),\n                onClick: _cache[0] || (_cache[0] = ($event: any) => (inputRef.value?.focus()))\n              }, null, 2)\n            ]),\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(selectedItems.value, (item, i) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                key: `item${i}`,\n                class: \"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2\"\n              }, [\n                _createElementVNode(\"span\", null, _toDisplayString(item.text), 1),\n                _createElementVNode(\"i\", {\n                  class: \"fa-solid fa-circle-xmark ds-cursor-pointer ds-text-black/60 hover:ds-text-black/40\",\n                  onClick: ($event: any) => (deselectItem(item))\n                }, null, 8, _hoisted_2)\n              ]))\n            }), 128)),\n            (props.allowInput)\n              ? (_openBlock(), _createBlock(BTextField, {\n                  key: 0,\n                  id: id.value,\n                  ref_key: \"inputRef\",\n                  ref: inputRef,\n                  modelValue: inputText.value,\n                  \"onUpdate:modelValue\": [\n                    _cache[1] || (_cache[1] = ($event: any) => ((inputText).value = $event)),\n                    onChangeInputText\n                  ],\n                  disabled: props.disabled,\n                  class: \"ds-flex-auto\",\n                  \"hide-details\": \"\",\n                  \"input-css-class\": \"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0\",\n                  onFocus: _cache[2] || (_cache[2] = ($event: any) => (selectMenu.value = true))\n                }, null, 8, [\"id\", \"modelValue\", \"disabled\"]))\n              : _createCommentVNode(\"\", true)\n          ], 2))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: _ctx.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            (selectedItems.value.length > 0)\n              ? (_openBlock(), _createElementBlock(\"span\", {\n                  key: 0,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm\"])\n                }, _toDisplayString(selectedItems.value?.map((s) => s.text).join(', ')), 3))\n              : (_openBlock(), _createElementBlock(\"span\", {\n                  key: 1,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm ds-text-black/[0.4]\"])\n                }, _toDisplayString(props.placeholder), 3)),\n            _createTextVNode(\"   \"),\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([`${selectMenu.value ? 'ds-rotate-180' : ''}`, \"fa-solid fa-caret-down ds-text-base ds-transition-transform\"])\n            }, null, 2)\n          ], 10, _hoisted_3)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([_ctx.menuCssClass, \"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\"]),\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_5, [\n          _createElementVNode(\"ul\", _hoisted_6, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: _withModifiers(($event: any) => (onClickItem(item)), [\"prevent\"])\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\n                  item.cssClass +\n                  `${\n                    selectedItems.value.some((s) => s.value === item.value)\n                      ? ' ds-bg-slate-100'\n                      : ''\n                  }`\n                , \"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100\"])\n                }, [\n                  _createVNode(BCheckbox, {\n                    modelValue: value.value,\n                    \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((value).value = $event)),\n                    value: item.value,\n                    size: \"sm\"\n                  }, null, 8, [\"modelValue\", \"value\"]),\n                  _createElementVNode(\"span\", null, _toDisplayString(item?.text), 1)\n                ], 2)\n              ], 8, _hoisted_7))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_4), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\",\n          \"prepend-icon\": \"fa-solid fa-circle-exclamation\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItems","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","selectedItemCount","_a","_b","labelDisplay","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItems","v","item","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","index","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","deselectItem","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_normalizeClass","_unref","$event","_Fragment","_renderList","_toDisplayString","_createBlock","BTextField","_createCommentVNode","s","_createTextVNode","_withDirectives","_withModifiers","BCheckbox","_vShow","BErrorMessage"],"mappings":"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"}
+{"version":3,"file":"design-system14.js","sources":["../src/components/BModal/BModal.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, createVNode as _createVNode, Teleport as _Teleport } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport type { BModalProps } from '@/types';\nimport { computed, onBeforeUnmount, watch } from 'vue';\nimport BModalContainer from './BModalContainer.vue';\n\n/**\n * Props\n */\n\n/**\n * [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes\n */\nconst __default__ = {\n  // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance\n  inheritAttrs: false,\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  ...__default__,\n  __name: 'BModal',\n  props: {\n    modelValue: { type: Boolean },\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n\n/**\n * Watch\n */\nwatch(\n  value,\n  (val) => {\n    if (val) {\n      lockScrollBody();\n    } else {\n      unlockScrollBody();\n    }\n  },\n  { immediate: true },\n);\n\n/**\n * Lifecycle hooks\n */\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createVNode(_Transition, {\n      \"enter-active-class\": \"ds-transition-all ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (value.value)\n          ? (_openBlock(), _createBlock(BModalContainer, {\n              key: 0,\n              class: _normalizeClass(_ctx.$attrs.class),\n              fullscreen: props.fullscreen,\n              persistent: props.persistent,\n              size: props.size,\n              onClose: _cache[0] || (_cache[0] = ($event: any) => (value.value = false))\n            }, {\n              default: _withCtx(() => [\n                _renderSlot(_ctx.$slots, \"default\")\n              ]),\n              _: 3\n            }, 8, [\"class\", \"fullscreen\", \"persistent\", \"size\"]))\n          : _createCommentVNode(\"\", true)\n      ]),\n      _: 3\n    })\n  ]))\n}\n}\n\n})"],"names":["__default__","_sfc_main","_defineComponent","BModalSize","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_withCtx","BModalContainer","_normalizeClass","$event","_renderSlot","_createCommentVNode"],"mappings":"wIAgBMA,EAAc,CAElB,aAAc,EAChB,EAG4BC,EAAiBC,kBAAA,CAC3C,GAAGF,EACH,OAAQ,SACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,KAAM,CAAE,QAASG,EAAA,WAAW,MAAO,EACnC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAC5C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAKDC,OAAAA,EAAA,MACEH,EACCE,GAAQ,CACHA,EACaE,EAAAA,iBAEEC,EAAAA,kBAErB,EACA,CAAE,UAAW,EAAK,CAAA,EAMpBC,EAAAA,gBAAgB,IAAM,CACHD,EAAAA,kBAAA,CAClB,EAEM,CAACE,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,WAAW,CAAE,GAAI,QAAU,CAC5DC,EAAAA,YAAaC,EAAAA,WAAa,CACxB,qBAAsB,mCACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mCACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,CACrBd,EAAM,OACFS,EAAAA,YAAcC,EAAAA,YAAaK,EAAiB,CAC3C,IAAK,EACL,MAAOC,EAAA,eAAgBT,EAAK,OAAO,KAAK,EACxC,WAAYR,EAAM,WAClB,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,QAASS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKS,GAAiBjB,EAAM,MAAQ,GAAA,EAClE,CACD,QAASc,UAAS,IAAM,CACtBI,aAAYX,EAAK,OAAQ,SAAS,CAAA,CACnC,EACD,EAAG,CAAA,EACF,EAAG,CAAC,QAAS,aAAc,aAAc,MAAM,CAAC,GACnDY,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,CAAA,CACF,EAEH,CAEA,CAAC"}

package/dist/design-system14.mjs

@@ -1,253 +1,67 @@
-import { defineComponent as ee, ref as m, computed as b, watch as I, nextTick as V, onMounted as se, onBeforeUnmount as le, openBlock as n, createElementBlock as r, createElementVNode as u, createVNode as L, normalizeClass as i, unref as y, Fragment as P, renderList as D, toDisplayString as C, createBlock as z, createCommentVNode as N, createTextVNode as te, withDirectives as de, withModifiers as ae, vShow as oe } from "vue";
-import { useValidationField as ne } from "./design-system3.mjs";
-import { lockScrollBody as ue, unlockScrollBody as O, ensureVisiblePosition as re, resetPosition as ie } from "./design-system6.mjs";
-import { useI18n as ce } from "./design-system40.mjs";
-import ve from "./design-system23.mjs";
-import fe from "./design-system26.mjs";
-import pe from "./design-system27.mjs";
-import me from "./design-system36.mjs";
-import be from "./design-system83.mjs";
-const ge = { class: "ds-absolute ds-right-3 ds-z-[1]" }, he = ["onClick"], ke = ["id", "disabled"], xe = ["id", "data-cy", "data-ut"], ye = { class: "ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow" }, Ce = { class: "ds-py-1 ds-text-sm ds-text-black/[0.85]" }, we = ["onClick"], Le = /* @__PURE__ */ ee({
-  __name: "BMultiSelect",
+import { defineComponent as c, computed as u, watch as f, onBeforeUnmount as m, openBlock as o, createBlock as a, Teleport as p, createVNode as y, Transition as B, withCtx as r, normalizeClass as _, renderSlot as v, createCommentVNode as z } from "vue";
+import { BModalSize as V } from "./design-system5.mjs";
+import { lockScrollBody as k, unlockScrollBody as n } from "./design-system6.mjs";
+import C from "./design-system89.mjs";
+const S = {
+  // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
+  inheritAttrs: !1
+}, T = /* @__PURE__ */ c({
+  ...S,
+  __name: "BModal",
   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 }
+    modelValue: { type: Boolean },
+    size: { default: V.Medium },
+    fullscreen: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 }
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "open",
-    "close",
-    "change:input"
-  ],
-  setup(T, { expose: F, emit: v }) {
-    const t = T, g = m(null), w = m(null), h = m(null), a = m(!1), { t: B } = ce(), U = {
-      validateRule: (e) => !!e && e.length > 0,
-      errorMessage: () => t.requiredErrorMessage || B("ds.global.field_required")
-    }, $ = m(""), c = m([]), k = b(() => t.inputId || `id-${be()}`), d = b({
+  emits: ["update:modelValue"],
+  setup(i, { emit: d }) {
+    const t = i, s = u({
       get() {
         return t.modelValue;
       },
       set(e) {
-        v("update:modelValue", e);
+        d("update:modelValue", e);
       }
-    }), j = b(() => {
-      let e = "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 e += t.disabled ? "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] " : "ds-bg-white ds-text-black/[0.85] ", e += f.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 ", e;
-    }), W = b(() => {
-      let e = [];
-      return t.required && e.push(U), t.validationRules && (e = e.concat(t.validationRules)), e.length ? e : void 0;
-    }), A = b(
-      () => {
-        var e, s;
-        return ((e = d.value) == null ? void 0 : e.length) > 1 ? ` (${B("ds.components.base.multi_select.selected_item_count", {
-          count: (s = d.value) == null ? void 0 : s.length
-        })})` : "";
-      }
-    ), G = b(
-      () => t.showSelectedItemCount ? `${t.label}${A.value}` : t.label
-    ), { validate: E, validationResult: f } = ne(
-      k.value,
-      d,
-      W.value
-    );
-    I(a, (e) => {
-      e ? (ue(), X(), v("open")) : (O(), R(), v("close"));
-    }), I(
-      d,
-      () => {
-        M();
-      },
-      {
-        deep: !0
-      }
-    ), I(
-      () => t.items,
-      () => {
-        d.value.length !== 0 && c.value.length === 0 && M();
+    });
+    return f(
+      s,
+      (e) => {
+        e ? k() : n();
       },
-      {
-        deep: !0
-      }
-    );
-    const M = () => {
-      c.value = d.value.map((e) => {
-        let s = c.value.find((o) => o.value === e);
-        return s || (s = t.items.find((o) => o.value === e)), { text: s == null ? void 0 : s.text, value: e, cssClass: s == null ? void 0 : s.cssClass };
-      });
-    }, H = () => {
-      document.addEventListener("keydown", _);
-    }, _ = (e) => {
-      e.key === "Escape" && S();
-    }, J = () => {
-      document.addEventListener("click", q);
-    }, q = (e) => {
-      [g.value, h.value].some((l) => e.composedPath().includes(l)) || S();
-    }, K = (e) => {
-      const s = d.value.findIndex((o) => o === e.value);
-      s !== -1 ? d.value.splice(s, 1) : d.value.push(e.value), v("change", e.value), V(() => {
-        E();
-      });
-    }, Q = (e, s) => {
-      s.style.width = `${e.offsetWidth}px`;
-    }, X = () => {
-      V(() => {
-        re(g.value, h.value), Q(g.value, h.value);
-      });
-    }, R = () => {
-      ie(g.value, h.value);
-    }, Y = (e) => {
-      v("change:input", e);
-    }, S = () => {
-      var e;
-      a.value = !1, (e = w.value) == null || e.blur(), $.value = "";
-    }, Z = (e) => {
-      const s = d.value.findIndex((o) => o === e.value);
-      s !== -1 && (d.value.splice(s, 1), v("change", e.value), V(() => {
-        E();
-      }));
-    };
-    return (() => {
-      t.items.length > 0 && M();
-    })(), se(() => {
-      H(), J();
-    }), le(() => {
-      document.removeEventListener("keydown", _), document.removeEventListener("click", q), O(), R();
-    }), F({ validate: E, selectMenu: a }), (e, s) => {
-      var o;
-      return n(), r("div", null, [
-        u("div", {
-          ref_key: "selectEl",
-          ref: g
-        }, [
-          L(pe, {
-            id: k.value,
-            label: G.value,
-            required: e.required
-          }, null, 8, ["id", "label", "required"]),
-          t.allowInput ? (n(), r("div", {
+      { immediate: !0 }
+    ), m(() => {
+      n();
+    }), (e, l) => (o(), a(p, { to: "body" }, [
+      y(B, {
+        "enter-active-class": "ds-transition-all ds-ease-in-out",
+        "enter-from-class": "ds-opacity-0",
+        "enter-to-class": "ds-opacity-1",
+        "leave-active-class": "ds-transition-all ds-ease-in-out",
+        "leave-from-class": "ds-opacity-1",
+        "leave-to-class": "ds-opacity-0"
+      }, {
+        default: r(() => [
+          s.value ? (o(), a(C, {
             key: 0,
-            class: i([{
-              "ds-border-focus ds-ring-1 ds-ring-focus": a.value && y(f).valid,
-              "ds-ring-1 ds-ring-error": a.value && !y(f).valid,
-              "ds-border-black/10": y(f).valid,
-              "ds-border-error": !y(f).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"])
-          }, [
-            u("div", ge, [
-              u("i", {
-                class: i(`fa-solid fa-caret-down ds-transition-transform ${a.value ? "ds-rotate-180" : ""}`),
-                onClick: s[0] || (s[0] = (l) => {
-                  var p;
-                  return (p = w.value) == null ? void 0 : p.focus();
-                })
-              }, null, 2)
+            class: _(e.$attrs.class),
+            fullscreen: t.fullscreen,
+            persistent: t.persistent,
+            size: t.size,
+            onClose: l[0] || (l[0] = ($) => s.value = !1)
+          }, {
+            default: r(() => [
+              v(e.$slots, "default")
             ]),
-            (n(!0), r(P, null, D(c.value, (l, p) => (n(), r("div", {
-              key: `item${p}`,
-              class: "ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"
-            }, [
-              u("span", null, C(l.text), 1),
-              u("i", {
-                class: "fa-solid fa-circle-xmark ds-cursor-pointer ds-text-black/60 hover:ds-text-black/40",
-                onClick: (x) => Z(l)
-              }, null, 8, he)
-            ]))), 128)),
-            t.allowInput ? (n(), z(me, {
-              key: 0,
-              id: k.value,
-              ref_key: "inputRef",
-              ref: w,
-              modelValue: $.value,
-              "onUpdate:modelValue": [
-                s[1] || (s[1] = (l) => $.value = l),
-                Y
-              ],
-              disabled: t.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: s[2] || (s[2] = (l) => a.value = !0)
-            }, null, 8, ["id", "modelValue", "disabled"])) : N("", !0)
-          ], 2)) : (n(), r("button", {
-            key: 1,
-            id: k.value,
-            class: i(j.value),
-            disabled: e.disabled,
-            type: "button",
-            onClick: s[3] || (s[3] = (l) => a.value = !a.value)
-          }, [
-            c.value.length > 0 ? (n(), r("span", {
-              key: 0,
-              class: i([e.valueCssClass, "ds-truncate ds-text-sm"])
-            }, C((o = c.value) == null ? void 0 : o.map((l) => l.text).join(", ")), 3)) : (n(), r("span", {
-              key: 1,
-              class: i([e.valueCssClass, "ds-truncate ds-text-sm ds-text-black/[0.4]"])
-            }, C(t.placeholder), 3)),
-            te("   "),
-            u("span", {
-              class: i([`${a.value ? "ds-rotate-180" : ""}`, "fa-solid fa-caret-down ds-text-base ds-transition-transform"])
-            }, null, 2)
-          ], 10, ke)),
-          de(u("div", {
-            id: `${k.value}Menu`,
-            ref_key: "selectMenuEl",
-            ref: h,
-            class: i([e.menuCssClass, "ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),
-            "data-cy": e.$attrs["data-cy"] ? `${e.$attrs["data-cy"]}Menu` : void 0,
-            "data-ut": e.$attrs["data-ut"] ? `${e.$attrs["data-ut"]}Menu` : void 0
-          }, [
-            u("div", ye, [
-              u("ul", Ce, [
-                (n(!0), r(P, null, D(e.items, (l, p) => (n(), r("li", {
-                  key: `item${p}`,
-                  class: "ds-cursor-pointer",
-                  onClick: ae((x) => K(l), ["prevent"])
-                }, [
-                  u("a", {
-                    class: i([
-                      l.cssClass + `${c.value.some((x) => x.value === l.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"
-                    ])
-                  }, [
-                    L(ve, {
-                      modelValue: d.value,
-                      "onUpdate:modelValue": s[4] || (s[4] = (x) => d.value = x),
-                      value: l.value,
-                      size: "sm"
-                    }, null, 8, ["modelValue", "value"]),
-                    u("span", null, C(l == null ? void 0 : l.text), 1)
-                  ], 2)
-                ], 8, we))), 128))
-              ])
-            ])
-          ], 10, xe), [
-            [oe, a.value]
-          ])
-        ], 512),
-        e.hideDetails ? N("", !0) : (n(), z(fe, {
-          key: 0,
-          "error-message": y(f).errorMessage(),
-          class: "ds-mt-1",
-          "prepend-icon": "fa-solid fa-circle-exclamation"
-        }, null, 8, ["error-message"]))
-      ]);
-    };
+            _: 3
+          }, 8, ["class", "fullscreen", "persistent", "size"])) : z("", !0)
+        ]),
+        _: 3
+      })
+    ]));
   }
 });
 export {
-  Le as default
+  T as default
 };
 //# sourceMappingURL=design-system14.mjs.map