@7pmlabs/design-system 0.3.6 → 0.3.7
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.
- package/dist/design-system100.js +1 -1
- package/dist/design-system100.js.map +1 -1
- package/dist/design-system100.mjs +2167 -63
- package/dist/design-system100.mjs.map +1 -1
- package/dist/design-system101.js +1 -1
- package/dist/design-system101.js.map +1 -1
- package/dist/design-system101.mjs +68 -6
- package/dist/design-system101.mjs.map +1 -1
- package/dist/design-system102.js +1 -1
- package/dist/design-system102.js.map +1 -1
- package/dist/design-system102.mjs +6 -2172
- package/dist/design-system102.mjs.map +1 -1
- package/dist/design-system104.js +1 -1
- package/dist/design-system104.mjs +18 -2
- package/dist/design-system104.mjs.map +1 -1
- package/dist/design-system108.js +1 -1
- package/dist/design-system108.mjs +2 -2
- package/dist/design-system110.js +1 -1
- package/dist/design-system110.mjs +13 -13
- package/dist/design-system12.js +1 -1
- package/dist/design-system12.mjs +3 -3
- package/dist/design-system13.js +1 -1
- package/dist/design-system13.mjs +2 -2
- package/dist/design-system14.js +1 -1
- package/dist/design-system14.js.map +1 -1
- package/dist/design-system14.mjs +60 -71
- package/dist/design-system14.mjs.map +1 -1
- package/dist/design-system140.js +1 -1
- package/dist/design-system140.js.map +1 -1
- package/dist/design-system140.mjs +11 -7
- package/dist/design-system140.mjs.map +1 -1
- package/dist/design-system141.js +1 -1
- package/dist/design-system141.js.map +1 -1
- package/dist/design-system141.mjs +7 -9
- package/dist/design-system141.mjs.map +1 -1
- package/dist/design-system142.js +1 -1
- package/dist/design-system142.js.map +1 -1
- package/dist/design-system142.mjs +9 -11
- package/dist/design-system142.mjs.map +1 -1
- package/dist/design-system145.js +1 -1
- package/dist/design-system145.js.map +1 -1
- package/dist/design-system145.mjs +2 -16
- package/dist/design-system145.mjs.map +1 -1
- package/dist/design-system146.js +1 -1
- package/dist/design-system146.js.map +1 -1
- package/dist/design-system146.mjs +15 -5
- package/dist/design-system146.mjs.map +1 -1
- package/dist/design-system147.js +1 -1
- package/dist/design-system147.js.map +1 -1
- package/dist/design-system147.mjs +5 -5
- package/dist/design-system147.mjs.map +1 -1
- package/dist/design-system148.js +1 -1
- package/dist/design-system148.js.map +1 -1
- package/dist/design-system148.mjs +5 -8
- package/dist/design-system148.mjs.map +1 -1
- package/dist/design-system149.js +1 -1
- package/dist/design-system149.js.map +1 -1
- package/dist/design-system149.mjs +8 -6
- package/dist/design-system149.mjs.map +1 -1
- package/dist/design-system150.js +1 -1
- package/dist/design-system150.js.map +1 -1
- package/dist/design-system150.mjs +6 -5
- package/dist/design-system150.mjs.map +1 -1
- package/dist/design-system151.js +1 -1
- package/dist/design-system151.js.map +1 -1
- package/dist/design-system151.mjs +4 -4
- package/dist/design-system151.mjs.map +1 -1
- package/dist/design-system152.js +1 -1
- package/dist/design-system152.js.map +1 -1
- package/dist/design-system152.mjs +5 -6
- package/dist/design-system152.mjs.map +1 -1
- package/dist/design-system153.js +1 -1
- package/dist/design-system153.js.map +1 -1
- package/dist/design-system153.mjs +4 -4
- package/dist/design-system153.mjs.map +1 -1
- package/dist/design-system154.js +1 -1
- package/dist/design-system154.js.map +1 -1
- package/dist/design-system154.mjs +6 -5
- package/dist/design-system154.mjs.map +1 -1
- package/dist/design-system155.js +1 -1
- package/dist/design-system155.js.map +1 -1
- package/dist/design-system155.mjs +5 -39
- package/dist/design-system155.mjs.map +1 -1
- package/dist/design-system156.js +1 -1
- package/dist/design-system156.js.map +1 -1
- package/dist/design-system156.mjs +39 -6
- package/dist/design-system156.mjs.map +1 -1
- package/dist/design-system157.js +1 -1
- package/dist/design-system157.js.map +1 -1
- package/dist/design-system157.mjs +6 -5
- package/dist/design-system157.mjs.map +1 -1
- package/dist/design-system158.js +1 -1
- package/dist/design-system158.js.map +1 -1
- package/dist/design-system158.mjs +6 -2
- package/dist/design-system158.mjs.map +1 -1
- package/dist/design-system160.js +1 -1
- package/dist/design-system160.js.map +1 -1
- package/dist/design-system160.mjs +2 -8
- package/dist/design-system160.mjs.map +1 -1
- package/dist/design-system161.js +1 -1
- package/dist/design-system161.js.map +1 -1
- package/dist/design-system161.mjs +7 -17
- package/dist/design-system161.mjs.map +1 -1
- package/dist/design-system17.js +1 -1
- package/dist/design-system17.mjs +1 -1
- package/dist/design-system18.js +1 -1
- package/dist/design-system18.mjs +3 -3
- package/dist/design-system186.js +1 -1
- package/dist/design-system186.mjs +1 -1
- package/dist/design-system187.js +1 -1
- package/dist/design-system187.mjs +1 -1
- package/dist/design-system195.js +1 -1
- package/dist/design-system195.mjs +1 -1
- package/dist/design-system20.js +1 -1
- package/dist/design-system20.mjs +1 -1
- package/dist/design-system21.js +1 -1
- package/dist/design-system21.mjs +1 -1
- package/dist/design-system22.js +1 -1
- package/dist/design-system22.mjs +1 -1
- package/dist/design-system24.js +1 -1
- package/dist/design-system24.mjs +2 -2
- package/dist/design-system25.js +1 -1
- package/dist/design-system25.mjs +3 -3
- package/dist/design-system26.js +1 -1
- package/dist/design-system26.mjs +3 -3
- package/dist/design-system27.js +1 -1
- package/dist/design-system27.mjs +3 -3
- package/dist/design-system28.js +1 -1
- package/dist/design-system28.mjs +4 -4
- package/dist/design-system29.js +1 -1
- package/dist/design-system29.mjs +1 -1
- package/dist/design-system32.js +1 -1
- package/dist/design-system32.mjs +3 -3
- package/dist/design-system33.js +1 -1
- package/dist/design-system33.mjs +3 -3
- package/dist/design-system34.js +1 -1
- package/dist/design-system34.mjs +1 -1
- package/dist/design-system35.js +1 -1
- package/dist/design-system35.mjs +1 -1
- package/dist/design-system36.js +1 -1
- package/dist/design-system36.mjs +1 -1
- package/dist/design-system37.js +1 -1
- package/dist/design-system37.mjs +1 -1
- package/dist/design-system38.js +1 -1
- package/dist/design-system38.mjs +2 -2
- package/dist/design-system39.js +1 -1
- package/dist/design-system39.mjs +3 -3
- package/dist/design-system40.js +1 -1
- package/dist/design-system40.mjs +1 -1
- package/dist/design-system42.js +1 -1
- package/dist/design-system42.mjs +3 -3
- package/dist/design-system43.js +1 -1
- package/dist/design-system43.mjs +1 -1
- package/dist/design-system44.js +1 -1
- package/dist/design-system44.mjs +1 -1
- package/dist/design-system45.js +1 -1
- package/dist/design-system45.mjs +3 -3
- package/dist/design-system46.js +1 -1
- package/dist/design-system46.mjs +1 -1
- package/dist/design-system50.js +1 -1
- package/dist/design-system50.mjs +1 -1
- package/dist/design-system52.js +1 -1
- package/dist/design-system52.mjs +3 -3
- package/dist/design-system53.js +5 -1
- package/dist/design-system53.js.map +1 -1
- package/dist/design-system53.mjs +10 -2
- package/dist/design-system53.mjs.map +1 -1
- package/dist/design-system54.js +1 -1
- package/dist/design-system54.js.map +1 -1
- package/dist/design-system54.mjs +6 -132
- package/dist/design-system54.mjs.map +1 -1
- package/dist/design-system55.js +1 -1
- package/dist/design-system55.mjs +4 -2
- package/dist/design-system55.mjs.map +1 -1
- package/dist/design-system56.js +1 -1
- package/dist/design-system56.mjs +2 -7
- package/dist/design-system56.mjs.map +1 -1
- package/dist/design-system57.js +1 -1
- package/dist/design-system57.mjs +2 -2
- package/dist/design-system58.js +1 -1
- package/dist/design-system58.js.map +1 -1
- package/dist/design-system58.mjs +132 -2
- package/dist/design-system58.mjs.map +1 -1
- package/dist/design-system59.js +1 -4
- package/dist/design-system59.js.map +1 -1
- package/dist/design-system59.mjs +2 -74
- package/dist/design-system59.mjs.map +1 -1
- package/dist/design-system60.js +1 -1
- package/dist/design-system60.mjs +7 -2
- package/dist/design-system60.mjs.map +1 -1
- package/dist/design-system61.js +1 -1
- package/dist/design-system61.js.map +1 -1
- package/dist/design-system61.mjs +2 -49
- package/dist/design-system61.mjs.map +1 -1
- package/dist/design-system63.js +4 -1
- package/dist/design-system63.js.map +1 -1
- package/dist/design-system63.mjs +74 -2
- package/dist/design-system63.mjs.map +1 -1
- package/dist/design-system64.js +1 -1
- package/dist/design-system64.mjs +2 -2
- package/dist/design-system65.js +1 -1
- package/dist/design-system65.js.map +1 -1
- package/dist/design-system65.mjs +49 -2
- package/dist/design-system65.mjs.map +1 -1
- package/dist/design-system66.js +1 -1
- package/dist/design-system66.mjs +2 -2
- package/dist/design-system67.js +1 -1
- package/dist/design-system67.mjs +2 -2
- package/dist/design-system68.js +1 -1
- package/dist/design-system68.mjs +1 -1
- package/dist/design-system69.js +1 -1
- package/dist/design-system69.mjs +1 -1
- package/dist/design-system70.js +1 -1
- package/dist/design-system70.js.map +1 -1
- package/dist/design-system70.mjs +2 -28
- package/dist/design-system70.mjs.map +1 -1
- package/dist/design-system71.js +1 -1
- package/dist/design-system71.mjs +2 -2
- package/dist/design-system72.js +1 -1
- package/dist/design-system72.js.map +1 -1
- package/dist/design-system72.mjs +2 -58
- package/dist/design-system72.mjs.map +1 -1
- package/dist/design-system73.js +1 -1
- package/dist/design-system73.mjs +2 -2
- package/dist/design-system74.js +1 -1
- package/dist/design-system74.js.map +1 -1
- package/dist/design-system74.mjs +28 -2
- package/dist/design-system74.mjs.map +1 -1
- package/dist/design-system75.js +1 -1
- package/dist/design-system75.mjs +2 -2
- package/dist/design-system76.js +1 -1
- package/dist/design-system76.js.map +1 -1
- package/dist/design-system76.mjs +58 -2
- package/dist/design-system76.mjs.map +1 -1
- package/dist/design-system77.js +1 -1
- package/dist/design-system77.mjs +2 -2
- package/dist/design-system78.js +1 -1
- package/dist/design-system78.mjs +1 -1
- package/dist/design-system79.js +1 -1
- package/dist/design-system79.mjs +1 -1
- package/dist/design-system80.js +1 -1
- package/dist/design-system80.mjs +2 -2
- package/dist/design-system81.js +1 -1
- package/dist/design-system81.js.map +1 -1
- package/dist/design-system81.mjs +2 -81
- package/dist/design-system81.mjs.map +1 -1
- package/dist/design-system82.js +1 -1
- package/dist/design-system82.mjs +2 -2
- package/dist/design-system83.js +1 -1
- package/dist/design-system83.mjs +1 -1
- package/dist/design-system84.js +1 -1
- package/dist/design-system84.mjs +2 -2
- package/dist/design-system85.js +1 -1
- package/dist/design-system85.js.map +1 -1
- package/dist/design-system85.mjs +81 -2
- package/dist/design-system85.mjs.map +1 -1
- package/dist/design-system86.js +1 -1
- package/dist/design-system86.mjs +2 -2
- package/dist/design-system87.js +1 -1
- package/dist/design-system87.js.map +1 -1
- package/dist/design-system87.mjs +2 -102
- package/dist/design-system87.mjs.map +1 -1
- package/dist/design-system88.js +1 -1
- package/dist/design-system88.mjs +2 -2
- package/dist/design-system89.js +1 -1
- package/dist/design-system89.js.map +1 -1
- package/dist/design-system89.mjs +2 -175
- package/dist/design-system89.mjs.map +1 -1
- package/dist/design-system90.js +1 -1
- package/dist/design-system90.mjs +2 -2
- package/dist/design-system91.js +1 -1
- package/dist/design-system91.js.map +1 -1
- package/dist/design-system91.mjs +102 -2
- package/dist/design-system91.mjs.map +1 -1
- package/dist/design-system92.js +1 -1
- package/dist/design-system92.mjs +2 -2
- package/dist/design-system93.js +1 -5
- package/dist/design-system93.js.map +1 -1
- package/dist/design-system93.mjs +175 -10
- package/dist/design-system93.mjs.map +1 -1
- package/dist/design-system94.js +1 -1
- package/dist/design-system94.mjs +2 -6
- package/dist/design-system94.mjs.map +1 -1
- package/dist/design-system95.js +1 -1
- package/dist/design-system95.mjs +2 -4
- package/dist/design-system95.mjs.map +1 -1
- package/dist/design-system96.js +1 -1
- package/dist/design-system96.mjs +2 -2
- package/dist/design-system97.js +1 -1
- package/dist/design-system97.js.map +1 -1
- package/dist/design-system97.mjs +17 -1103
- package/dist/design-system97.mjs.map +1 -1
- package/dist/design-system98.js +1 -1
- package/dist/design-system98.js.map +1 -1
- package/dist/design-system98.mjs +1103 -17
- package/dist/design-system98.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/BDropdown/BDropdown.vue.d.ts +0 -13
- package/package.json +1 -1
package/dist/design-system12.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as J, ref as V, computed as n, nextTick as $, watch as C, onMounted as K, onBeforeUnmount as Q, openBlock as b, createElementBlock as D, createVNode as W, createElementVNode as m, normalizeClass as w, toDisplayString as X, createCommentVNode as P, createBlock as Z, unref as ee } from "vue";
|
|
2
|
-
import i from "./design-
|
|
2
|
+
import i from "./design-system100.mjs";
|
|
3
3
|
import c from "./design-system52.mjs";
|
|
4
4
|
import { useI18n as se } from "./design-system48.mjs";
|
|
5
|
-
import te from "./design-
|
|
5
|
+
import te from "./design-system98.mjs";
|
|
6
6
|
import { useValidationField as ae } from "./design-system3.mjs";
|
|
7
7
|
import { DateDelimiter as q } from "./design-system4.mjs";
|
|
8
8
|
import { BDatePickerView as oe } from "./design-system5.mjs";
|
|
@@ -10,7 +10,7 @@ import { unlockScrollBody as z, lockScrollBody as de } from "./design-system6.mj
|
|
|
10
10
|
import { checkIfISOFormat as ne } from "./design-system47.mjs";
|
|
11
11
|
import re from "./design-system30.mjs";
|
|
12
12
|
import le from "./design-system31.mjs";
|
|
13
|
-
import ie from "./design-
|
|
13
|
+
import ie from "./design-system97.mjs";
|
|
14
14
|
const ce = { class: "ds-relative" }, me = ["id", "disabled", "placeholder"], ue = ["id", "disabled"], pe = ["for"], be = ["for"], fe = /* @__PURE__ */ m("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z" }, null, -1), ke = [
|
|
15
15
|
fe
|
|
16
16
|
], $e = /* @__PURE__ */ J({
|
package/dist/design-system13.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),N=require("./design-system48.js"),E=require("./design-
|
|
1
|
+
"use strict";const t=require("vue"),N=require("./design-system48.js"),E=require("./design-system98.js"),I=require("./design-system3.js"),R=require("./design-system5.js"),b=require("./design-system6.js"),$=require("./design-system30.js"),j=require("./design-system31.js"),T=require("./design-system47.js"),F=require("./design-system52.js"),v=require("./design-system4.js"),L=require("./design-system97.js"),c=require("./design-system99.js"),Y={class:"ds-relative"},O=["id","disabled","placeholder","value"],A=["id","disabled","placeholder"],U=["for"],G=t.createElementVNode("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z"},null,-1),J=[G],K=t.defineComponent({__name:"BDateRangePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:""},maxDate:{default:""},view:{default:R.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(g,{emit:V}){const a=g,{t:e,locale:w}=N.useI18n(),D=`DD${v.DateDelimiter}MM${v.DateDelimiter}YYYY`;let n;const q={validateRule:s=>!!s,errorMessage:()=>a.requiredErrorMessage||e("ds.global.field_required")},u=t.ref(),d=t.computed(()=>a.inputId||`id-${L()}`),_=t.computed({get(){return a.modelValue},set(s){V("update:modelValue",s)}}),x=t.computed(()=>[{content:e("ds.components.base.date_picker.buttons.cancel"),className:"ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",onClick:s=>{s.clear(),t.nextTick(()=>{y()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${d.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,onClick:s=>{_.value=l(u.value)?u.value:[],t.nextTick(()=>{y()}),s.hide()},attrs:a.required?{disabled:""}:void 0}]),h=t.computed(()=>{const s={days:[e("ds.components.base.date_picker.days.sunday"),e("ds.components.base.date_picker.days.monday"),e("ds.components.base.date_picker.days.tuesday"),e("ds.components.base.date_picker.days.wednesday"),e("ds.components.base.date_picker.days.thursday"),e("ds.components.base.date_picker.days.friday"),e("ds.components.base.date_picker.days.saturday")],daysShort:[e("ds.components.base.date_picker.days_short.sunday"),e("ds.components.base.date_picker.days_short.monday"),e("ds.components.base.date_picker.days_short.tuesday"),e("ds.components.base.date_picker.days_short.wednesday"),e("ds.components.base.date_picker.days_short.thursday"),e("ds.components.base.date_picker.days_short.friday"),e("ds.components.base.date_picker.days_short.saturday")],daysMin:[e("ds.components.base.date_picker.days_min.sunday"),e("ds.components.base.date_picker.days_min.monday"),e("ds.components.base.date_picker.days_min.tuesday"),e("ds.components.base.date_picker.days_min.wednesday"),e("ds.components.base.date_picker.days_min.thursday"),e("ds.components.base.date_picker.days_min.friday"),e("ds.components.base.date_picker.days_min.saturday")],months:[e("ds.components.base.date_picker.months.january"),e("ds.components.base.date_picker.months.february"),e("ds.components.base.date_picker.months.march"),e("ds.components.base.date_picker.months.april"),e("ds.components.base.date_picker.months.may"),e("ds.components.base.date_picker.months.june"),e("ds.components.base.date_picker.months.july"),e("ds.components.base.date_picker.months.august"),e("ds.components.base.date_picker.months.september"),e("ds.components.base.date_picker.months.october"),e("ds.components.base.date_picker.months.november"),e("ds.components.base.date_picker.months.december")],monthsShort:[e("ds.components.base.date_picker.months_short.january"),e("ds.components.base.date_picker.months_short.february"),e("ds.components.base.date_picker.months_short.march"),e("ds.components.base.date_picker.months_short.april"),e("ds.components.base.date_picker.months_short.may"),e("ds.components.base.date_picker.months_short.june"),e("ds.components.base.date_picker.months_short.july"),e("ds.components.base.date_picker.months_short.august"),e("ds.components.base.date_picker.months_short.september"),e("ds.components.base.date_picker.months_short.october"),e("ds.components.base.date_picker.months_short.november"),e("ds.components.base.date_picker.months_short.december")],today:e("ds.components.base.date_picker.buttons.today"),clear:e("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:r})=>{const i=l(r);u.value=i?r:[],a.required&&z(i)};return{locale:s,selectedDates:a.modelValue,onSelect:o,buttons:x.value,showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:a.minDate,maxDate:a.maxDate,view:a.view,onHide:C,onShow:S,navTitles:{days:"MMMM yyyy"},position:a.position,range:!0,multipleDatesSeparator:" - ",prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
|
|
2
2
|
viewBox="0 0 320 512">
|
|
3
3
|
<path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
|
|
4
4
|
</svg>`,nextHtml:`<svg xmlns="http://www.w3.org/2000/svg"
|
package/dist/design-system13.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as Y, ref as w, computed as n, nextTick as V, watch as D, onMounted as A, onBeforeUnmount as L, openBlock as h, createElementBlock as x, createVNode as O, createElementVNode as i, normalizeClass as f, createBlock as E, unref as U, createCommentVNode as G } from "vue";
|
|
2
2
|
import { useI18n as J } from "./design-system48.mjs";
|
|
3
|
-
import K from "./design-
|
|
3
|
+
import K from "./design-system98.mjs";
|
|
4
4
|
import { useValidationField as Q } from "./design-system3.mjs";
|
|
5
5
|
import { BDatePickerView as W } from "./design-system5.mjs";
|
|
6
6
|
import { unlockScrollBody as M, lockScrollBody as X } from "./design-system6.mjs";
|
|
@@ -9,7 +9,7 @@ import ee from "./design-system31.mjs";
|
|
|
9
9
|
import { checkIfISOFormat as se } from "./design-system47.mjs";
|
|
10
10
|
import te from "./design-system52.mjs";
|
|
11
11
|
import { DateDelimiter as B } from "./design-system4.mjs";
|
|
12
|
-
import ae from "./design-
|
|
12
|
+
import ae from "./design-system97.mjs";
|
|
13
13
|
import l from "./design-system99.mjs";
|
|
14
14
|
const oe = { class: "ds-relative" }, de = ["id", "disabled", "placeholder", "value"], re = ["id", "disabled", "placeholder"], ne = ["for"], le = /* @__PURE__ */ i("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z" }, null, -1), ie = [
|
|
15
15
|
le
|
package/dist/design-system14.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),
|
|
1
|
+
"use strict";const e=require("vue"),E=require("./design-system6.js"),b=require("./design-system4.js"),B=require("./design-system97.js"),$=["for"],V=["id"],P=["id","data-cy","data-ut"],L=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["update:modelValue","hidden","shown"],setup(g,{emit:a}){const s=g,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>s.inputId||`id-${B()}`),t=e.computed({get(){return s.modelValue!==void 0?s.modelValue:c.value},set(o){s.modelValue!==void 0?a("update:modelValue",o):c.value=o}});e.watch(t,o=>{var d;o?h():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>s.noCloseOnClickOutside,o=>{o?y():v()}),e.watch(()=>s.noCloseOnEsc,o=>{o?k():f()});const f=()=>{document.addEventListener("keydown",m)},m=o=>{o.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=o=>{[n.value,l.value].some(O=>o.composedPath().includes(O))||u()},w=()=>{t.value=!t.value},h=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,s.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{t.value=!1},k=()=>{document.removeEventListener("keydown",m)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{s.noCloseOnEsc||f(),s.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(b.PIKey.CloseDropdown,u),(o,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[s.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(s.label),9,$)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([o.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:w},[e.renderSlot(o.$slots,"toggle")],10,V),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${o.menuCssClass} ${s.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":o.$attrs["data-cy"]?`${o.$attrs["data-cy"]}Menu`:void 0,"data-ut":o.$attrs["data-ut"]?`${o.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(o.$slots,"default")],10,P),[[e.vShow,t.value]])],512))}});module.exports=L;
|
|
2
2
|
//# sourceMappingURL=design-system14.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system14.js","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = { class: \"ds-truncate\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_5 = [\n _hoisted_4\n]\nconst _hoisted_6 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n ensureVisiblePosition,\n resetPosition,\n} from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BDropdownProps {\n inputId?: string;\n modelValue?: boolean;\n label?: string;\n /**\n * Toggle's content text\n */\n text?: string;\n /**\n * CSS of toggle\n */\n toggleCssClass?: string;\n /**\n * CSS of menu\n */\n menuCssClass?: string;\n /**\n * Prevent menu from closing when clicking outside\n */\n noCloseOnClickOutside?: boolean;\n /**\n * Prevent menu from closing when \"Esc\" pressed\n */\n noCloseOnEsc?: boolean;\n menuFixed?: boolean; // menu position should be fixed when toggle position is fixed\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BDropdown',\n props: {\n inputId: { default: '' },\n modelValue: { type: Boolean, default: undefined },\n label: { default: '' },\n text: { default: '' },\n toggleCssClass: { default: '' },\n menuCssClass: { default: '' },\n noCloseOnClickOutside: { type: Boolean, default: false },\n noCloseOnEsc: { type: Boolean, default: false },\n menuFixed: { type: Boolean, default: false }\n },\n emits: [\"update:modelValue\", \"hidden\", \"shown\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val: boolean) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n if (val) {\n ensureMenuPosition();\n } else {\n resetMenuPosition();\n toggle.value?.blur();\n }\n});\n\n/**\n * Watch\n */\nwatch(\n () => props.noCloseOnClickOutside,\n (val) => {\n if (val) {\n removeClickOutsideEventListener();\n } else {\n initClickOutsideEventListener();\n }\n },\n);\n\nwatch(\n () => props.noCloseOnEsc,\n (val) => {\n if (val) {\n removePressEscapeEventListener();\n } else {\n initPressEscapeEventListener();\n }\n },\n);\n\n/**\n * Methods\n */\nconst initPressEscapeEventListener = () => {\n document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n if (event.key === 'Escape') {\n close();\n }\n};\nconst initClickOutsideEventListener = () => {\n document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n const refs = [dropdown.value, dropdownMenu.value];\n const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n if (!withinBoundaries) {\n close();\n }\n};\nconst onClickToggle = () => {\n value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n nextTick(() => {\n ensureVisiblePosition(\n dropdown.value!,\n dropdownMenu.value!,\n props.menuFixed,\n );\n emit('shown');\n });\n};\nconst resetMenuPosition = () => {\n resetPosition(dropdown.value!, dropdownMenu.value!);\n emit('hidden');\n};\nconst close = () => {\n value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n document.removeEventListener('click', closeOnClickOutside);\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n if (!props.noCloseOnEsc) {\n initPressEscapeEventListener();\n }\n if (!props.noCloseOnClickOutside) {\n initClickOutsideEventListener();\n }\n});\nonBeforeUnmount(() => {\n removePressEscapeEventListener();\n removeClickOutsideEventListener();\n // Make sure dropdown menu unmounted with itself\n resetMenuPosition();\n});\n\n/**\n * Provide\n */\nprovide(PIKey.CloseDropdown, close);\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"dropdown\",\n ref: dropdown\n }, [\n (props.label)\n ? (_openBlock(), _createElementBlock(\"label\", {\n key: 0,\n for: id.value,\n class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n }, _toDisplayString(props.label), 9, _hoisted_1))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"button\", {\n id: id.value,\n ref_key: \"toggle\",\n ref: toggle,\n class: _normalizeClass([_ctx.toggleCssClass, \"ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-3 ds-py-2 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n type: \"button\",\n onClick: onClickToggle\n }, [\n _renderSlot(_ctx.$slots, \"toggle\", {}, () => [\n _createElementVNode(\"span\", _hoisted_3, _toDisplayString(props.text), 1),\n _createTextVNode(\" \"),\n (_openBlock(), _createElementBlock(\"svg\", {\n class: _normalizeClass([`${value.value ? 'ds-rotate-180' : ''}`, \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n viewBox: \"0 0 320 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, _hoisted_5, 2))\n ])\n ], 10, _hoisted_2),\n _withDirectives(_createElementVNode(\"div\", {\n id: `${id.value}Menu`,\n ref_key: \"dropdownMenu\",\n ref: dropdownMenu,\n class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 ds-py-1\"]),\n \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 10, _hoisted_6), [\n [_vShow, value.value]\n ])\n ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","emit","props","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_createTextVNode","_withDirectives","_vShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-system14.js","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n ensureVisiblePosition,\n resetPosition,\n} from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BDropdownProps {\n inputId?: string;\n modelValue?: boolean;\n label?: string;\n /**\n * CSS of toggle\n */\n toggleCssClass?: string;\n /**\n * CSS of menu\n */\n menuCssClass?: string;\n /**\n * Prevent menu from closing when clicking outside\n */\n noCloseOnClickOutside?: boolean;\n /**\n * Prevent menu from closing when \"Esc\" pressed\n */\n noCloseOnEsc?: boolean;\n menuFixed?: boolean; // menu position should be fixed when toggle position is fixed\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BDropdown',\n props: {\n inputId: { default: '' },\n modelValue: { type: Boolean, default: undefined },\n label: { default: '' },\n toggleCssClass: { default: '' },\n menuCssClass: { default: '' },\n noCloseOnClickOutside: { type: Boolean, default: false },\n noCloseOnEsc: { type: Boolean, default: false },\n menuFixed: { type: Boolean, default: false }\n },\n emits: [\"update:modelValue\", \"hidden\", \"shown\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val: boolean) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n if (val) {\n ensureMenuPosition();\n } else {\n resetMenuPosition();\n toggle.value?.blur();\n }\n});\n\n/**\n * Watch\n */\nwatch(\n () => props.noCloseOnClickOutside,\n (val) => {\n if (val) {\n removeClickOutsideEventListener();\n } else {\n initClickOutsideEventListener();\n }\n },\n);\n\nwatch(\n () => props.noCloseOnEsc,\n (val) => {\n if (val) {\n removePressEscapeEventListener();\n } else {\n initPressEscapeEventListener();\n }\n },\n);\n\n/**\n * Methods\n */\nconst initPressEscapeEventListener = () => {\n document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n if (event.key === 'Escape') {\n close();\n }\n};\nconst initClickOutsideEventListener = () => {\n document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n const refs = [dropdown.value, dropdownMenu.value];\n const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n if (!withinBoundaries) {\n close();\n }\n};\nconst onClickToggle = () => {\n value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n nextTick(() => {\n ensureVisiblePosition(\n dropdown.value!,\n dropdownMenu.value!,\n props.menuFixed,\n );\n emit('shown');\n });\n};\nconst resetMenuPosition = () => {\n resetPosition(dropdown.value!, dropdownMenu.value!);\n emit('hidden');\n};\nconst close = () => {\n value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n document.removeEventListener('click', closeOnClickOutside);\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n if (!props.noCloseOnEsc) {\n initPressEscapeEventListener();\n }\n if (!props.noCloseOnClickOutside) {\n initClickOutsideEventListener();\n }\n});\nonBeforeUnmount(() => {\n removePressEscapeEventListener();\n removeClickOutsideEventListener();\n // Make sure dropdown menu unmounted with itself\n resetMenuPosition();\n});\n\n/**\n * Provide\n */\nprovide(PIKey.CloseDropdown, close);\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"dropdown\",\n ref: dropdown\n }, [\n (props.label)\n ? (_openBlock(), _createElementBlock(\"label\", {\n key: 0,\n for: id.value,\n class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n }, _toDisplayString(props.label), 9, _hoisted_1))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"button\", {\n id: id.value,\n ref_key: \"toggle\",\n ref: toggle,\n class: _normalizeClass([_ctx.toggleCssClass, \"focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n type: \"button\",\n onClick: onClickToggle\n }, [\n _renderSlot(_ctx.$slots, \"toggle\")\n ], 10, _hoisted_2),\n _withDirectives(_createElementVNode(\"div\", {\n id: `${id.value}Menu`,\n ref_key: \"dropdownMenu\",\n ref: dropdownMenu,\n class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 ds-py-1\"]),\n \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 10, _hoisted_3), [\n [_vShow, value.value]\n ])\n ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_vShow"],"mappings":"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"}
|
package/dist/design-system14.mjs
CHANGED
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { defineComponent as M, ref as d, computed as
|
|
2
|
-
import { ensureVisiblePosition as
|
|
1
|
+
import { defineComponent as M, ref as d, computed as E, watch as r, nextTick as _, onMounted as D, onBeforeUnmount as z, provide as F, openBlock as w, createElementBlock as h, toDisplayString as I, createCommentVNode as S, createElementVNode as O, normalizeClass as b, renderSlot as $, withDirectives as x, vShow as N } from "vue";
|
|
2
|
+
import { ensureVisiblePosition as T, resetPosition as K } from "./design-system6.mjs";
|
|
3
3
|
import { PIKey as U } from "./design-system4.mjs";
|
|
4
|
-
import
|
|
5
|
-
const
|
|
6
|
-
J
|
|
7
|
-
], R = ["id", "data-cy", "data-ut"], se = /* @__PURE__ */ M({
|
|
4
|
+
import j from "./design-system97.mjs";
|
|
5
|
+
const q = ["for"], A = ["id"], G = ["id", "data-cy", "data-ut"], X = /* @__PURE__ */ M({
|
|
8
6
|
__name: "BDropdown",
|
|
9
7
|
props: {
|
|
10
8
|
inputId: { default: "" },
|
|
11
9
|
modelValue: { type: Boolean, default: void 0 },
|
|
12
10
|
label: { default: "" },
|
|
13
|
-
text: { default: "" },
|
|
14
11
|
toggleCssClass: { default: "" },
|
|
15
12
|
menuCssClass: { default: "" },
|
|
16
13
|
noCloseOnClickOutside: { type: Boolean, default: !1 },
|
|
@@ -18,103 +15,95 @@ const A = ["for"], G = ["id"], H = { class: "ds-truncate" }, J = /* @__PURE__ */
|
|
|
18
15
|
menuFixed: { type: Boolean, default: !1 }
|
|
19
16
|
},
|
|
20
17
|
emits: ["update:modelValue", "hidden", "shown"],
|
|
21
|
-
setup(B, { emit:
|
|
22
|
-
const
|
|
18
|
+
setup(B, { emit: a }) {
|
|
19
|
+
const o = B, c = d(null), t = d(null), n = d(null), f = d(!1), i = E(() => o.inputId || `id-${j()}`), s = E({
|
|
23
20
|
get() {
|
|
24
|
-
return
|
|
21
|
+
return o.modelValue !== void 0 ? o.modelValue : f.value;
|
|
25
22
|
},
|
|
26
23
|
set(e) {
|
|
27
|
-
|
|
24
|
+
o.modelValue !== void 0 ? a("update:modelValue", e) : f.value = e;
|
|
28
25
|
}
|
|
29
26
|
});
|
|
30
|
-
|
|
27
|
+
r(s, (e) => {
|
|
31
28
|
var l;
|
|
32
|
-
e ?
|
|
33
|
-
}),
|
|
34
|
-
() =>
|
|
29
|
+
e ? P() : (k(), (l = c.value) == null || l.blur());
|
|
30
|
+
}), r(
|
|
31
|
+
() => o.noCloseOnClickOutside,
|
|
35
32
|
(e) => {
|
|
36
|
-
e ?
|
|
33
|
+
e ? g() : p();
|
|
37
34
|
}
|
|
38
|
-
),
|
|
39
|
-
() =>
|
|
35
|
+
), r(
|
|
36
|
+
() => o.noCloseOnEsc,
|
|
40
37
|
(e) => {
|
|
41
|
-
e ?
|
|
38
|
+
e ? y() : m();
|
|
42
39
|
}
|
|
43
40
|
);
|
|
44
|
-
const
|
|
45
|
-
document.addEventListener("keydown",
|
|
46
|
-
},
|
|
47
|
-
e.key === "Escape" &&
|
|
48
|
-
},
|
|
49
|
-
document.addEventListener("click",
|
|
50
|
-
},
|
|
51
|
-
[
|
|
41
|
+
const m = () => {
|
|
42
|
+
document.addEventListener("keydown", v);
|
|
43
|
+
}, v = (e) => {
|
|
44
|
+
e.key === "Escape" && u();
|
|
45
|
+
}, p = () => {
|
|
46
|
+
document.addEventListener("click", C);
|
|
47
|
+
}, C = (e) => {
|
|
48
|
+
[t.value, n.value].some((L) => e.composedPath().includes(L)) || u();
|
|
52
49
|
}, V = () => {
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
50
|
+
s.value = !s.value;
|
|
51
|
+
}, P = () => {
|
|
52
|
+
_(() => {
|
|
53
|
+
T(
|
|
54
|
+
t.value,
|
|
58
55
|
n.value,
|
|
59
|
-
|
|
60
|
-
),
|
|
56
|
+
o.menuFixed
|
|
57
|
+
), a("shown");
|
|
61
58
|
});
|
|
62
|
-
},
|
|
63
|
-
K(
|
|
64
|
-
},
|
|
65
|
-
|
|
66
|
-
},
|
|
67
|
-
document.removeEventListener("keydown",
|
|
68
|
-
},
|
|
69
|
-
document.removeEventListener("click",
|
|
59
|
+
}, k = () => {
|
|
60
|
+
K(t.value, n.value), a("hidden");
|
|
61
|
+
}, u = () => {
|
|
62
|
+
s.value = !1;
|
|
63
|
+
}, y = () => {
|
|
64
|
+
document.removeEventListener("keydown", v);
|
|
65
|
+
}, g = () => {
|
|
66
|
+
document.removeEventListener("click", C);
|
|
70
67
|
};
|
|
71
|
-
return
|
|
72
|
-
|
|
73
|
-
}),
|
|
74
|
-
|
|
75
|
-
}), F(U.CloseDropdown,
|
|
68
|
+
return D(() => {
|
|
69
|
+
o.noCloseOnEsc || m(), o.noCloseOnClickOutside || p();
|
|
70
|
+
}), z(() => {
|
|
71
|
+
y(), g(), k();
|
|
72
|
+
}), F(U.CloseDropdown, u), (e, l) => (w(), h("div", {
|
|
76
73
|
ref_key: "dropdown",
|
|
77
|
-
ref:
|
|
74
|
+
ref: t
|
|
78
75
|
}, [
|
|
79
|
-
|
|
76
|
+
o.label ? (w(), h("label", {
|
|
80
77
|
key: 0,
|
|
81
|
-
for:
|
|
78
|
+
for: i.value,
|
|
82
79
|
class: "ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"
|
|
83
|
-
},
|
|
84
|
-
|
|
85
|
-
id:
|
|
80
|
+
}, I(o.label), 9, q)) : S("", !0),
|
|
81
|
+
O("button", {
|
|
82
|
+
id: i.value,
|
|
86
83
|
ref_key: "toggle",
|
|
87
|
-
ref:
|
|
88
|
-
class:
|
|
84
|
+
ref: c,
|
|
85
|
+
class: b([e.toggleCssClass, "focus:ds-ring-1 focus:ds-ring-primary-t"]),
|
|
89
86
|
type: "button",
|
|
90
87
|
onClick: V
|
|
91
88
|
}, [
|
|
92
|
-
$(e.$slots, "toggle"
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
class: p([`${t.value ? "ds-rotate-180" : ""}`, "ds-h-4 ds-w-4 ds-transition-transform"]),
|
|
97
|
-
viewBox: "0 0 320 512",
|
|
98
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
99
|
-
}, Q, 2))
|
|
100
|
-
])
|
|
101
|
-
], 10, G),
|
|
102
|
-
S(a("div", {
|
|
103
|
-
id: `${u.value}Menu`,
|
|
89
|
+
$(e.$slots, "toggle")
|
|
90
|
+
], 10, A),
|
|
91
|
+
x(O("div", {
|
|
92
|
+
id: `${i.value}Menu`,
|
|
104
93
|
ref_key: "dropdownMenu",
|
|
105
94
|
ref: n,
|
|
106
|
-
class:
|
|
95
|
+
class: b([`${e.menuCssClass} ${o.menuFixed ? "ds-fixed" : "ds-absolute"}`, "ds-z-50 ds-py-1"]),
|
|
107
96
|
"data-cy": e.$attrs["data-cy"] ? `${e.$attrs["data-cy"]}Menu` : void 0,
|
|
108
97
|
"data-ut": e.$attrs["data-ut"] ? `${e.$attrs["data-ut"]}Menu` : void 0
|
|
109
98
|
}, [
|
|
110
99
|
$(e.$slots, "default")
|
|
111
|
-
], 10,
|
|
112
|
-
[
|
|
100
|
+
], 10, G), [
|
|
101
|
+
[N, s.value]
|
|
113
102
|
])
|
|
114
103
|
], 512));
|
|
115
104
|
}
|
|
116
105
|
});
|
|
117
106
|
export {
|
|
118
|
-
|
|
107
|
+
X as default
|
|
119
108
|
};
|
|
120
109
|
//# sourceMappingURL=design-system14.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system14.mjs","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = { class: \"ds-truncate\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_5 = [\n _hoisted_4\n]\nconst _hoisted_6 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n ensureVisiblePosition,\n resetPosition,\n} from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BDropdownProps {\n inputId?: string;\n modelValue?: boolean;\n label?: string;\n /**\n * Toggle's content text\n */\n text?: string;\n /**\n * CSS of toggle\n */\n toggleCssClass?: string;\n /**\n * CSS of menu\n */\n menuCssClass?: string;\n /**\n * Prevent menu from closing when clicking outside\n */\n noCloseOnClickOutside?: boolean;\n /**\n * Prevent menu from closing when \"Esc\" pressed\n */\n noCloseOnEsc?: boolean;\n menuFixed?: boolean; // menu position should be fixed when toggle position is fixed\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BDropdown',\n props: {\n inputId: { default: '' },\n modelValue: { type: Boolean, default: undefined },\n label: { default: '' },\n text: { default: '' },\n toggleCssClass: { default: '' },\n menuCssClass: { default: '' },\n noCloseOnClickOutside: { type: Boolean, default: false },\n noCloseOnEsc: { type: Boolean, default: false },\n menuFixed: { type: Boolean, default: false }\n },\n emits: [\"update:modelValue\", \"hidden\", \"shown\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val: boolean) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n if (val) {\n ensureMenuPosition();\n } else {\n resetMenuPosition();\n toggle.value?.blur();\n }\n});\n\n/**\n * Watch\n */\nwatch(\n () => props.noCloseOnClickOutside,\n (val) => {\n if (val) {\n removeClickOutsideEventListener();\n } else {\n initClickOutsideEventListener();\n }\n },\n);\n\nwatch(\n () => props.noCloseOnEsc,\n (val) => {\n if (val) {\n removePressEscapeEventListener();\n } else {\n initPressEscapeEventListener();\n }\n },\n);\n\n/**\n * Methods\n */\nconst initPressEscapeEventListener = () => {\n document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n if (event.key === 'Escape') {\n close();\n }\n};\nconst initClickOutsideEventListener = () => {\n document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n const refs = [dropdown.value, dropdownMenu.value];\n const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n if (!withinBoundaries) {\n close();\n }\n};\nconst onClickToggle = () => {\n value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n nextTick(() => {\n ensureVisiblePosition(\n dropdown.value!,\n dropdownMenu.value!,\n props.menuFixed,\n );\n emit('shown');\n });\n};\nconst resetMenuPosition = () => {\n resetPosition(dropdown.value!, dropdownMenu.value!);\n emit('hidden');\n};\nconst close = () => {\n value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n document.removeEventListener('click', closeOnClickOutside);\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n if (!props.noCloseOnEsc) {\n initPressEscapeEventListener();\n }\n if (!props.noCloseOnClickOutside) {\n initClickOutsideEventListener();\n }\n});\nonBeforeUnmount(() => {\n removePressEscapeEventListener();\n removeClickOutsideEventListener();\n // Make sure dropdown menu unmounted with itself\n resetMenuPosition();\n});\n\n/**\n * Provide\n */\nprovide(PIKey.CloseDropdown, close);\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"dropdown\",\n ref: dropdown\n }, [\n (props.label)\n ? (_openBlock(), _createElementBlock(\"label\", {\n key: 0,\n for: id.value,\n class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n }, _toDisplayString(props.label), 9, _hoisted_1))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"button\", {\n id: id.value,\n ref_key: \"toggle\",\n ref: toggle,\n class: _normalizeClass([_ctx.toggleCssClass, \"ds-inline-flex ds-w-full ds-items-center ds-justify-between ds-rounded-lg ds-bg-gray-200 ds-px-3 ds-py-2 ds-text-gray-700 focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n type: \"button\",\n onClick: onClickToggle\n }, [\n _renderSlot(_ctx.$slots, \"toggle\", {}, () => [\n _createElementVNode(\"span\", _hoisted_3, _toDisplayString(props.text), 1),\n _createTextVNode(\" \"),\n (_openBlock(), _createElementBlock(\"svg\", {\n class: _normalizeClass([`${value.value ? 'ds-rotate-180' : ''}`, \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n viewBox: \"0 0 320 512\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, _hoisted_5, 2))\n ])\n ], 10, _hoisted_2),\n _withDirectives(_createElementVNode(\"div\", {\n id: `${id.value}Menu`,\n ref_key: \"dropdownMenu\",\n ref: dropdownMenu,\n class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 ds-py-1\"]),\n \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 10, _hoisted_6), [\n [_vShow, value.value]\n ])\n ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","emit","props","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_createTextVNode","_withDirectives","_vShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-system14.mjs","sources":["../src/components/BDropdown/BDropdown.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = [\"id\"]\nconst _hoisted_3 = [\"id\", \"data-cy\", \"data-ut\"]\n\nimport {\n ensureVisiblePosition,\n resetPosition,\n} from '@/helpers/ComponentHelper';\nimport { v4 as uuid } from 'uuid';\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n watch,\n} from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n/**\n * Props\n */\nexport interface BDropdownProps {\n inputId?: string;\n modelValue?: boolean;\n label?: string;\n /**\n * CSS of toggle\n */\n toggleCssClass?: string;\n /**\n * CSS of menu\n */\n menuCssClass?: string;\n /**\n * Prevent menu from closing when clicking outside\n */\n noCloseOnClickOutside?: boolean;\n /**\n * Prevent menu from closing when \"Esc\" pressed\n */\n noCloseOnEsc?: boolean;\n menuFixed?: boolean; // menu position should be fixed when toggle position is fixed\n}\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BDropdown',\n props: {\n inputId: { default: '' },\n modelValue: { type: Boolean, default: undefined },\n label: { default: '' },\n toggleCssClass: { default: '' },\n menuCssClass: { default: '' },\n noCloseOnClickOutside: { type: Boolean, default: false },\n noCloseOnEsc: { type: Boolean, default: false },\n menuFixed: { type: Boolean, default: false }\n },\n emits: [\"update:modelValue\", \"hidden\", \"shown\"],\n setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst toggle = ref<HTMLElement | null>(null);\nconst dropdown = ref<HTMLElement | null>(null);\nconst dropdownMenu = ref<HTMLElement | null>(null);\nconst mValue = ref(false);\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val: boolean) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\n\n/**\n * Watch\n */\nwatch(value, (val) => {\n if (val) {\n ensureMenuPosition();\n } else {\n resetMenuPosition();\n toggle.value?.blur();\n }\n});\n\n/**\n * Watch\n */\nwatch(\n () => props.noCloseOnClickOutside,\n (val) => {\n if (val) {\n removeClickOutsideEventListener();\n } else {\n initClickOutsideEventListener();\n }\n },\n);\n\nwatch(\n () => props.noCloseOnEsc,\n (val) => {\n if (val) {\n removePressEscapeEventListener();\n } else {\n initPressEscapeEventListener();\n }\n },\n);\n\n/**\n * Methods\n */\nconst initPressEscapeEventListener = () => {\n document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: any) => {\n if (event.key === 'Escape') {\n close();\n }\n};\nconst initClickOutsideEventListener = () => {\n document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n const refs = [dropdown.value, dropdownMenu.value];\n const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n if (!withinBoundaries) {\n close();\n }\n};\nconst onClickToggle = () => {\n value.value = !value.value;\n};\nconst ensureMenuPosition = () => {\n nextTick(() => {\n ensureVisiblePosition(\n dropdown.value!,\n dropdownMenu.value!,\n props.menuFixed,\n );\n emit('shown');\n });\n};\nconst resetMenuPosition = () => {\n resetPosition(dropdown.value!, dropdownMenu.value!);\n emit('hidden');\n};\nconst close = () => {\n value.value = false;\n};\nconst removePressEscapeEventListener = () => {\n document.removeEventListener('keydown', closeOnEscapePressed);\n};\nconst removeClickOutsideEventListener = () => {\n document.removeEventListener('click', closeOnClickOutside);\n};\n\n/**\n * Lifecycle Hooks\n */\nonMounted(() => {\n if (!props.noCloseOnEsc) {\n initPressEscapeEventListener();\n }\n if (!props.noCloseOnClickOutside) {\n initClickOutsideEventListener();\n }\n});\nonBeforeUnmount(() => {\n removePressEscapeEventListener();\n removeClickOutsideEventListener();\n // Make sure dropdown menu unmounted with itself\n resetMenuPosition();\n});\n\n/**\n * Provide\n */\nprovide(PIKey.CloseDropdown, close);\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"dropdown\",\n ref: dropdown\n }, [\n (props.label)\n ? (_openBlock(), _createElementBlock(\"label\", {\n key: 0,\n for: id.value,\n class: \"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500\"\n }, _toDisplayString(props.label), 9, _hoisted_1))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"button\", {\n id: id.value,\n ref_key: \"toggle\",\n ref: toggle,\n class: _normalizeClass([_ctx.toggleCssClass, \"focus:ds-ring-1 focus:ds-ring-primary-t\"]),\n type: \"button\",\n onClick: onClickToggle\n }, [\n _renderSlot(_ctx.$slots, \"toggle\")\n ], 10, _hoisted_2),\n _withDirectives(_createElementVNode(\"div\", {\n id: `${id.value}Menu`,\n ref_key: \"dropdownMenu\",\n ref: dropdownMenu,\n class: _normalizeClass([`${_ctx.menuCssClass} ${props.menuFixed ? 'ds-fixed' : 'ds-absolute'}`, \"ds-z-50 ds-py-1\"]),\n \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n }, [\n _renderSlot(_ctx.$slots, \"default\")\n ], 10, _hoisted_3), [\n [_vShow, value.value]\n ])\n ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","toggle","ref","dropdown","dropdownMenu","mValue","id","computed","uuid","value","val","watch","ensureMenuPosition","resetMenuPosition","_a","removeClickOutsideEventListener","initClickOutsideEventListener","removePressEscapeEventListener","initPressEscapeEventListener","closeOnEscapePressed","event","close","closeOnClickOutside","r","onClickToggle","nextTick","ensureVisiblePosition","resetPosition","onMounted","onBeforeUnmount","provide","PIKey","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_vShow"],"mappings":"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"}
|
package/dist/design-system140.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const h=require("./design-system141.js"),l=require("./design-system142.js");function u(s,a,i,d){var g=!i;i||(i={});for(var f=-1,v=a.length;++f<v;){var n=a[f],r=d?d(i[n],s[n],n,i,s):void 0;r===void 0&&(r=s[n]),g?l(i,n,r):h(i,n,r)}return i}module.exports=u;
|
|
2
2
|
//# sourceMappingURL=design-system140.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system140.js","sources":["../node_modules/lodash-es/
|
|
1
|
+
{"version":3,"file":"design-system140.js","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n var isNew = !object;\n object || (object = {});\n\n var index = -1,\n length = props.length;\n\n while (++index < length) {\n var key = props[index];\n\n var newValue = customizer\n ? customizer(object[key], source[key], key, object, source)\n : undefined;\n\n if (newValue === undefined) {\n newValue = source[key];\n }\n if (isNew) {\n baseAssignValue(object, key, newValue);\n } else {\n assignValue(object, key, newValue);\n }\n }\n return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":"yFAaA,SAASA,EAAWC,EAAQC,EAAOC,EAAQC,EAAY,CACrD,IAAIC,EAAQ,CAACF,EACbA,IAAWA,EAAS,CAAA,GAKpB,QAHIG,EAAQ,GACRC,EAASL,EAAM,OAEZ,EAAEI,EAAQC,GAAQ,CACvB,IAAIC,EAAMN,EAAMI,CAAK,EAEjBG,EAAWL,EACXA,EAAWD,EAAOK,CAAG,EAAGP,EAAOO,CAAG,EAAGA,EAAKL,EAAQF,CAAM,EACxD,OAEAQ,IAAa,SACfA,EAAWR,EAAOO,CAAG,GAEnBH,EACFK,EAAgBP,EAAQK,EAAKC,CAAQ,EAErCE,EAAYR,EAAQK,EAAKC,CAAQ,CAEpC,CACD,OAAON,CACT","x_google_ignoreList":[0]}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
(
|
|
1
|
+
import v from "./design-system141.mjs";
|
|
2
|
+
import h from "./design-system142.mjs";
|
|
3
|
+
function x(a, r, i, d) {
|
|
4
|
+
var l = !i;
|
|
5
|
+
i || (i = {});
|
|
6
|
+
for (var g = -1, s = r.length; ++g < s; ) {
|
|
7
|
+
var n = r[g], f = d ? d(i[n], a[n], n, i, a) : void 0;
|
|
8
|
+
f === void 0 && (f = a[n]), l ? h(i, n, f) : v(i, n, f);
|
|
9
|
+
}
|
|
10
|
+
return i;
|
|
7
11
|
}
|
|
8
12
|
export {
|
|
9
|
-
|
|
13
|
+
x as default
|
|
10
14
|
};
|
|
11
15
|
//# sourceMappingURL=design-system140.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system140.mjs","sources":["../node_modules/lodash-es/
|
|
1
|
+
{"version":3,"file":"design-system140.mjs","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n var isNew = !object;\n object || (object = {});\n\n var index = -1,\n length = props.length;\n\n while (++index < length) {\n var key = props[index];\n\n var newValue = customizer\n ? customizer(object[key], source[key], key, object, source)\n : undefined;\n\n if (newValue === undefined) {\n newValue = source[key];\n }\n if (isNew) {\n baseAssignValue(object, key, newValue);\n } else {\n assignValue(object, key, newValue);\n }\n }\n return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":";;AAaA,SAASA,EAAWC,GAAQC,GAAOC,GAAQC,GAAY;AACrD,MAAIC,IAAQ,CAACF;AACb,EAAAA,MAAWA,IAAS,CAAA;AAKpB,WAHIG,IAAQ,IACRC,IAASL,EAAM,QAEZ,EAAEI,IAAQC,KAAQ;AACvB,QAAIC,IAAMN,EAAMI,CAAK,GAEjBG,IAAWL,IACXA,EAAWD,EAAOK,CAAG,GAAGP,EAAOO,CAAG,GAAGA,GAAKL,GAAQF,CAAM,IACxD;AAEJ,IAAIQ,MAAa,WACfA,IAAWR,EAAOO,CAAG,IAEnBH,IACFK,EAAgBP,GAAQK,GAAKC,CAAQ,IAErCE,EAAYR,GAAQK,GAAKC,CAAQ;AAAA,EAEpC;AACD,SAAON;AACT;","x_google_ignoreList":[0]}
|
package/dist/design-system141.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("./design-system142.js"),a=require("./design-system111.js");var i=Object.prototype,o=i.hasOwnProperty;function u(r,s,n){var e=r[s];(!(o.call(r,s)&&a(e,n))||n===void 0&&!(s in r))&&t(r,s,n)}module.exports=u;
|
|
2
2
|
//# sourceMappingURL=design-system141.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system141.js","sources":["../node_modules/lodash-es/
|
|
1
|
+
{"version":3,"file":"design-system141.js","sources":["../node_modules/lodash-es/_assignValue.js"],"sourcesContent":["import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n var objValue = object[key];\n if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n (value === undefined && !(key in object))) {\n baseAssignValue(object, key, value);\n }\n}\n\nexport default assignValue;\n"],"names":["objectProto","hasOwnProperty","assignValue","object","key","value","objValue","eq","baseAssignValue"],"mappings":"yFAIA,IAAIA,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAYjC,SAASE,EAAYC,EAAQC,EAAKC,EAAO,CACvC,IAAIC,EAAWH,EAAOC,CAAG,GACrB,EAAEH,EAAe,KAAKE,EAAQC,CAAG,GAAKG,EAAGD,EAAUD,CAAK,IACvDA,IAAU,QAAa,EAAED,KAAOD,KACnCK,EAAgBL,EAAQC,EAAKC,CAAK,CAEtC","x_google_ignoreList":[0]}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
writable: !0
|
|
8
|
-
}) : r[e] = t;
|
|
1
|
+
import t from "./design-system142.mjs";
|
|
2
|
+
import i from "./design-system111.mjs";
|
|
3
|
+
var s = Object.prototype, p = s.hasOwnProperty;
|
|
4
|
+
function l(r, a, o) {
|
|
5
|
+
var n = r[a];
|
|
6
|
+
(!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
|
|
9
7
|
}
|
|
10
8
|
export {
|
|
11
|
-
|
|
9
|
+
l as default
|
|
12
10
|
};
|
|
13
11
|
//# sourceMappingURL=design-system141.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system141.mjs","sources":["../node_modules/lodash-es/
|
|
1
|
+
{"version":3,"file":"design-system141.mjs","sources":["../node_modules/lodash-es/_assignValue.js"],"sourcesContent":["import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n var objValue = object[key];\n if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n (value === undefined && !(key in object))) {\n baseAssignValue(object, key, value);\n }\n}\n\nexport default assignValue;\n"],"names":["objectProto","hasOwnProperty","assignValue","object","key","value","objValue","eq","baseAssignValue"],"mappings":";;AAIA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAYjC,SAASE,EAAYC,GAAQC,GAAKC,GAAO;AACvC,MAAIC,IAAWH,EAAOC,CAAG;AACzB,GAAI,EAAEH,EAAe,KAAKE,GAAQC,CAAG,KAAKG,EAAGD,GAAUD,CAAK,MACvDA,MAAU,UAAa,EAAED,KAAOD,OACnCK,EAAgBL,GAAQC,GAAKC,CAAK;AAEtC;","x_google_ignoreList":[0]}
|
package/dist/design-system142.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const u=require("./design-system144.js");function i(r,e,t){e=="__proto__"&&u?u(r,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):r[e]=t}module.exports=i;
|
|
2
2
|
//# sourceMappingURL=design-system142.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system142.js","sources":["../node_modules/lodash-es/
|
|
1
|
+
{"version":3,"file":"design-system142.js","sources":["../node_modules/lodash-es/_baseAssignValue.js"],"sourcesContent":["import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n if (key == '__proto__' && defineProperty) {\n defineProperty(object, key, {\n 'configurable': true,\n 'enumerable': true,\n 'value': value,\n 'writable': true\n });\n } else {\n object[key] = value;\n }\n}\n\nexport default baseAssignValue;\n"],"names":["baseAssignValue","object","key","value","defineProperty"],"mappings":"sDAWA,SAASA,EAAgBC,EAAQC,EAAKC,EAAO,CACvCD,GAAO,aAAeE,EACxBA,EAAeH,EAAQC,EAAK,CAC1B,aAAgB,GAChB,WAAc,GACd,MAASC,EACT,SAAY,EAClB,CAAK,EAEDF,EAAOC,CAAG,EAAIC,CAElB","x_google_ignoreList":[0]}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
return i;
|
|
1
|
+
import u from "./design-system144.mjs";
|
|
2
|
+
function i(r, e, t) {
|
|
3
|
+
e == "__proto__" && u ? u(r, e, {
|
|
4
|
+
configurable: !0,
|
|
5
|
+
enumerable: !0,
|
|
6
|
+
value: t,
|
|
7
|
+
writable: !0
|
|
8
|
+
}) : r[e] = t;
|
|
11
9
|
}
|
|
12
10
|
export {
|
|
13
|
-
|
|
11
|
+
i as default
|
|
14
12
|
};
|
|
15
13
|
//# sourceMappingURL=design-system142.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system142.mjs","sources":["../node_modules/lodash-es/
|
|
1
|
+
{"version":3,"file":"design-system142.mjs","sources":["../node_modules/lodash-es/_baseAssignValue.js"],"sourcesContent":["import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n if (key == '__proto__' && defineProperty) {\n defineProperty(object, key, {\n 'configurable': true,\n 'enumerable': true,\n 'value': value,\n 'writable': true\n });\n } else {\n object[key] = value;\n }\n}\n\nexport default baseAssignValue;\n"],"names":["baseAssignValue","object","key","value","defineProperty"],"mappings":";AAWA,SAASA,EAAgBC,GAAQC,GAAKC,GAAO;AAC3C,EAAID,KAAO,eAAeE,IACxBA,EAAeH,GAAQC,GAAK;AAAA,IAC1B,cAAgB;AAAA,IAChB,YAAc;AAAA,IACd,OAASC;AAAA,IACT,UAAY;AAAA,EAClB,CAAK,IAEDF,EAAOC,CAAG,IAAIC;AAElB;","x_google_ignoreList":[0]}
|
package/dist/design-system145.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e=require("./design-system101.js");module.exports=e;
|
|
2
2
|
//# sourceMappingURL=design-system145.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system145.js","sources":[
|
|
1
|
+
{"version":3,"file":"design-system145.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|