@7pmlabs/design-system 0.8.2 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/design-system.mjs +16 -16
  2. package/dist/design-system100.mjs +68 -6
  3. package/dist/design-system100.mjs.map +1 -1
  4. package/dist/design-system101.mjs +6 -67
  5. package/dist/design-system101.mjs.map +1 -1
  6. package/dist/design-system117.mjs +1 -1
  7. package/dist/design-system14.mjs +23 -17
  8. package/dist/design-system14.mjs.map +1 -1
  9. package/dist/design-system15.mjs +60 -25
  10. package/dist/design-system15.mjs.map +1 -1
  11. package/dist/design-system16.mjs +269 -53
  12. package/dist/design-system16.mjs.map +1 -1
  13. package/dist/design-system17.mjs +107 -263
  14. package/dist/design-system17.mjs.map +1 -1
  15. package/dist/design-system18.mjs +112 -112
  16. package/dist/design-system18.mjs.map +1 -1
  17. package/dist/design-system19.mjs +193 -113
  18. package/dist/design-system19.mjs.map +1 -1
  19. package/dist/design-system20.mjs +62 -188
  20. package/dist/design-system20.mjs.map +1 -1
  21. package/dist/design-system21.mjs +38 -69
  22. package/dist/design-system21.mjs.map +1 -1
  23. package/dist/design-system22.mjs +38 -34
  24. package/dist/design-system22.mjs.map +1 -1
  25. package/dist/design-system23.mjs +133 -42
  26. package/dist/design-system23.mjs.map +1 -1
  27. package/dist/design-system24.mjs +550 -129
  28. package/dist/design-system24.mjs.map +1 -1
  29. package/dist/design-system25.mjs +5 -562
  30. package/dist/design-system25.mjs.map +1 -1
  31. package/dist/design-system26.mjs +6 -5
  32. package/dist/design-system26.mjs.map +1 -1
  33. package/dist/design-system27.mjs +4 -5
  34. package/dist/design-system27.mjs.map +1 -1
  35. package/dist/design-system28.mjs +10 -5
  36. package/dist/design-system28.mjs.map +1 -1
  37. package/dist/design-system29.mjs +23 -10
  38. package/dist/design-system29.mjs.map +1 -1
  39. package/dist/design-system40.mjs +63 -45
  40. package/dist/design-system40.mjs.map +1 -1
  41. package/dist/design-system41.mjs +1 -1
  42. package/dist/design-system57.mjs +64 -37
  43. package/dist/design-system57.mjs.map +1 -1
  44. package/dist/design-system62.mjs +1 -1
  45. package/dist/design-system63.mjs +1 -1
  46. package/dist/design-system68.mjs +1 -1
  47. package/dist/design-system69.mjs +1 -1
  48. package/dist/design-system70.mjs +1 -1
  49. package/dist/design-system71.mjs +1 -1
  50. package/dist/design-system72.mjs +1 -1
  51. package/dist/design-system74.mjs +1 -1
  52. package/dist/design-system78.mjs +1 -1
  53. package/dist/design-system79.mjs +2 -2
  54. package/dist/design-system81.mjs +1 -1
  55. package/dist/design-system83.mjs +1 -1
  56. package/dist/design-system83.mjs.map +1 -1
  57. package/dist/design-system85.mjs +2 -2
  58. package/dist/design-system88.mjs +2 -2
  59. package/dist/design-system92.mjs +1 -1
  60. package/dist/design-system93.mjs +1 -1
  61. package/dist/design-system94.mjs +1 -1
  62. package/dist/design-system99.mjs +62 -63
  63. package/dist/design-system99.mjs.map +1 -1
  64. package/dist/style.css +1 -1
  65. package/dist/types/components/BCheckbox.vue.d.ts +31 -1
  66. package/dist/types/components/BCurrencyField.vue.d.ts +4 -4
  67. package/dist/types/components/BDatePicker/BDatePicker.vue.d.ts +3 -3
  68. package/dist/types/components/BImagePicker/BImagePicker.vue.d.ts +1 -1
  69. package/dist/types/components/BMultiSelect.vue.d.ts +2 -2
  70. package/dist/types/components/BOtpField/BOtpField.vue.d.ts +2 -2
  71. package/dist/types/components/BRadio.vue.d.ts +1 -1
  72. package/dist/types/components/BSelect.vue.d.ts +2 -2
  73. package/dist/types/components/BTextField.vue.d.ts +3 -3
  74. package/dist/types/components/BTextarea.vue.d.ts +3 -3
  75. package/dist/types/components/BToast/BToastItem.vue.d.ts +6 -1
  76. package/dist/types/components/BTooltip.vue.d.ts +2 -2
  77. package/dist/types/types/components/BToast.d.ts +1 -0
  78. package/package.json +1 -1
@@ -1,46 +1,50 @@
1
- import { defineComponent as u, computed as p, withDirectives as m, openBlock as o, createElementBlock as l, createVNode as v, TransitionGroup as _, withCtx as f, Fragment as y, renderList as h, createBlock as x, vShow as C } from "vue";
2
- import V from "./design-system40.mjs";
3
- const g = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, $ = /* @__PURE__ */ u({
4
- __name: "BToast",
1
+ import { defineComponent as k, computed as b, openBlock as r, createElementBlock as l, createElementVNode as v, Fragment as a, renderList as c, normalizeClass as u, renderSlot as i, createTextVNode as h, toDisplayString as V } from "vue";
2
+ const _ = { class: "ds-flex" }, g = ["onClick"], $ = /* @__PURE__ */ k({
3
+ __name: "BStepper",
5
4
  props: {
5
+ headers: {},
6
6
  modelValue: {}
7
7
  },
8
8
  emits: ["update:modelValue"],
9
- setup(n, { emit: c }) {
10
- const i = n, t = p({
9
+ setup(p, { emit: m }) {
10
+ const o = p, f = m, n = b({
11
11
  get() {
12
- return i.modelValue;
12
+ return o.modelValue;
13
13
  },
14
14
  set(e) {
15
- r("update:modelValue", e);
15
+ f("update:modelValue", e);
16
16
  }
17
- }), r = c, d = (e) => {
18
- t.value.splice(e, 1);
17
+ }), x = (e, d) => {
18
+ e.clickable && (n.value = d);
19
19
  };
20
- return (e, k) => m((o(), l("div", g, [
21
- v(_, {
22
- "enter-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
23
- "enter-from-class": "ds-opacity-0",
24
- "enter-to-class": "ds-opacity-1",
25
- "leave-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
26
- "leave-from-class": "ds-opacity-1",
27
- "leave-to-class": "ds-opacity-0"
28
- }, {
29
- default: f(() => [
30
- (o(!0), l(y, null, h(t.value, (s, a) => (o(), x(V, {
31
- key: `toastItem${a}`,
32
- icon: s.icon,
33
- text: s.text,
34
- type: s.type,
35
- class: "ds-my-2",
36
- onClose: (B) => d(a)
37
- }, null, 8, ["icon", "text", "type", "onClose"]))), 128))
38
- ]),
39
- _: 1
40
- })
41
- ], 512)), [
42
- [C, t.value.length > 0]
43
- ]);
20
+ return (e, d) => (r(), l("div", null, [
21
+ v("ul", _, [
22
+ (r(!0), l(a, null, c(o.headers, (t, s) => (r(), l("li", {
23
+ key: t.text,
24
+ class: u([{
25
+ "ds-cursor-pointer": t.clickable,
26
+ "ds-pointer-events-none ds-text-black/40": t.disabled,
27
+ "ds-text-primary-t": s < n.value,
28
+ "after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200": s < e.headers.length - 1
29
+ }, "ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),
30
+ onClick: (y) => x(t, s)
31
+ }, [
32
+ i(e.$slots, `step-header-${s}`, {
33
+ text: t.text
34
+ }, () => [
35
+ h(V(t.text), 1)
36
+ ])
37
+ ], 10, g))), 128))
38
+ ]),
39
+ (r(!0), l(a, null, c(e.headers, (t, s) => (r(), l("div", {
40
+ key: t.text,
41
+ class: u({
42
+ "ds-hidden": n.value !== s
43
+ })
44
+ }, [
45
+ i(e.$slots, `step-content-${s}`)
46
+ ], 2))), 128))
47
+ ]));
44
48
  }
45
49
  });
46
50
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"design-system22.mjs","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n modelValue: BToastItemModel[];\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BToast',\n props: {\n modelValue: {}\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val) {\n emit('update:modelValue', val);\n },\n});\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createVNode(_TransitionGroup, {\n \"enter-active-class\": \"ds-transition-all ds-duration-300 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-duration-300 ds-ease-in-out\",\n \"leave-from-class\": \"ds-opacity-1\",\n \"leave-to-class\": \"ds-opacity-0\"\n }, {\n default: _withCtx(() => [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n return (_openBlock(), _createBlock(BToastItem, {\n key: `toastItem${index}`,\n icon: toastItem.icon,\n text: toastItem.text,\n type: toastItem.type,\n class: \"ds-my-2\",\n onClose: ($event: any) => (onCloseToastItem(index))\n }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n }), 128))\n ]),\n _: 1\n })\n ], 512)), [\n [_vShow, value.value.length > 0]\n ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__emit","props","value","computed","val","emit","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAC,EAAK,qBAAqBD,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAOL,GAIPM,IAAmB,CAACC,MAAc;AAChC,MAAAL,EAAA,MAAM,OAAOK,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOhB,GAAY;AAAA,MAC3EiB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYf,EAAM,OAAO,CAACgB,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQrB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}
1
+ {"version":3,"file":"design-system22.mjs","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n /**\n * Array of header objects.\n */\n headers: BStepperHeader[];\n /**\n * Index of step.\n */\n modelValue: number;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BStepper',\n props: {\n headers: {},\n modelValue: {}\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val) {\n emit('update:modelValue', val);\n },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n if (!header.clickable) {\n return;\n }\n value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createElementVNode(\"ul\", _hoisted_1, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n return (_openBlock(), _createElementBlock(\"li\", {\n key: header.text,\n class: _normalizeClass([{\n 'ds-cursor-pointer': header.clickable,\n 'ds-pointer-events-none ds-text-black/40': header.disabled,\n 'ds-text-primary-t': i < value.value,\n 'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n i < _ctx.headers.length - 1,\n }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n onClick: ($event: any) => (onClickStepperHeader(header, i))\n }, [\n _renderSlot(_ctx.$slots, `step-header-${i}`, {\n text: header.text\n }, () => [\n _createTextVNode(_toDisplayString(header.text), 1)\n ])\n ], 10, _hoisted_2))\n }), 128))\n ]),\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n key: step.text,\n class: _normalizeClass({\n 'ds-hidden': value.value !== i,\n })\n }, [\n _renderSlot(_ctx.$slots, `step-content-${i}`)\n ], 2))\n }), 128))\n ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAII,GAAK;AACP,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMlB,GAAY;AAAA,SACnCgB,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYd,EAAM,SAAS,CAACM,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIX,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}
@@ -1,53 +1,144 @@
1
- import { defineComponent as k, computed as b, openBlock as r, createElementBlock as l, createElementVNode as v, Fragment as a, renderList as c, normalizeClass as u, renderSlot as i, createTextVNode as h, toDisplayString as V } from "vue";
2
- const _ = { class: "ds-flex" }, g = ["onClick"], $ = /* @__PURE__ */ k({
3
- __name: "BStepper",
1
+ import { defineComponent as x, ref as n, computed as w, onMounted as z, nextTick as N, onUnmounted as V, openBlock as d, createElementBlock as u, createElementVNode as o, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, toDisplayString as R, createVNode as B, withDirectives as $, vShow as C, createBlock as I, Teleport as T, createCommentVNode as F } from "vue";
2
+ import E from "./design-system105.mjs";
3
+ import P from "./design-system98.mjs";
4
+ const U = ["href", "title"], j = {
5
+ "aria-hidden": "true",
6
+ class: "ds-pl-2"
7
+ }, q = ["id"], A = ["href", "title"], G = {
8
+ key: 0,
9
+ "aria-hidden": "true",
10
+ class: "ds-pl-2"
11
+ }, Q = /* @__PURE__ */ x({
12
+ __name: "BBreadcrumb",
4
13
  props: {
5
- headers: {},
6
- modelValue: {}
14
+ items: { default: () => [] }
7
15
  },
8
- emits: ["update:modelValue"],
9
- setup(p, { emit: m }) {
10
- const o = p, f = m, n = b({
11
- get() {
12
- return o.modelValue;
13
- },
14
- set(e) {
15
- f("update:modelValue", e);
16
- }
17
- }), x = (e, d) => {
18
- e.clickable && (n.value = d);
16
+ setup(M) {
17
+ const O = M, i = n(!1), c = n(null), h = n(null), v = n(null), m = n(null), l = n([]), k = new ResizeObserver(() => {
18
+ if (l.value.length <= 1)
19
+ return;
20
+ const s = c.value.clientWidth, a = v.value[0].clientWidth;
21
+ for (let e = 1; e < l.value.length && l.value.reduce(
22
+ (t, r) => r.hidden ? t : t + r.width,
23
+ 0
24
+ ) + a > s; e++)
25
+ l.value[e].hidden = !0;
26
+ for (let e = l.value.length - 1; e >= 1; e--)
27
+ if (l.value[e].hidden)
28
+ if (l.value.reduce(
29
+ (t, r) => r.hidden ? t : t + r.width,
30
+ 0
31
+ ) + l.value[e].width + a <= s)
32
+ l.value[e].hidden = !1;
33
+ else
34
+ break;
35
+ }), p = w(() => l.value.some((s) => s.hidden)), b = w(() => `menu-id-${P()}`), L = () => {
36
+ i.value = !i.value;
37
+ }, W = () => {
38
+ document.addEventListener("click", _);
39
+ }, S = () => {
40
+ document.removeEventListener("click", _);
41
+ }, _ = (s) => {
42
+ [v.value[0], m.value[0]].some((t) => s.composedPath().includes(t)) || (i.value = !1);
19
43
  };
20
- return (e, d) => (r(), l("div", null, [
21
- v("ul", _, [
22
- (r(!0), l(a, null, c(o.headers, (t, s) => (r(), l("li", {
23
- key: t.text,
24
- class: u([{
25
- "ds-cursor-pointer": t.clickable,
26
- "ds-pointer-events-none ds-text-black/40": t.disabled,
27
- "ds-text-primary-t": s < n.value,
28
- "after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200": s < e.headers.length - 1
29
- }, "ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),
30
- onClick: (y) => x(t, s)
31
- }, [
32
- i(e.$slots, `step-header-${s}`, {
33
- text: t.text
34
- }, () => [
35
- h(V(t.text), 1)
36
- ])
37
- ], 10, g))), 128))
38
- ]),
39
- (r(!0), l(a, null, c(e.headers, (t, s) => (r(), l("div", {
40
- key: t.text,
41
- class: u({
42
- "ds-hidden": n.value !== s
44
+ return z(() => {
45
+ W(), k.observe(c.value), l.value = O.items.map(
46
+ (s) => ({
47
+ ...s,
48
+ hidden: !1,
49
+ width: 0
43
50
  })
51
+ ), N(() => {
52
+ l.value.forEach((s, a) => {
53
+ s.width = h.value[a].clientWidth;
54
+ });
55
+ });
56
+ }), V(() => {
57
+ S(), k.unobserve(c.value);
58
+ }), (s, a) => (d(), u("nav", null, [
59
+ o("ol", {
60
+ ref_key: "ulRef",
61
+ ref: c,
62
+ class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
44
63
  }, [
45
- i(e.$slots, `step-content-${s}`)
46
- ], 2))), 128))
64
+ (d(!0), u(y, null, D(l.value, (e, t) => {
65
+ var r;
66
+ return d(), u(y, {
67
+ key: `item${e.text}`
68
+ }, [
69
+ t === 0 ? (d(), u("li", {
70
+ key: 0,
71
+ ref_for: !0,
72
+ ref_key: "liRefs",
73
+ ref: h,
74
+ class: "ds-whitespace-nowrap ds-text-black/[0.85]"
75
+ }, [
76
+ f(s.$slots, `item-${t}`, { item: e }, () => [
77
+ o("a", {
78
+ href: e.href,
79
+ title: e.href,
80
+ class: "ds-transition-colors hover:ds-text-primary-t"
81
+ }, R(e.text), 9, U)
82
+ ]),
83
+ o("span", j, [
84
+ f(s.$slots, `separator-${t}`, { item: e }, () => [
85
+ B(E)
86
+ ])
87
+ ]),
88
+ o("div", {
89
+ ref_for: !0,
90
+ ref_key: "ellipsisRefs",
91
+ ref: v,
92
+ class: "ds-inline-block"
93
+ }, [
94
+ $(o("button", {
95
+ class: g([{ "ds-bg-slate-50": i.value }, "ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50"]),
96
+ onClick: L
97
+ }, " ... ", 2), [
98
+ [C, p.value]
99
+ ]),
100
+ $(o("ol", {
101
+ id: b.value,
102
+ ref_for: !0,
103
+ ref_key: "ellipsisMenuRefs",
104
+ ref: m,
105
+ class: "ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
106
+ }, null, 8, q), [
107
+ [C, p.value && i.value]
108
+ ])
109
+ ], 512)
110
+ ], 512)) : (d(), I(T, {
111
+ key: 1,
112
+ disabled: !e.hidden,
113
+ to: `#${b.value}`
114
+ }, [
115
+ o("li", {
116
+ ref_for: !0,
117
+ ref_key: "liRefs",
118
+ ref: h,
119
+ class: "ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"
120
+ }, [
121
+ f(s.$slots, `item-${t}`, { item: e }, () => [
122
+ o("a", {
123
+ href: e.href,
124
+ title: e.href,
125
+ class: "ds-transition-colors hover:ds-text-primary-t"
126
+ }, R(e.text), 9, A)
127
+ ]),
128
+ t < ((r = s.items) == null ? void 0 : r.length) - 1 ? (d(), u("span", G, [
129
+ f(s.$slots, `separator-${t}`, { item: e }, () => [
130
+ B(E)
131
+ ])
132
+ ])) : F("", !0)
133
+ ], 512)
134
+ ], 8, ["disabled", "to"]))
135
+ ], 64);
136
+ }), 128))
137
+ ], 2)
47
138
  ]));
48
139
  }
49
140
  });
50
141
  export {
51
- $ as default
142
+ Q as default
52
143
  };
53
144
  //# sourceMappingURL=design-system23.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"design-system23.mjs","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n /**\n * Array of header objects.\n */\n headers: BStepperHeader[];\n /**\n * Index of step.\n */\n modelValue: number;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BStepper',\n props: {\n headers: {},\n modelValue: {}\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val) {\n emit('update:modelValue', val);\n },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n if (!header.clickable) {\n return;\n }\n value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", null, [\n _createElementVNode(\"ul\", _hoisted_1, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n return (_openBlock(), _createElementBlock(\"li\", {\n key: header.text,\n class: _normalizeClass([{\n 'ds-cursor-pointer': header.clickable,\n 'ds-pointer-events-none ds-text-black/40': header.disabled,\n 'ds-text-primary-t': i < value.value,\n 'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n i < _ctx.headers.length - 1,\n }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n onClick: ($event: any) => (onClickStepperHeader(header, i))\n }, [\n _renderSlot(_ctx.$slots, `step-header-${i}`, {\n text: header.text\n }, () => [\n _createTextVNode(_toDisplayString(header.text), 1)\n ])\n ], 10, _hoisted_2))\n }), 128))\n ]),\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n key: step.text,\n class: _normalizeClass({\n 'ds-hidden': value.value !== i,\n })\n }, [\n _renderSlot(_ctx.$slots, `step-content-${i}`)\n ], 2))\n }), 128))\n ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAII,GAAK;AACP,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMlB,GAAY;AAAA,SACnCgB,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYd,EAAM,SAAS,CAACM,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIX,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}
1
+ {"version":3,"file":"design-system23.mjs","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n \"aria-hidden\": \"true\",\n class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n key: 0,\n \"aria-hidden\": \"true\",\n class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n hidden: boolean;\n width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n /**\n * Array of breadcrumb items.\n */\n items?: BBreadcrumbItem[];\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BBreadcrumb',\n props: {\n items: { default: () => [] }\n },\n setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n if (breadcrumbItems.value.length <= 1) {\n return;\n }\n\n const ulRefWidth = ulRef.value!.clientWidth;\n const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n for (let i = 1; i < breadcrumbItems.value.length; i++) {\n if (\n breadcrumbItems.value.reduce(\n (acc, item) => (!item.hidden ? acc + item.width : acc),\n 0,\n ) +\n ellipsisRefWidth >\n ulRefWidth\n ) {\n breadcrumbItems.value[i].hidden = true;\n } else {\n break;\n }\n }\n\n for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n if (breadcrumbItems.value[i].hidden) {\n if (\n breadcrumbItems.value.reduce(\n (acc, item) => (!item.hidden ? acc + item.width : acc),\n 0,\n ) +\n breadcrumbItems.value[i].width +\n ellipsisRefWidth <=\n ulRefWidth\n ) {\n breadcrumbItems.value[i].hidden = false;\n } else {\n break;\n }\n }\n }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n if (!withinBoundaries) {\n collapsedBreadcrumbMenu.value = false;\n }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n initClickOutsideEventListener();\n resizeObserver.observe(ulRef.value!);\n\n breadcrumbItems.value = props.items.map(\n (item) =>\n ({\n ...item,\n hidden: false,\n width: 0,\n }) as BBreadcrumbItemInternal,\n );\n nextTick(() => {\n breadcrumbItems.value.forEach((item, index) => {\n item.width = liRefs.value![index].clientWidth;\n });\n });\n});\nonUnmounted(() => {\n removeClickOutsideEventListener();\n resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"nav\", null, [\n _createElementVNode(\"ol\", {\n ref_key: \"ulRef\",\n ref: ulRef,\n class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n }, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n return (_openBlock(), _createElementBlock(_Fragment, {\n key: `item${item.text}`\n }, [\n (index === 0)\n ? (_openBlock(), _createElementBlock(\"li\", {\n key: 0,\n ref_for: true,\n ref_key: \"liRefs\",\n ref: liRefs,\n class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n }, [\n _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n _createElementVNode(\"a\", {\n href: item.href,\n title: item.href,\n class: \"ds-transition-colors hover:ds-text-primary-t\"\n }, _toDisplayString(item.text), 9, _hoisted_1)\n ]),\n _createElementVNode(\"span\", _hoisted_2, [\n _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n _createVNode(BBreadcrumbSeparator)\n ])\n ]),\n _createElementVNode(\"div\", {\n ref_for: true,\n ref_key: \"ellipsisRefs\",\n ref: ellipsisRefs,\n class: \"ds-inline-block\"\n }, [\n _withDirectives(_createElementVNode(\"button\", {\n class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.value }, \"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50\"]),\n onClick: toggleCollapedBreadcrumbMenu\n }, \" ... \", 2), [\n [_vShow, isCollapsed.value]\n ]),\n _withDirectives(_createElementVNode(\"ol\", {\n id: ellipsisMenuId.value,\n ref_for: true,\n ref_key: \"ellipsisMenuRefs\",\n ref: ellipsisMenuRefs,\n class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n }, null, 8, _hoisted_3), [\n [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n ])\n ], 512)\n ], 512))\n : (_openBlock(), _createBlock(_Teleport, {\n key: 1,\n disabled: !item.hidden,\n to: `#${ellipsisMenuId.value}`\n }, [\n _createElementVNode(\"li\", {\n ref_for: true,\n ref_key: \"liRefs\",\n ref: liRefs,\n class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n }, [\n _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n _createElementVNode(\"a\", {\n href: item.href,\n title: item.href,\n class: \"ds-transition-colors hover:ds-text-primary-t\"\n }, _toDisplayString(item.text), 9, _hoisted_4)\n ]),\n (index < _ctx.items?.length - 1)\n ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n _createVNode(BBreadcrumbSeparator)\n ])\n ]))\n : _createCommentVNode(\"\", true)\n ], 512)\n ], 8, [\"disabled\", \"to\"]))\n ], 64))\n }), 128))\n ], 2)\n ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}