admins-components 9.0.58 → 9.0.60
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/admins-components170.js +8 -6
- package/dist/admins-components170.js.map +1 -1
- package/dist/src/styles/components/calendar.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/dist/src/styles/components/modal.scss_vue_type_style_index_0_src_true_lang.css +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,12 @@ var m = t({
|
|
|
9
9
|
setup(e, t) {
|
|
10
10
|
let { value: n } = t.element;
|
|
11
11
|
(n.value == null || n.value === "") && (n.value = /* @__PURE__ */ new Date());
|
|
12
|
-
let r =
|
|
12
|
+
let r = {
|
|
13
|
+
showTime: !0,
|
|
14
|
+
...t.attrs.config || {}
|
|
15
|
+
};
|
|
16
|
+
t.attrs.placeholder !== void 0 && r.placeholder === void 0 && (r.placeholder = t.attrs.placeholder);
|
|
17
|
+
let i = s(null), a = s(!1);
|
|
13
18
|
return f(n, () => {
|
|
14
19
|
i.value = {
|
|
15
20
|
local: n.value ? new Date(n.value) : null,
|
|
@@ -20,7 +25,7 @@ var m = t({
|
|
|
20
25
|
immediate: !0
|
|
21
26
|
}), {
|
|
22
27
|
display: a,
|
|
23
|
-
|
|
28
|
+
pickerConfig: r,
|
|
24
29
|
initial: i,
|
|
25
30
|
value: n,
|
|
26
31
|
setValue: (e) => {
|
|
@@ -35,10 +40,7 @@ function h(e, t, n, s, f, m) {
|
|
|
35
40
|
element: p(() => [e.display ? (o(), r(h, {
|
|
36
41
|
key: 0,
|
|
37
42
|
"model-value": e.initial,
|
|
38
|
-
config:
|
|
39
|
-
showTime: !0,
|
|
40
|
-
placeholder: e.placeholder
|
|
41
|
-
},
|
|
43
|
+
config: e.pickerConfig,
|
|
42
44
|
"onUpdate:modelValue": t[0] ||= (t) => e.setValue(t)
|
|
43
45
|
}, null, 8, ["model-value", "config"])) : i("", !0)]),
|
|
44
46
|
_: 2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"admins-components170.js","names":[],"sources":["../src/vueformelements/DateTimePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\n\nexport default defineElement({\n name: 'DateTimePickerElement',\n components: {\n DatePicker,\n },\n setup(props, context) {\n const { value } = context.element\n\n // Only default to \"now\" if no value was provided (create mode).\n // Otherwise keep the pre-filled value intact (edit mode).\n if (value.value == null || value.value === '') {\n value.value = new Date()\n }\n\n const placeholder = context.attrs.placeholder\n const initial = ref(null)\n const display = ref(false)\n\n const setValue = (v) => {\n if (v && v.utc) {\n value.value = v.utc\n }\n }\n\n watch(\n value,\n () => {\n initial.value = {\n local: value.value ? new Date(value.value) : null,\n utc: value.value,\n }\n display.value = true\n },\n { deep: true, immediate: true },\n )\n\n return {\n display,\n
|
|
1
|
+
{"version":3,"file":"admins-components170.js","names":[],"sources":["../src/vueformelements/DateTimePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\n\nexport default defineElement({\n name: 'DateTimePickerElement',\n components: {\n DatePicker,\n },\n setup(props, context) {\n const { value } = context.element\n\n // Only default to \"now\" if no value was provided (create mode).\n // Otherwise keep the pre-filled value intact (edit mode).\n if (value.value == null || value.value === '') {\n value.value = new Date()\n }\n\n // Build the inner DatePicker config.\n // - Anything under `config` attr is forwarded verbatim.\n // - `placeholder` attr is also accepted as a shorthand for convenience.\n // - `showTime` defaults to true (this is the whole point of the element).\n const userConfig = context.attrs.config || {}\n const pickerConfig = {\n showTime: true,\n ...userConfig,\n }\n if (context.attrs.placeholder !== undefined && pickerConfig.placeholder === undefined) {\n pickerConfig.placeholder = context.attrs.placeholder\n }\n\n const initial = ref(null)\n const display = ref(false)\n\n const setValue = (v) => {\n if (v && v.utc) {\n value.value = v.utc\n }\n }\n\n watch(\n value,\n () => {\n initial.value = {\n local: value.value ? new Date(value.value) : null,\n utc: value.value,\n }\n display.value = true\n },\n { deep: true, immediate: true },\n )\n\n return {\n display,\n pickerConfig,\n initial,\n value,\n setValue,\n }\n },\n})\n</script>\n\n<template>\n <ElementLayout>\n <template #element>\n <DatePicker\n v-if=\"display\"\n :model-value=\"initial\"\n :config=\"pickerConfig\"\n @update:model-value=\"setValue($event)\"\n />\n </template>\n\n <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n <!-- eslint-disable-next-line vue/valid-attribute-name -->\n <slot :name=\"slot\" :el$=\"el$\">\n <component :is=\"component\" :el$=\"el$\" />\n </slot>\n </template>\n </ElementLayout>\n</template>\n"],"mappings":";;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EACV,YAAA,EACF;CACA,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ;EAI1B,CAAI,EAAM,SAAS,QAAQ,EAAM,UAAU,QACzC,EAAM,wBAAQ,IAAI,KAAK;EAQzB,IAAM,IAAe;GACnB,UAAU;GACV,GAHiB,EAAQ,MAAM,UAAU,CAAC;EAI5C;EACA,AAAI,EAAQ,MAAM,gBAAgB,KAAA,KAAa,EAAa,gBAAgB,KAAA,MAC1E,EAAa,cAAc,EAAQ,MAAM;EAG3C,IAAM,IAAU,EAAI,IAAI,GAClB,IAAU,EAAI,EAAK;EAoBzB,OAZA,EACE,SACM;GAKJ,AAJA,EAAQ,QAAQ;IACd,OAAO,EAAM,QAAQ,IAAI,KAAK,EAAM,KAAK,IAAI;IAC7C,KAAK,EAAM;GACb,GACA,EAAQ,QAAQ;EAClB,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC,GAEO;GACL;GACA;GACA;GACA;GACA,WAvBgB,MAAM;IACtB,AAAI,KAAK,EAAE,QACT,EAAM,QAAQ,EAAE;GAEpB;EAoBA;CACF;AACF,CAAC;;;aAIC,EAgBgB,GAAA,MAAA,EAAA;EAfH,SAAO,QAMd,CAJM,EAAA,WAAA,EAAA,GADR,EAKE,GAAA;;GAHC,eAAa,EAAA;GACb,QAAQ,EAAA;GACR,uBAAkB,AAAA,EAAA,QAAA,MAAE,EAAA,SAAS,CAAM;;;OAIF,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ac-component .dp-calendar{background:var(--neutral-0);-webkit-user-select:none;user-select:none;border-radius:.75rem;padding:1rem;box-shadow:0 4px 24px #0000001f,0 2px 8px #00000014}.ac-component .dp-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ac-component .dp-header-labels{align-items:center;gap:1rem;display:flex}.ac-component .dp-header-labels--item{color:var(--neutral-900);cursor:pointer;text-transform:capitalize;font-size:.875rem;font-weight:500}.ac-component .dp-header-labels--item:hover{color:var(--site-500)}.ac-component .dp-nav-btn{cursor:pointer;width:2.25rem;height:2.25rem;color:var(--neutral-600);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.ac-component .dp-nav-btn:hover{background:var(--neutral-150);color:var(--neutral-900)}.ac-component .dp-nav-btn--spacer{visibility:hidden;pointer-events:none}.ac-component .dp-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:.25rem;display:grid}.ac-component .dp-weekdays--has-week{grid-template-columns:1.225rem repeat(7,1fr)}.ac-component .dp-weekday{text-align:center;color:var(--neutral-500);padding:.25rem 0;font-size:.75rem;font-weight:500}.ac-component .dp-weekday--week{color:var(--neutral-400)}.ac-component .dp-week-number{color:var(--neutral-500);font-variant-numeric:tabular-nums;align-items:center;margin:0 auto;font-size:.6875rem;font-weight:500;display:flex}.ac-component .dp-week-number--other{color:var(--neutral-300)}.ac-component .dp-body{flex-direction:column;height:14.75rem;display:flex}.ac-component .dp-
|
|
1
|
+
.ac-component .dp-calendar{background:var(--neutral-0);-webkit-user-select:none;user-select:none;border-radius:.75rem;padding:1rem;box-shadow:0 4px 24px #0000001f,0 2px 8px #00000014}.ac-component .dp-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ac-component .dp-header-labels{align-items:center;gap:1rem;display:flex}.ac-component .dp-header-labels--item{color:var(--neutral-900);cursor:pointer;text-transform:capitalize;font-size:.875rem;font-weight:500}.ac-component .dp-header-labels--item:hover{color:var(--site-500)}.ac-component .dp-nav-btn{cursor:pointer;width:2.25rem;height:2.25rem;color:var(--neutral-600);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.ac-component .dp-nav-btn:hover{background:var(--neutral-150);color:var(--neutral-900)}.ac-component .dp-nav-btn--spacer{visibility:hidden;pointer-events:none}.ac-component .dp-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:.25rem;display:grid}.ac-component .dp-weekdays--has-week{grid-template-columns:1.225rem repeat(7,1fr)}.ac-component .dp-weekday{text-align:center;color:var(--neutral-500);padding:.25rem 0;font-size:.75rem;font-weight:500}.ac-component .dp-weekday--week{color:var(--neutral-400)}.ac-component .dp-week-number{color:var(--neutral-500);font-variant-numeric:tabular-nums;align-items:center;margin:0 auto;font-size:.6875rem;font-weight:500;display:flex}.ac-component .dp-week-number--other{color:var(--neutral-300)}.ac-component .dp-body{flex-direction:column;min-height:14.75rem;display:flex}.ac-component .dp-picker-grid{gap:.25rem;min-height:0;padding:.25rem 0;display:grid}.ac-component .dp-picker-grid--3col{grid-template-columns:repeat(3,1fr)}.ac-component .dp-picker-grid--4col{grid-template-columns:repeat(4,1fr)}.ac-component .dp-picker-grid--7col{grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:2px;padding:0}.ac-component .dp-picker-grid--8col{grid-template-columns:1.125rem repeat(7,1fr);grid-auto-flow:dense;grid-auto-rows:1fr;gap:2px;padding:0}.ac-component .dp-picker-grid--scrollable{max-height:100%;overflow-y:auto}.ac-component .dp-picker-grid.dp-month-picker{gap:1rem .5rem}.ac-component .dp-picker-item{height:2.25rem;color:var(--neutral-900);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:.8125rem;transition:background-color .15s,color .15s;display:flex}.ac-component .dp-picker-item:hover:not(.dp-picker-item--disabled):not(.dp-picker-item--selected){background:var(--neutral-100)}.ac-component .dp-picker-item--circle{text-transform:none;width:2.5rem;height:2.5rem;font-family:var(--ac-font-family);border-radius:50%;margin:0 auto}.ac-component .dp-picker-item--selected{background:var(--site-500);color:var(--neutral-0);font-weight:600}.ac-component .dp-picker-item--selected:hover{background:var(--site-500)}.ac-component .dp-picker-item--today{color:var(--premium-500);border:1px solid var(--premium-500);font-weight:600}.ac-component .dp-picker-item--today.dp-picker-item--selected{border-color:var(--site-500);color:var(--neutral-0)}.ac-component .dp-picker-item--other{color:var(--neutral-300)}.ac-component .dp-picker-item--disabled{color:var(--neutral-150);cursor:not-allowed}.ac-component .dp-picker-item--weekend:not(.dp-picker-item--selected):not(.dp-picker-item--disabled):not(.dp-picker-item--other){color:var(--ac-color-error)}.ac-component .dp-picker-item--weekend.dp-picker-item--other:not(.dp-picker-item--disabled){color:#e1313166}.ac-component .dp-time-label{color:var(--neutral-600);font-size:.8125rem;font-weight:500}.ac-component .dp-time-inputs{align-items:center;gap:.25rem;display:flex}.ac-component .dp-time-sep{color:var(--neutral-600);font-size:1rem;font-weight:600}.ac-component .dp-time-input{text-align:center;border:1px solid var(--neutral-200);width:2.75rem;height:2.25rem;color:var(--neutral-900);appearance:textfield;border-radius:.5rem;outline:none;font-size:.875rem;font-weight:500;transition:border-color .15s}.ac-component .dp-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ac-component .dp-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ac-component .c-modal-backdrop{z-index:
|
|
1
|
+
.ac-component .c-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-component .c-modal{background:var(--neutral-0);border-radius:.75rem;flex-direction:column;min-width:20rem;max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 4rem);animation:.15s ease-out c-modal-enter;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.ac-component .c-modal-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:.5rem;display:flex}.ac-component .c-modal-title{color:var(--neutral-900);padding-left:.5rem;font-size:1rem;font-weight:600}.ac-component .c-modal-close{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .625rem;font-size:1rem;transition:background-color .15s,color .15s;display:inline-flex}.ac-component .c-modal-close i{transform:translate(.5px)}.ac-component .c-modal-close:hover{background:var(--neutral-100);color:var(--neutral-900)}.ac-component .c-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #f265221f}.ac-component .c-modal-body{flex-direction:column;flex:1;padding:1rem;display:flex;overflow-y:auto}.ac-component .c-modal-footer{border-top:1px solid var(--neutral-100);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ac-component .c-confirm-modal-message{color:var(--neutral-700);margin:0;font-size:.875rem;line-height:1.5}@keyframes c-modal-enter{0%{opacity:0;transform:scale(.95)translateY(-.5rem)}to{opacity:1;transform:scale(1)translateY(0)}}
|