@amirjalili1374/ui-kit 1.3.6 → 1.3.8

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 (8) hide show
  1. package/dist/components/layout/AppSidebar.vue.d.ts +3 -35
  2. package/dist/components/layout/AppSidebar.vue.d.ts.map +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/ui-kit.cjs.js +2 -2
  5. package/dist/ui-kit.cjs.js.map +1 -1
  6. package/dist/ui-kit.es.js +141 -190
  7. package/dist/ui-kit.es.js.map +1 -1
  8. package/package.json +1 -1
package/dist/ui-kit.es.js CHANGED
@@ -12595,8 +12595,8 @@ const _hoisted_1$b = { class: "ca-item-title" };
12595
12595
  const _hoisted_2$6 = { class: "ca-item-subtitle" };
12596
12596
  const _hoisted_3$6 = { class: "ca-group-tooltip" };
12597
12597
  const _hoisted_4$4 = { class: "ca-group-tooltip-header" };
12598
- const _hoisted_5$4 = { class: "ca-group-count" };
12599
- const _hoisted_6$3 = { class: "ca-group-members" };
12598
+ const _hoisted_5$3 = { class: "ca-group-count" };
12599
+ const _hoisted_6$2 = { class: "ca-group-members" };
12600
12600
  const _hoisted_7$2 = { class: "ca-item-title" };
12601
12601
  const _hoisted_8$2 = { class: "ca-item-subtitle" };
12602
12602
  const _hoisted_9$2 = { class: "ca-chip-title" };
@@ -12749,9 +12749,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
12749
12749
  createElementVNode("div", _hoisted_3$6, [
12750
12750
  createElementVNode("div", _hoisted_4$4, [
12751
12751
  createElementVNode("strong", null, toDisplayString(resolveTitle(item.raw ?? item)), 1),
12752
- createElementVNode("span", _hoisted_5$4, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
12752
+ createElementVNode("span", _hoisted_5$3, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
12753
12753
  ]),
12754
- createElementVNode("div", _hoisted_6$3, [
12754
+ createElementVNode("div", _hoisted_6$2, [
12755
12755
  (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupMembers(item.raw ?? item), (member, idx) => {
12756
12756
  return openBlock(), createElementBlock("div", {
12757
12757
  key: `${resolveValue(member)}-${idx}`,
@@ -16666,11 +16666,11 @@ const _hoisted_4$3 = {
16666
16666
  key: 3,
16667
16667
  class: "selection-actions"
16668
16668
  };
16669
- const _hoisted_5$3 = {
16669
+ const _hoisted_5$2 = {
16670
16670
  key: 0,
16671
16671
  class: "selected-actions"
16672
16672
  };
16673
- const _hoisted_6$2 = {
16673
+ const _hoisted_6$1 = {
16674
16674
  key: 0,
16675
16675
  class: "me-1"
16676
16676
  };
@@ -17601,7 +17601,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
17601
17601
  appear: ""
17602
17602
  }, {
17603
17603
  default: withCtx(() => [
17604
- props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
17604
+ props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
17605
17605
  props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
17606
17606
  key: 0,
17607
17607
  color: "red",
@@ -17716,7 +17716,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
17716
17716
  onClick: ($event) => button.onClick(item)
17717
17717
  }, {
17718
17718
  default: withCtx(() => [
17719
- button.icon ? (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
17719
+ button.icon ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
17720
17720
  createTextVNode(" " + toDisplayString(button.label), 1)
17721
17721
  ]),
17722
17722
  _: 2
@@ -19106,8 +19106,8 @@ const _hoisted_4$2 = {
19106
19106
  key: 0,
19107
19107
  class: "zoom-controls"
19108
19108
  };
19109
- const _hoisted_5$2 = { class: "zoom-level" };
19110
- const _hoisted_6$1 = {
19109
+ const _hoisted_5$1 = { class: "zoom-level" };
19110
+ const _hoisted_6 = {
19111
19111
  key: 1,
19112
19112
  class: "navigation-controls"
19113
19113
  };
@@ -19368,7 +19368,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
19368
19368
  ]),
19369
19369
  _: 1
19370
19370
  }, 8, ["disabled"]),
19371
- createElementVNode("span", _hoisted_5$2, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
19371
+ createElementVNode("span", _hoisted_5$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
19372
19372
  createVNode(VBtn, {
19373
19373
  size: "small",
19374
19374
  variant: "text",
@@ -19399,7 +19399,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
19399
19399
  _: 1
19400
19400
  })
19401
19401
  ])) : createCommentVNode("", true),
19402
- __props.showNavigationControls ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
19402
+ __props.showNavigationControls ? (openBlock(), createElementBlock("div", _hoisted_6, [
19403
19403
  createVNode(VBtn, {
19404
19404
  size: "small",
19405
19405
  variant: "text",
@@ -38334,24 +38334,18 @@ const VNavigationDrawer = genericComponent()({
38334
38334
  }
38335
38335
  });
38336
38336
  const _hoisted_1$2 = { class: "logo d-flex align-center pa-4" };
38337
- const _hoisted_2$1 = {
38338
- key: 0,
38339
- class: "d-flex align-center w-100"
38340
- };
38341
- const _hoisted_3$1 = ["innerHTML"];
38342
- const _hoisted_4$1 = ["src"];
38343
- const _hoisted_5$1 = {
38344
- key: 3,
38337
+ const _hoisted_2$1 = ["src"];
38338
+ const _hoisted_3$1 = {
38339
+ key: 1,
38345
38340
  class: "logo-text text-h6 ms-2"
38346
38341
  };
38347
- const _hoisted_6 = ["src"];
38342
+ const _hoisted_4$1 = ["src"];
38348
38343
  const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
38349
38344
  __name: "AppSidebar",
38350
38345
  props: {
38351
38346
  menuItems: { default: () => [] },
38352
38347
  logo: {},
38353
38348
  logoLight: {},
38354
- logoSvg: {},
38355
38349
  logoText: {},
38356
38350
  miniSidebar: { type: Boolean, default: false },
38357
38351
  permanent: { type: Boolean, default: true },
@@ -38359,10 +38353,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
38359
38353
  rail: { type: Boolean, default: false },
38360
38354
  location: { default: "left" },
38361
38355
  width: { default: 265 },
38362
- railWidth: { default: 75 },
38363
- containerClass: { default: "" },
38364
- hideDefaultLogo: { type: Boolean, default: false },
38365
- debugBorders: { type: Boolean, default: false }
38356
+ railWidth: { default: 75 }
38366
38357
  },
38367
38358
  setup(__props) {
38368
38359
  const props = __props;
@@ -38370,8 +38361,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
38370
38361
  const route = useRoute$1();
38371
38362
  const router = useRouter$1();
38372
38363
  const isMini = computed(() => props.miniSidebar || customizer.mini_sidebar);
38373
- const isLogoSvgString = computed(() => typeof props.logoSvg === "string" && !!props.logoSvg);
38374
- const isLogoSvgComponent = computed(() => typeof props.logoSvg !== "string" && !!props.logoSvg);
38375
38364
  const drawer = computed({
38376
38365
  get: () => customizer.Sidebar_drawer,
38377
38366
  set: (val2) => customizer.SET_SIDEBAR_DRAWER(val2)
@@ -38402,43 +38391,27 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
38402
38391
  "expand-on-hover": expandOnHover.value,
38403
38392
  location: __props.location,
38404
38393
  width: navigationDrawerWidth.value,
38405
- class: normalizeClass([["app-sidebar leftSidebar", { "mini-sidebar": isMini.value, "debug-borders": __props.debugBorders }, __props.containerClass], "border-0"])
38394
+ class: normalizeClass([["leftSidebar", { "mini-sidebar": isMini.value }], "border-0"])
38406
38395
  }, {
38407
38396
  default: withCtx(() => [
38408
38397
  createElementVNode("div", _hoisted_1$2, [
38409
- renderSlot(_ctx.$slots, "logo", {
38410
- isMini: isMini.value,
38411
- themeMode: unref(customizer).themeMode
38412
- }, () => [
38413
- !__props.hideDefaultLogo ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
38414
- __props.logoSvg || __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
38415
- isLogoSvgComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.logoSvg), {
38416
- key: 0,
38417
- class: "logo-svg",
38418
- style: { "height": "40px", "display": "flex", "align-items": "center" }
38419
- })) : isLogoSvgString.value ? (openBlock(), createElementBlock("div", {
38420
- key: 1,
38421
- class: "logo-svg",
38422
- innerHTML: __props.logoSvg,
38423
- style: { height: "40px", display: "flex", alignItems: "center" }
38424
- }, null, 8, _hoisted_3$1)) : __props.logo && !isMini.value ? (openBlock(), createElementBlock("img", {
38425
- key: 2,
38426
- src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
38427
- alt: "Logo",
38428
- class: "logo-img",
38429
- style: { "max-height": "40px", "max-width": "100%" }
38430
- }, null, 8, _hoisted_4$1)) : createCommentVNode("", true),
38431
- __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
38432
- !__props.logoSvg && __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
38433
- key: 4,
38434
- src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
38435
- alt: "Logo",
38436
- class: "logo-img-mini",
38437
- style: { "height": "40px", "width": "40px", "object-fit": "contain" }
38438
- }, null, 8, _hoisted_6)) : createCommentVNode("", true)
38439
- ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
38440
- ])) : createCommentVNode("", true)
38441
- ], true)
38398
+ __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
38399
+ __props.logo && !isMini.value ? (openBlock(), createElementBlock("img", {
38400
+ key: 0,
38401
+ src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
38402
+ alt: "Logo",
38403
+ class: "logo-img",
38404
+ style: { "max-height": "40px", "max-width": "100%" }
38405
+ }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
38406
+ __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
38407
+ __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
38408
+ key: 2,
38409
+ src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
38410
+ alt: "Logo",
38411
+ class: "logo-img-mini",
38412
+ style: { "height": "40px", "width": "40px", "object-fit": "contain" }
38413
+ }, null, 8, _hoisted_4$1)) : createCommentVNode("", true)
38414
+ ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
38442
38415
  ]),
38443
38416
  createVNode(VDivider),
38444
38417
  createVNode(unref(C), {
@@ -38446,167 +38419,145 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
38446
38419
  options: { wheelSpeed: 1, swipeEasing: true, suppressScrollX: true }
38447
38420
  }, {
38448
38421
  default: withCtx(() => [
38449
- renderSlot(_ctx.$slots, "menu", {
38450
- items: __props.menuItems,
38451
- isActive,
38452
- navigate: handleClick
38453
- }, () => [
38454
- createVNode(VList, {
38455
- lines: false,
38456
- class: "pa-0"
38457
- }, {
38458
- default: withCtx(() => [
38459
- (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index2) => {
38460
- return openBlock(), createElementBlock(Fragment, { key: index2 }, [
38461
- item.divider ? (openBlock(), createBlock(VDivider, {
38462
- key: 0,
38463
- class: "my-2"
38464
- })) : item.items && item.items.length > 0 ? (openBlock(), createBlock(VListGroup, {
38465
- key: 1,
38466
- value: item.items.some((child) => isActive(child))
38467
- }, {
38468
- activator: withCtx(({ props: groupProps }) => [
38469
- createVNode(VListItem, mergeProps({ ref_for: true }, groupProps, {
38470
- disabled: item.disabled
38471
- }), createSlots({
38472
- prepend: withCtx(() => [
38473
- typeof item.icon === "string" ? (openBlock(), createBlock(VIcon, {
38474
- key: 0,
38475
- icon: item.icon
38476
- }, null, 8, ["icon"])) : item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), { key: 1 })) : createCommentVNode("", true)
38422
+ createVNode(VList, {
38423
+ lines: false,
38424
+ class: "pa-0"
38425
+ }, {
38426
+ default: withCtx(() => [
38427
+ (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index2) => {
38428
+ return openBlock(), createElementBlock(Fragment, { key: index2 }, [
38429
+ item.divider ? (openBlock(), createBlock(VDivider, {
38430
+ key: 0,
38431
+ class: "my-2"
38432
+ })) : item.items && item.items.length > 0 ? (openBlock(), createBlock(VListGroup, {
38433
+ key: 1,
38434
+ value: item.items.some((child) => isActive(child))
38435
+ }, {
38436
+ activator: withCtx(({ props: groupProps }) => [
38437
+ createVNode(VListItem, mergeProps({ ref_for: true }, groupProps, {
38438
+ disabled: item.disabled,
38439
+ "prepend-icon": item.icon
38440
+ }), createSlots({
38441
+ default: withCtx(() => [
38442
+ createVNode(VListItemTitle, null, {
38443
+ default: withCtx(() => [
38444
+ createTextVNode(toDisplayString(item.title), 1)
38445
+ ]),
38446
+ _: 2
38447
+ }, 1024)
38448
+ ]),
38449
+ _: 2
38450
+ }, [
38451
+ item.chip ? {
38452
+ name: "append",
38453
+ fn: withCtx(() => [
38454
+ createVNode(VChip, {
38455
+ color: item.chip.color || "primary",
38456
+ size: "small",
38457
+ class: "ms-2"
38458
+ }, {
38459
+ default: withCtx(() => [
38460
+ createTextVNode(toDisplayString(item.chip.content), 1)
38461
+ ]),
38462
+ _: 2
38463
+ }, 1032, ["color"])
38477
38464
  ]),
38465
+ key: "0"
38466
+ } : void 0
38467
+ ]), 1040, ["disabled", "prepend-icon"])
38468
+ ]),
38469
+ default: withCtx(() => [
38470
+ (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (child, childIndex) => {
38471
+ return openBlock(), createBlock(VListItem, {
38472
+ key: childIndex,
38473
+ to: child.to,
38474
+ href: child.href,
38475
+ disabled: child.disabled,
38476
+ active: isActive(child),
38477
+ "prepend-icon": child.icon,
38478
+ onClick: ($event) => handleClick(child)
38479
+ }, createSlots({
38478
38480
  default: withCtx(() => [
38479
38481
  createVNode(VListItemTitle, null, {
38480
38482
  default: withCtx(() => [
38481
- createTextVNode(toDisplayString(item.title), 1)
38483
+ createTextVNode(toDisplayString(child.title), 1)
38482
38484
  ]),
38483
38485
  _: 2
38484
38486
  }, 1024)
38485
38487
  ]),
38486
38488
  _: 2
38487
38489
  }, [
38488
- item.chip ? {
38490
+ child.chip ? {
38489
38491
  name: "append",
38490
38492
  fn: withCtx(() => [
38491
38493
  createVNode(VChip, {
38492
- color: item.chip.color || "primary",
38494
+ color: child.chip.color || "primary",
38493
38495
  size: "small",
38494
38496
  class: "ms-2"
38495
38497
  }, {
38496
38498
  default: withCtx(() => [
38497
- createTextVNode(toDisplayString(item.chip.content), 1)
38499
+ createTextVNode(toDisplayString(child.chip.content), 1)
38498
38500
  ]),
38499
38501
  _: 2
38500
38502
  }, 1032, ["color"])
38501
38503
  ]),
38502
38504
  key: "0"
38503
38505
  } : void 0
38504
- ]), 1040, ["disabled"])
38505
- ]),
38506
- default: withCtx(() => [
38507
- (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (child, childIndex) => {
38508
- return openBlock(), createBlock(VListItem, {
38509
- key: childIndex,
38510
- to: child.to,
38511
- href: child.href,
38512
- disabled: child.disabled,
38513
- active: isActive(child),
38514
- onClick: ($event) => handleClick(child)
38515
- }, createSlots({
38516
- prepend: withCtx(() => [
38517
- typeof child.icon === "string" ? (openBlock(), createBlock(VIcon, {
38518
- key: 0,
38519
- icon: child.icon
38520
- }, null, 8, ["icon"])) : child.icon ? (openBlock(), createBlock(resolveDynamicComponent(child.icon), { key: 1 })) : createCommentVNode("", true)
38521
- ]),
38522
- default: withCtx(() => [
38523
- createVNode(VListItemTitle, null, {
38524
- default: withCtx(() => [
38525
- createTextVNode(toDisplayString(child.title), 1)
38526
- ]),
38527
- _: 2
38528
- }, 1024)
38529
- ]),
38530
- _: 2
38531
- }, [
38532
- child.chip ? {
38533
- name: "append",
38534
- fn: withCtx(() => [
38535
- createVNode(VChip, {
38536
- color: child.chip.color || "primary",
38537
- size: "small",
38538
- class: "ms-2"
38539
- }, {
38540
- default: withCtx(() => [
38541
- createTextVNode(toDisplayString(child.chip.content), 1)
38542
- ]),
38543
- _: 2
38544
- }, 1032, ["color"])
38545
- ]),
38546
- key: "0"
38547
- } : void 0
38548
- ]), 1032, ["to", "href", "disabled", "active", "onClick"]);
38549
- }), 128))
38550
- ]),
38551
- _: 2
38552
- }, 1032, ["value"])) : (openBlock(), createBlock(VListItem, {
38553
- key: 2,
38554
- to: item.to,
38555
- href: item.href,
38556
- disabled: item.disabled,
38557
- active: isActive(item),
38558
- onClick: ($event) => handleClick(item)
38559
- }, createSlots({
38560
- prepend: withCtx(() => [
38561
- typeof item.icon === "string" ? (openBlock(), createBlock(VIcon, {
38562
- key: 0,
38563
- icon: item.icon
38564
- }, null, 8, ["icon"])) : item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), { key: 1 })) : createCommentVNode("", true)
38565
- ]),
38566
- default: withCtx(() => [
38567
- createVNode(VListItemTitle, null, {
38506
+ ]), 1032, ["to", "href", "disabled", "active", "prepend-icon", "onClick"]);
38507
+ }), 128))
38508
+ ]),
38509
+ _: 2
38510
+ }, 1032, ["value"])) : (openBlock(), createBlock(VListItem, {
38511
+ key: 2,
38512
+ to: item.to,
38513
+ href: item.href,
38514
+ disabled: item.disabled,
38515
+ active: isActive(item),
38516
+ "prepend-icon": item.icon,
38517
+ onClick: ($event) => handleClick(item)
38518
+ }, createSlots({
38519
+ default: withCtx(() => [
38520
+ createVNode(VListItemTitle, null, {
38521
+ default: withCtx(() => [
38522
+ createTextVNode(toDisplayString(item.title), 1)
38523
+ ]),
38524
+ _: 2
38525
+ }, 1024)
38526
+ ]),
38527
+ _: 2
38528
+ }, [
38529
+ item.chip ? {
38530
+ name: "append",
38531
+ fn: withCtx(() => [
38532
+ createVNode(VChip, {
38533
+ color: item.chip.color || "primary",
38534
+ size: "small",
38535
+ class: "ms-2"
38536
+ }, {
38568
38537
  default: withCtx(() => [
38569
- createTextVNode(toDisplayString(item.title), 1)
38538
+ createTextVNode(toDisplayString(item.chip.content), 1)
38570
38539
  ]),
38571
38540
  _: 2
38572
- }, 1024)
38541
+ }, 1032, ["color"])
38573
38542
  ]),
38574
- _: 2
38575
- }, [
38576
- item.chip ? {
38577
- name: "append",
38578
- fn: withCtx(() => [
38579
- createVNode(VChip, {
38580
- color: item.chip.color || "primary",
38581
- size: "small",
38582
- class: "ms-2"
38583
- }, {
38584
- default: withCtx(() => [
38585
- createTextVNode(toDisplayString(item.chip.content), 1)
38586
- ]),
38587
- _: 2
38588
- }, 1032, ["color"])
38589
- ]),
38590
- key: "0"
38591
- } : void 0
38592
- ]), 1032, ["to", "href", "disabled", "active", "onClick"]))
38593
- ], 64);
38594
- }), 128))
38595
- ]),
38596
- _: 1
38597
- })
38598
- ], true)
38543
+ key: "0"
38544
+ } : void 0
38545
+ ]), 1032, ["to", "href", "disabled", "active", "prepend-icon", "onClick"]))
38546
+ ], 64);
38547
+ }), 128))
38548
+ ]),
38549
+ _: 1
38550
+ })
38599
38551
  ]),
38600
- _: 3
38601
- }),
38602
- renderSlot(_ctx.$slots, "bottom", {}, void 0, true)
38552
+ _: 1
38553
+ })
38603
38554
  ]),
38604
- _: 3
38555
+ _: 1
38605
38556
  }, 8, ["modelValue", "permanent", "temporary", "rail", "expand-on-hover", "location", "width", "class"]);
38606
38557
  };
38607
38558
  }
38608
38559
  });
38609
- const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-5a1deb68"]]);
38560
+ const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-b3040226"]]);
38610
38561
  const makeVToolbarTitleProps = propsFactory({
38611
38562
  text: String,
38612
38563
  ...makeComponentProps(),