@luzmo/lucero 1.0.1-alpha.4 → 1.0.1-alpha.40
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/components/accordion/index.cjs +6 -6
- package/components/accordion/index.js +14 -13
- package/components/action-bar/index.cjs +4 -4
- package/components/action-bar/index.js +20 -18
- package/components/action-button/index.cjs +3 -3
- package/components/action-button/index.js +7 -6
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +2 -2
- package/components/{action-group-DBImibFn.js → action-group-Bwt9w8Vh.js} +10 -9
- package/components/action-group-D917z7XF.cjs +20 -0
- package/components/action-menu/index.cjs +9 -9
- package/components/action-menu/index.js +10 -10
- package/components/avatar/index.cjs +3 -3
- package/components/avatar/index.js +7 -7
- package/components/base-5nDSSNeT.cjs +18 -0
- package/components/base-CdYjmV_8.js +96 -0
- package/components/button/button-base.d.ts +16 -0
- package/components/button/button.d.ts +38 -2
- package/components/button/index.cjs +2 -2
- package/components/button/index.js +37 -32
- package/components/{button-base-DbkDzb71.js → button-base-B5uul3tZ.js} +54 -39
- package/components/button-base-C7or8-FB.cjs +25 -0
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +11 -9
- package/components/calendar/index.cjs +96 -1
- package/components/calendar/index.js +538 -6
- package/components/checkbox/index.cjs +4 -4
- package/components/checkbox/index.js +10 -8
- package/components/{checkbox-mixin-Do7EgtpQ.js → checkbox-mixin-DUbGDm7f.js} +9 -9
- package/components/{checkbox-mixin-BDN0dBtS.cjs → checkbox-mixin-DhN8CIXY.cjs} +3 -3
- package/components/{clear-button-DoeRUWQ3.js → clear-button-Bjp7N52G.js} +14 -13
- package/components/clear-button-C39c3PH0.cjs +18 -0
- package/components/close-button-C4zqQJRL.cjs +18 -0
- package/components/close-button-R-Cyxi_j.js +52 -0
- package/components/color-area/index.cjs +5 -5
- package/components/color-area/index.js +12 -11
- package/components/color-controller-7sNUf7SP.js +386 -0
- package/components/color-controller-ChN-A9Ft.cjs +18 -0
- package/components/color-field/color-field.d.ts +8 -0
- package/components/color-field/index.cjs +4 -4
- package/components/color-field/index.js +38 -25
- package/components/color-handle/index.cjs +2 -2
- package/components/color-handle/index.js +8 -6
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +2 -2
- package/components/color-loupe-CIEFp7ln.cjs +56 -0
- package/components/{color-loupe-CmMsXbjT.js → color-loupe-CLPX6xVb.js} +6 -4
- package/components/color-menu/index.cjs +8 -8
- package/components/color-menu/index.js +46 -46
- package/components/color-palette/color-palette.d.ts +6 -2
- package/components/color-palette/index.cjs +1 -1
- package/components/color-palette/index.js +35 -34
- package/components/color-palette-group/color-palette-group.d.ts +79 -0
- package/components/color-palette-group/index.cjs +28 -0
- package/components/color-palette-group/index.d.ts +7 -0
- package/components/color-palette-group/index.js +206 -0
- package/components/color-picker/color-picker.d.ts +31 -2
- package/components/color-picker/index.cjs +6 -5
- package/components/color-picker/index.js +16 -12
- package/components/color-slider/index.cjs +40 -1
- package/components/color-slider/index.js +452 -6
- package/components/date-time-picker/index.cjs +16 -16
- package/components/date-time-picker/index.js +105 -106
- package/components/{dependency-manger-CEXvGQUV.js → dependency-manger-CO-VPlqq.js} +4 -4
- package/components/{dependency-manger-C5HCkMMB.cjs → dependency-manger-uthev62E.cjs} +1 -1
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +11 -9
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +2 -2
- package/components/field-group-BYHNJmv0.cjs +23 -0
- package/components/{field-group-DXfBWrkO.js → field-group-CHmw159R.js} +7 -5
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +2 -2
- package/components/{field-label-CZ2zzChK.js → field-label-Cy3xMWZ-.js} +9 -8
- package/components/field-label-DZoeqJJX.cjs +25 -0
- package/components/{focus-visible-DBlJGoEW.js → focus-visible-BvScGDCE.js} +20 -20
- package/components/focus-visible-D4BXb5RB.cjs +18 -0
- package/components/{focusable-BxtpnzWp.js → focusable-BjvsvVam.js} +3 -2
- package/components/focusable-CbVKgGfS.cjs +18 -0
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +22 -20
- package/components/index.cjs +1 -1
- package/components/index.js +140 -138
- package/components/infield-button/index.cjs +2 -2
- package/components/infield-button/index.js +6 -5
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +7 -5
- package/components/{language-resolution-8yZa5r_P.js → language-resolution-B-wjV5bb.js} +9 -8
- package/components/{directive-C7oCP5Bh.cjs → language-resolution-EUER43cg.cjs} +1 -5
- package/components/like-anchor-B2EqJPdw.cjs +32 -0
- package/components/{like-anchor-Bvn_vLQ8.js → like-anchor-CgqCU210.js} +23 -22
- package/components/{manage-help-text-DhgARkZX.cjs → manage-help-text-Bat9yGvF.cjs} +3 -3
- package/components/{manage-help-text-syYnjKGL.js → manage-help-text-C9sCHK3R.js} +8 -8
- package/components/menu/index.cjs +38 -13
- package/components/menu/index.js +138 -105
- package/components/menu/menu-item.d.ts +8 -1
- package/components/multi-language-field/index.cjs +2 -2
- package/components/multi-language-field/index.js +9 -7
- package/components/number-field/index.cjs +5 -5
- package/components/number-field/index.js +122 -85
- package/components/number-field/number-field.d.ts +145 -0
- package/components/observe-slot-presence-CNltc0C0.cjs +18 -0
- package/components/{observe-slot-presence-CmVi0zTc.js → observe-slot-presence-DFi6GE3H.js} +1 -1
- package/components/observe-slot-text-CBMHpuIK.cjs +18 -0
- package/components/{observe-slot-text-BPfIQQtz.js → observe-slot-text-DorVpCL4.js} +14 -15
- package/components/options/index.cjs +26 -58
- package/components/options/index.js +205 -849
- package/components/overlay/index.cjs +6 -6
- package/components/overlay/index.js +31 -32
- package/components/overlay-BhrVS5h7.cjs +47 -0
- package/components/overlay-C-No3oJQ.js +1736 -0
- package/components/{pending-state-CaH1si5b.cjs → pending-state-DQctFHI8.cjs} +2 -2
- package/components/{pending-state-DTX7ggyF.js → pending-state-Dx1u3EXA.js} +2 -2
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +3 -3
- package/components/{picker-BmoXv1jt.js → picker-Cm6_didQ.js} +44 -44
- package/components/picker-DxYgh4LR.cjs +123 -0
- package/components/picker-button/index.cjs +4 -4
- package/components/picker-button/index.js +8 -7
- package/components/{platform-BiXhwqk3.cjs → platform-BJnOJJag.cjs} +1 -1
- package/components/{platform-BM-uMWpX.js → platform-CqwNrovd.js} +12 -12
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +2 -2
- package/components/popover-lcZnODPK.cjs +30 -0
- package/components/{popover-DjX0aAnY.js → popover-ucIgjbQs.js} +8 -7
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +2 -2
- package/components/{progress-circle-DXH9z8-6.js → progress-circle-D5J0ZwY0.js} +8 -7
- package/components/progress-circle-DgMbqrzG.cjs +33 -0
- package/components/radio/index.cjs +2 -2
- package/components/radio/index.js +12 -11
- package/components/search/index.cjs +6 -6
- package/components/search/index.js +6 -6
- package/components/select/index.cjs +43 -42
- package/components/select/index.js +142 -126
- package/components/select/select.d.ts +1 -1
- package/components/{base-BjTwmyRF.cjs → sized-mixin-DcvJLFeo.cjs} +1 -5
- package/components/{sized-mixin-D4ACoVUr.js → sized-mixin-cJbo3PKR.js} +5 -5
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +48 -1101
- package/components/{strategies-9indNIEb.js → strategies-Bk97oVn1.js} +15 -50
- package/components/strategies-CNgBb6dM.cjs +18 -0
- package/components/{streaming-listener-CP-JE6Fa.js → streaming-listener-BlWm-XZU.js} +5 -6
- package/components/streaming-listener-D9Wc7skA.cjs +18 -0
- package/components/swatch/index.cjs +7 -7
- package/components/swatch/index.js +18 -17
- package/components/switch/index.cjs +2 -2
- package/components/switch/index.js +6 -5
- package/components/tabs/index.cjs +16 -24
- package/components/tabs/index.js +94 -162
- package/components/tags/index.cjs +4 -4
- package/components/tags/index.js +15 -14
- package/components/text-field/index.cjs +3 -3
- package/components/text-field/index.js +13 -11
- package/components/text-field/text-field.d.ts +1 -0
- package/components/{text-field-BIADXoLC.js → text-field-BHaLKkf1.js} +73 -99
- package/components/text-field-DFP7p8Rv.cjs +81 -0
- package/components/text-field.module-Bp4Mwuvj.js +21 -0
- package/components/text-field.module-eAEqjvZu.cjs +18 -0
- package/components/toast/index.cjs +11 -11
- package/components/toast/index.js +11 -9
- package/components/tooltip/index.cjs +4 -4
- package/components/tooltip/index.js +60 -36
- package/components/tooltip/tooltip.d.ts +12 -1
- package/components/unit-input/index.cjs +6 -6
- package/components/unit-input/index.js +12 -11
- package/components/utils.cjs +1 -1
- package/components/utils.js +6 -6
- package/custom-elements.json +1 -1
- package/index.d.ts +1 -0
- package/package.json +67 -1
- package/components/NumberFormatter-DewVDY5w.cjs +0 -18
- package/components/NumberFormatter-DgOUVrge.js +0 -136
- package/components/NumberParser-Dik4a0h-.cjs +0 -18
- package/components/NumberParser-ci9J5EKv.js +0 -173
- package/components/action-group-DJGMcRHb.cjs +0 -20
- package/components/async-directive-BX1T1e1_.cjs +0 -22
- package/components/async-directive-BfcqVjDp.js +0 -82
- package/components/base-CBCg3yyw.cjs +0 -40
- package/components/base-D76d76ww.js +0 -26
- package/components/base-WsynuqaS.js +0 -677
- package/components/button-base-XgPLmwP-.cjs +0 -25
- package/components/class-map-Di1D_rCm.cjs +0 -22
- package/components/class-map-NbVXqBU0.js +0 -51
- package/components/clear-button-Qi1pMA5S.cjs +0 -18
- package/components/close-button-BFMBEw3q.cjs +0 -18
- package/components/close-button-BWXdHSx3.js +0 -51
- package/components/color-controller-DTp1juRz.js +0 -3198
- package/components/color-controller-_ZwyhvaU.cjs +0 -18
- package/components/color-loupe-CaA_Lfkk.cjs +0 -56
- package/components/directive-helpers-Cm6gitnu.js +0 -62
- package/components/directive-helpers-DyIRTWwA.cjs +0 -22
- package/components/directive-oAbCiebi.js +0 -44
- package/components/field-group-DkGst3r5.cjs +0 -23
- package/components/field-label-mO1AkUgR.cjs +0 -25
- package/components/flow-D-0MTYCm.js +0 -527
- package/components/flow-DM3dNAKs.cjs +0 -30
- package/components/focus-visible-B0P9aY_G.cjs +0 -18
- package/components/focusable-EbipgXRh.cjs +0 -18
- package/components/if-defined-C9YGdo33.cjs +0 -22
- package/components/if-defined-DOaE2coe.js +0 -27
- package/components/index-A-yOTB_d.js +0 -1490
- package/components/index-BLWuwZXx.cjs +0 -113
- package/components/index-BwxgAdzi.cjs +0 -57
- package/components/index-HjQa8tew.js +0 -1174
- package/components/language-resolution-DJzmyzZq.cjs +0 -18
- package/components/like-anchor-sod1C1fR.cjs +0 -32
- package/components/luzmo-icons-DbwDQtuO.js +0 -229
- package/components/luzmo-icons-DletXGWU.cjs +0 -29
- package/components/mutation-controller-DH7YOCyj.js +0 -52
- package/components/mutation-controller-DkOMCW-c.cjs +0 -22
- package/components/observe-slot-presence-bc9chhsi.cjs +0 -18
- package/components/observe-slot-text-Ceb7SvYT.cjs +0 -18
- package/components/overlay-Cig9r6uU.js +0 -2747
- package/components/overlay-KSKMzzkh.cjs +0 -47
- package/components/picker-DWsBWdPN.cjs +0 -123
- package/components/popover-KFfO0IYL.cjs +0 -30
- package/components/progress-circle-BvRJNuNo.cjs +0 -33
- package/components/query-BL-TJj7K.cjs +0 -22
- package/components/query-D_KR_GUc.js +0 -51
- package/components/query-assigned-elements-DjfhL1cl.js +0 -36
- package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
- package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
- package/components/query-assigned-nodes-C76XVPWY.js +0 -36
- package/components/sized-mixin-CPxE5C96.cjs +0 -18
- package/components/state-D8JEtYqe.cjs +0 -22
- package/components/state-Deh-vKYE.js +0 -29
- package/components/strategies-BACP6MhR.cjs +0 -18
- package/components/streaming-listener-B00MvALi.cjs +0 -18
- package/components/style-map-CeilmSgs.cjs +0 -22
- package/components/style-map-IgqIKvlE.js +0 -53
- package/components/text-field-D5d_Gt0t.cjs +0 -85
- package/components/text-field.module-ColtFhf_.js +0 -21
- package/components/text-field.module-p_VF2tC_.cjs +0 -18
- package/components/when-CDK1Tt5Y.js +0 -28
- package/components/when-CDZyJPvd.cjs +0 -22
|
@@ -15,29 +15,28 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import
|
|
18
|
+
import { ZonedDateTime as ae, CalendarDateTime as M, CalendarDate as H, getMinimumDayInMonth as G, getMinimumMonthInYear as W, getLocalTimeZone as A, now as re, toZoned as D, parseAbsolute as E, toCalendarDateTime as S, toCalendarDate as L, parseDate as oe, Time as ne, DateFormatter as N } from "@internationalized/date";
|
|
19
|
+
import { NumberFormatter as j, NumberParser as se } from "@internationalized/number";
|
|
20
|
+
import { unsafeCSS as Z, html as _, nothing as U } from "lit";
|
|
21
|
+
import { property as b, state as T, query as K } from "lit/decorators.js";
|
|
22
|
+
import { classMap as le } from "lit/directives/class-map.js";
|
|
23
|
+
import { ifDefined as P } from "lit/directives/if-defined.js";
|
|
24
|
+
import { styleMap as ce } from "lit/directives/style-map.js";
|
|
25
|
+
import { when as Y } from "lit/directives/when.js";
|
|
26
|
+
import { F as de } from "../focusable-BjvsvVam.js";
|
|
27
|
+
import { S as ue, E as me } from "../sized-mixin-cJbo3PKR.js";
|
|
28
|
+
import { luzmoAlert as he, luzmoCalendar as pe } from "@luzmo/icons";
|
|
29
|
+
import "../calendar/index.js";
|
|
30
30
|
import "../icon/index.js";
|
|
31
31
|
import "../overlay/index.js";
|
|
32
32
|
import "../picker-button/index.js";
|
|
33
33
|
import "../popover/index.js";
|
|
34
|
-
import { M as
|
|
35
|
-
import {
|
|
36
|
-
import { t as ve } from "../text-field.module-ColtFhf_.js";
|
|
34
|
+
import { M as ve } from "../manage-help-text-C9sCHK3R.js";
|
|
35
|
+
import { t as fe } from "../text-field.module-Bp4Mwuvj.js";
|
|
37
36
|
const ie = () => {
|
|
38
37
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
39
38
|
const n = document.createElement("style");
|
|
40
|
-
n.setAttribute("data-luzmo-vars", ""), n.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-
|
|
39
|
+
n.setAttribute("data-luzmo-vars", ""), n.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(n);
|
|
41
40
|
}
|
|
42
41
|
};
|
|
43
42
|
ie();
|
|
@@ -70,13 +69,13 @@ const o = {
|
|
|
70
69
|
function k(n) {
|
|
71
70
|
return typeof n == "number";
|
|
72
71
|
}
|
|
73
|
-
function
|
|
72
|
+
function F(n) {
|
|
74
73
|
return n instanceof ae;
|
|
75
74
|
}
|
|
76
75
|
function B(n) {
|
|
77
|
-
return n instanceof
|
|
76
|
+
return n instanceof M;
|
|
78
77
|
}
|
|
79
|
-
function
|
|
78
|
+
function $(n) {
|
|
80
79
|
return n instanceof H;
|
|
81
80
|
}
|
|
82
81
|
function J(n, e) {
|
|
@@ -89,7 +88,7 @@ function R(n, e) {
|
|
|
89
88
|
return n.length === e.length && n.every((t, i) => t === e[i]);
|
|
90
89
|
}
|
|
91
90
|
function ee(n) {
|
|
92
|
-
return
|
|
91
|
+
return $(n) ? new Date(n.year, n.month - 1, n.day) : new Date(
|
|
93
92
|
n.year,
|
|
94
93
|
n.month - 1,
|
|
95
94
|
n.day,
|
|
@@ -99,7 +98,7 @@ function ee(n) {
|
|
|
99
98
|
n.millisecond
|
|
100
99
|
);
|
|
101
100
|
}
|
|
102
|
-
class
|
|
101
|
+
class x {
|
|
103
102
|
constructor(e, t, i) {
|
|
104
103
|
this.type = e, this.formatted = t, this.label = i, this.placeholder = ge[e];
|
|
105
104
|
}
|
|
@@ -141,7 +140,7 @@ class y {
|
|
|
141
140
|
this.value !== void 0 && (this.value < this.minValue && (this.value = this.minValue), this.value > this.maxValue && (this.value = this.maxValue));
|
|
142
141
|
}
|
|
143
142
|
}
|
|
144
|
-
class te extends
|
|
143
|
+
class te extends x {
|
|
145
144
|
constructor(e, t) {
|
|
146
145
|
super(o.Year, e, t), this.minValue = 1, this.maxValue = 9999;
|
|
147
146
|
}
|
|
@@ -168,7 +167,7 @@ class I {
|
|
|
168
167
|
return this.segments;
|
|
169
168
|
}
|
|
170
169
|
get editableValues() {
|
|
171
|
-
return this.all.filter((e) => e instanceof
|
|
170
|
+
return this.all.filter((e) => e instanceof x).map((e) => e.value);
|
|
172
171
|
}
|
|
173
172
|
get year() {
|
|
174
173
|
const e = this.getByType(o.Year);
|
|
@@ -214,8 +213,8 @@ class I {
|
|
|
214
213
|
* @param precision - The precision to use when creating the date object
|
|
215
214
|
*/
|
|
216
215
|
getFormattedDate(e = p.Day) {
|
|
217
|
-
var c,
|
|
218
|
-
const t = (c = this.year) == null ? void 0 : c.value, i = (
|
|
216
|
+
var c, v, f, g, h, z, y;
|
|
217
|
+
const t = (c = this.year) == null ? void 0 : c.value, i = (v = this.month) == null ? void 0 : v.value, a = (f = this.day) == null ? void 0 : f.value;
|
|
219
218
|
if (!k(t) || !k(i) || !k(a)) return;
|
|
220
219
|
if (e === p.Day) return new H(t, i, a);
|
|
221
220
|
let r = (g = this.hour) == null ? void 0 : g.value;
|
|
@@ -226,18 +225,18 @@ class I {
|
|
|
226
225
|
r = J(r, w);
|
|
227
226
|
}
|
|
228
227
|
if (e === p.Hour)
|
|
229
|
-
return new
|
|
228
|
+
return new M(t, i, a, r);
|
|
230
229
|
const s = (h = this.minute) == null ? void 0 : h.value;
|
|
231
230
|
if (!k(s)) return;
|
|
232
231
|
if (e === p.Minute)
|
|
233
|
-
return new
|
|
232
|
+
return new M(t, i, a, r, s);
|
|
234
233
|
const l = (z = this.second) == null ? void 0 : z.value;
|
|
235
234
|
if (!k(l)) return;
|
|
236
235
|
if (e === p.Second)
|
|
237
|
-
return new
|
|
238
|
-
const d = (
|
|
236
|
+
return new M(t, i, a, r, s, l);
|
|
237
|
+
const d = (y = this.millisecond) == null ? void 0 : y.value;
|
|
239
238
|
if (k(d))
|
|
240
|
-
return new
|
|
239
|
+
return new M(
|
|
241
240
|
t,
|
|
242
241
|
i,
|
|
243
242
|
a,
|
|
@@ -250,7 +249,7 @@ class I {
|
|
|
250
249
|
}
|
|
251
250
|
class be {
|
|
252
251
|
constructor(e, t) {
|
|
253
|
-
this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new
|
|
252
|
+
this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new j(
|
|
254
253
|
this.dateFormatter.resolvedOptions().locale,
|
|
255
254
|
{ useGrouping: !1 }
|
|
256
255
|
);
|
|
@@ -268,7 +267,7 @@ class be {
|
|
|
268
267
|
setSegmentsFormatted(e, t) {
|
|
269
268
|
var h;
|
|
270
269
|
e = new I(e.all);
|
|
271
|
-
const { year: i, month: a, day: r, hour: s, minute: l, second: d, millisecond: c } = t,
|
|
270
|
+
const { year: i, month: a, day: r, hour: s, minute: l, second: d, millisecond: c } = t, v = new Date(
|
|
272
271
|
i,
|
|
273
272
|
a - 1,
|
|
274
273
|
r,
|
|
@@ -279,21 +278,21 @@ class be {
|
|
|
279
278
|
);
|
|
280
279
|
if (!e.year) return;
|
|
281
280
|
e.year.formatted = this.numberFormatter.format(i);
|
|
282
|
-
const
|
|
281
|
+
const f = [
|
|
283
282
|
o.Month,
|
|
284
283
|
o.Day,
|
|
285
284
|
o.Hour,
|
|
286
285
|
o.Minute,
|
|
287
286
|
o.Second,
|
|
288
287
|
o.DayPeriod
|
|
289
|
-
], g = this.dateFormatter.formatToParts(
|
|
290
|
-
for (const z of
|
|
291
|
-
const
|
|
292
|
-
if (!
|
|
288
|
+
], g = this.dateFormatter.formatToParts(v);
|
|
289
|
+
for (const z of f) {
|
|
290
|
+
const y = e[z];
|
|
291
|
+
if (!y) continue;
|
|
293
292
|
const w = (h = g.find(
|
|
294
|
-
(
|
|
293
|
+
(C) => C.type === z
|
|
295
294
|
)) == null ? void 0 : h.value;
|
|
296
|
-
w && (
|
|
295
|
+
w && (y.formatted = w);
|
|
297
296
|
}
|
|
298
297
|
}
|
|
299
298
|
padSegmentsFormatted(e) {
|
|
@@ -314,10 +313,10 @@ class be {
|
|
|
314
313
|
}
|
|
315
314
|
}
|
|
316
315
|
getDateInfoWithDefaults(e) {
|
|
317
|
-
var
|
|
316
|
+
var v, f, g, h, z;
|
|
318
317
|
if (!e.year || !e.month || !e.day) return;
|
|
319
|
-
const t = e.day.value ??
|
|
320
|
-
let s = (
|
|
318
|
+
const t = e.day.value ?? G(this.currentDate), i = e.month.value ?? W(this.currentDate), a = e.year.value ?? X, r = (v = e.dayPeriod) == null ? void 0 : v.value;
|
|
319
|
+
let s = (f = e.hour) == null ? void 0 : f.value;
|
|
321
320
|
k(s) ? k(r) && (s = J(s, r)) : s = k(r) ? r : this.currentDate.hour;
|
|
322
321
|
const l = ((g = e.minute) == null ? void 0 : g.value) ?? this.currentDate.minute, d = ((h = e.second) == null ? void 0 : h.value) ?? this.currentDate.second, c = ((z = e.millisecond) == null ? void 0 : z.value) ?? this.currentDate.millisecond;
|
|
323
322
|
return { year: a, month: i, day: t, hour: s, minute: l, second: d, millisecond: c };
|
|
@@ -348,12 +347,12 @@ class ke extends O {
|
|
|
348
347
|
e.clear();
|
|
349
348
|
}
|
|
350
349
|
}
|
|
351
|
-
class
|
|
350
|
+
class ye extends O {
|
|
352
351
|
modifySegment(e) {
|
|
353
352
|
e.decrement(this.currentDate);
|
|
354
353
|
}
|
|
355
354
|
}
|
|
356
|
-
class
|
|
355
|
+
class xe extends O {
|
|
357
356
|
modifySegment(e) {
|
|
358
357
|
e.increment(this.currentDate);
|
|
359
358
|
}
|
|
@@ -367,7 +366,7 @@ class we extends O {
|
|
|
367
366
|
this.eventData !== null && e.handleInput(this.eventData, this.numberParser);
|
|
368
367
|
}
|
|
369
368
|
}
|
|
370
|
-
class
|
|
369
|
+
class De extends x {
|
|
371
370
|
constructor(e, t) {
|
|
372
371
|
super(o.Day, e, t), this.minValue = 1, this.maxValue = 31;
|
|
373
372
|
}
|
|
@@ -378,15 +377,15 @@ class Se extends y {
|
|
|
378
377
|
}
|
|
379
378
|
k(i) || (i = X);
|
|
380
379
|
const a = new H(i, t, 1);
|
|
381
|
-
this.maxValue = e.calendar.getDaysInMonth(a), this.minValue =
|
|
380
|
+
this.maxValue = e.calendar.getDaysInMonth(a), this.minValue = G(a), this.updateValueToLimits();
|
|
382
381
|
}
|
|
383
382
|
}
|
|
384
|
-
class
|
|
383
|
+
class Se extends x {
|
|
385
384
|
constructor(e, t) {
|
|
386
385
|
super(o.Month, e, t), this.minValue = 1, this.maxValue = 12;
|
|
387
386
|
}
|
|
388
387
|
setLimits(e) {
|
|
389
|
-
this.minValue =
|
|
388
|
+
this.minValue = W(e), this.maxValue = e.calendar.getMonthsInYear(e), this.updateValueToLimits();
|
|
390
389
|
}
|
|
391
390
|
}
|
|
392
391
|
class _e {
|
|
@@ -394,7 +393,7 @@ class _e {
|
|
|
394
393
|
this.formatted = e, this.type = o.Literal;
|
|
395
394
|
}
|
|
396
395
|
}
|
|
397
|
-
class Ve extends
|
|
396
|
+
class Ve extends x {
|
|
398
397
|
constructor(e, t) {
|
|
399
398
|
super(o.DayPeriod, e, t), this.minValue = q, this.maxValue = V, this.localizedMinValue = "AM", this.localizedMaxValue = "PM";
|
|
400
399
|
}
|
|
@@ -425,7 +424,7 @@ class Ve extends y {
|
|
|
425
424
|
return (i = e.formatToParts(t).find((a) => a.type === this.type)) == null ? void 0 : i.value;
|
|
426
425
|
}
|
|
427
426
|
}
|
|
428
|
-
class
|
|
427
|
+
class Pe extends x {
|
|
429
428
|
constructor(e, t) {
|
|
430
429
|
super(o.Hour, e, t), this.minValue = 0, this.maxValue = 23;
|
|
431
430
|
}
|
|
@@ -450,26 +449,26 @@ class $e extends y {
|
|
|
450
449
|
};
|
|
451
450
|
}
|
|
452
451
|
}
|
|
453
|
-
class
|
|
452
|
+
class Fe extends x {
|
|
454
453
|
constructor(e, t) {
|
|
455
454
|
super(o.Millisecond, e, t), this.minValue = 0, this.maxValue = 999;
|
|
456
455
|
}
|
|
457
456
|
}
|
|
458
|
-
class
|
|
457
|
+
class Me extends x {
|
|
459
458
|
constructor(e, t) {
|
|
460
459
|
super(o.Minute, e, t), this.minValue = 0, this.maxValue = 59;
|
|
461
460
|
}
|
|
462
461
|
}
|
|
463
|
-
class qe extends
|
|
462
|
+
class qe extends x {
|
|
464
463
|
constructor(e, t) {
|
|
465
464
|
super(o.Second, e, t), this.minValue = 0, this.maxValue = 59;
|
|
466
465
|
}
|
|
467
466
|
}
|
|
468
|
-
class
|
|
467
|
+
class Te {
|
|
469
468
|
constructor(e) {
|
|
470
469
|
this.dateFormatter = e;
|
|
471
470
|
const t = this.dateFormatter.resolvedOptions().locale;
|
|
472
|
-
this.numberFormatter = new
|
|
471
|
+
this.numberFormatter = new j(t, {
|
|
473
472
|
useGrouping: !1
|
|
474
473
|
}), this.dateTimeFieldDisplayNames = new Intl.DisplayNames([t], {
|
|
475
474
|
type: "dateTimeField"
|
|
@@ -481,17 +480,17 @@ class Me {
|
|
|
481
480
|
* @param setValues - If true, the segments will have their values set from the currentDate. If false, the segments will have no values.
|
|
482
481
|
*/
|
|
483
482
|
createSegments(e, t = !1) {
|
|
484
|
-
const i = ee(e), a = this.dateFormatter.formatToParts(i).map((
|
|
485
|
-
const w =
|
|
486
|
-
let
|
|
487
|
-
return w === "year" && (
|
|
483
|
+
const i = ee(e), a = this.dateFormatter.formatToParts(i).map((y) => {
|
|
484
|
+
const w = y.type;
|
|
485
|
+
let C = y.value;
|
|
486
|
+
return w === "year" && (C = this.numberFormatter.format(e.year)), this.createSegment(w, C);
|
|
488
487
|
}), r = new I(a), s = r.year, l = r.month, d = r.day;
|
|
489
488
|
s.setLimits(e), l.setLimits(e), t && (s.setValueFromDate(e), l.setValueFromDate(e)), d.setLimits(e, l.value, s.value), t && d.setValueFromDate(e);
|
|
490
|
-
const c = r.hour,
|
|
489
|
+
const c = r.hour, v = r.minute, f = r.second, g = r.millisecond, h = r.dayPeriod;
|
|
491
490
|
if (h && h.setLocalizedLimits(this.dateFormatter), !c) return r;
|
|
492
491
|
const z = !!h;
|
|
493
492
|
if (c.setLimits(z), t) {
|
|
494
|
-
if (c.setValueFromDate(e, z), z && r.dayPeriod.setValueFromDate(e), !
|
|
493
|
+
if (c.setValueFromDate(e, z), z && r.dayPeriod.setValueFromDate(e), !v || (v.setValueFromDate(e), !f) || (f.setValueFromDate(e), !g)) return r;
|
|
495
494
|
g.setValueFromDate(e);
|
|
496
495
|
}
|
|
497
496
|
return r;
|
|
@@ -503,17 +502,17 @@ class Me {
|
|
|
503
502
|
case o.Year:
|
|
504
503
|
return new te(t, i);
|
|
505
504
|
case o.Month:
|
|
506
|
-
return new De(t, i);
|
|
507
|
-
case o.Day:
|
|
508
505
|
return new Se(t, i);
|
|
506
|
+
case o.Day:
|
|
507
|
+
return new De(t, i);
|
|
509
508
|
case o.Hour:
|
|
510
|
-
return new
|
|
509
|
+
return new Pe(t, i);
|
|
511
510
|
case o.Minute:
|
|
512
|
-
return new
|
|
511
|
+
return new Me(t, i);
|
|
513
512
|
case o.Second:
|
|
514
513
|
return new qe(t, i);
|
|
515
514
|
case o.Millisecond:
|
|
516
|
-
return new
|
|
515
|
+
return new Fe(t, i);
|
|
517
516
|
case o.DayPeriod:
|
|
518
517
|
return new Ve(t, i);
|
|
519
518
|
}
|
|
@@ -523,13 +522,13 @@ class Me {
|
|
|
523
522
|
return t ? t.charAt(0).toUpperCase() + t.slice(1) : "";
|
|
524
523
|
}
|
|
525
524
|
}
|
|
526
|
-
const Te = '@charset "UTF-8";:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius: var( --luzmo-date-time-picker-border-radius, var(--luzmo-border-radius) );--date-time-picker-border-radius-quiet: var( --luzmo-date-time-picker-border-radius-quiet, 0 );--date-time-picker-border-width: var(--luzmo-border-width);--date-time-picker-button-border-color: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color, var(--luzmo-border-color) ) );--date-time-picker-button-border-color-focus: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color-focus, var(--luzmo-primary) ) );--date-time-picker-button-border-color-invalid: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color-invalid, var(--luzmo-negative-color) ) );--date-time-picker-button-width: calc( var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size) );--date-time-picker-quiet-button-offset: var( --luzmo-date-time-picker-quiet-button-offset, var(--date-time-picker-text-to-visual) );--date-time-picker-icon-to-text: var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet: calc( var(--date-time-picker-button-width) - var( --date-time-picker-quiet-button-offset ) );--date-time-picker-focus-ring-gap: var( --luzmo-date-time-picker-focus-ring-gap, var(--luzmo-indicator-gap) );--date-time-picker-focus-thickness: var( --luzmo-date-time-picker-focus-thickness, var(--luzmo-indicator-width) );--date-time-picker-focus-animation: var( --luzmo-date-time-picker-focus-animation, var(--luzmo-animation-duration) );--date-time-picker-focus-ring-width: var( --luzmo-date-time-picker-focus-ring-width, var(--luzmo-border-width) );--date-time-picker-focus-ring-color: var( --highcontrast-datepicker-focus-ring-color, var(--luzmo-date-time-picker-focus-ring-color, var(--luzmo-indicator-color)) );--date-time-picker-focus-line-gap: var( --luzmo-date-time-picker-focus-line-gap, var(--luzmo-spacing-2) );--date-time-picker-invalid-quiet-color: var( --luzmo-date-time-picker-invalid-quiet-color, var(--luzmo-negative-color) );--date-time-picker-quiet-border-color-hover: var( --luzmo-date-time-picker-quiet-border-color-hover, var(--luzmo-border-color-hover) );--date-time-picker-border-color-disabled: var( --luzmo-date-time-picker-border-color-disabled, var(--luzmo-border-color-disabled) );--date-time-picker-dash-font-size: var( --luzmo-date-time-picker-dash-font-size, var(--date-time-picker-dash-font-size) );--date-time-picker-dash-color: var( --highcontrast-datepicker-dash-color, var(--luzmo-date-time-picker-dash-color, var(--luzmo-font-color)) );--date-time-picker-range-dash-padding-top: var( --luzmo-date-time-picker-range-dash-padding-top, 0 );--date-time-picker-range-dash-margin-inline-start: var( --luzmo-date-time-picker-range-dash-margin-left, calc(var(--date-time-picker-dash-font-size) * -.5) );--date-time-picker-range-input-width-first: var( --luzmo-date-time-picker-range-input-width-first, calc( var(--date-time-picker-initial-width) - var( --date-time-picker-generic-padding ) * 2 ) );--date-time-picker-input-width-base: calc( var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size) );--date-time-picker-input-width: var( --luzmo-date-time-picker-input-width, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height) ) );--date-time-picker-range-input-width-quiet-first: var( --luzmo-date-time-picker-range-input-width-quiet-first, calc( var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second) ) );--date-time-picker-input-width-quiet: var( --luzmo-date-time-picker-input-width-quiet, calc( var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-datetime-input-width-first: var( --luzmo-date-time-picker-datetime-input-width-first, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first) ) );--date-time-picker-datetime-input-width: var( --luzmo-date-time-picker-datetime-input-width, calc( var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-datetime-quiet-input-width-first: var( --luzmo-date-time-picker-datetime-quiet-input-width-first, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width) ) );--date-time-picker-datetime-quiet-input-width: var( --luzmo-date-time-picker-datetime-quiet-input-width, calc( var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-padding-inline-end: var( --luzmo-date-time-picker-padding-inline, calc( var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var( --date-time-picker-border-width ) * 2 ) );--date-time-picker-padding-inline-end-quiet: var( --luzmo-date-time-picker-padding-inline-quiet, calc( var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var( --date-time-picker-quiet-button-offset ) ) );--date-time-picker-padding-inline-end-invalid-quiet: var( --luzmo-date-time-picker-padding-inline-end-invalid-quiet, calc( var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text) ) );min-inline-size:var(--luzmo-date-time-picker-min-width, var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color: var( --luzmo-date-time-picker-dash-color-disabled, var(--disabled-content-color) );--luzmo-text-field-border-color-disabled: transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid: calc( var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button) );--luzmo-text-field-icon-spacing-inline-end-quiet-invalid: calc( var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet) )}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width, var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet, var(--date-time-picker-width-quiet, var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color )}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color-focus )}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color-invalid )}.input{inline-size:100%;flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end);border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding, var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding, var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height, var(--date-time-picker-dash-line-height));flex:initial;inline-size:0;z-index:1;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius: var( --date-time-picker-border-radius-quiet );--luzmo-date-time-picker-padding-inline: var( --date-time-picker-padding-inline-end-quiet );--luzmo-picker-button-border-color-disabled: var( --date-time-picker-border-color-disabled );--luzmo-picker-button-background-color-hover-disabled: var( --date-time-picker-border-color-disabled )}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled: var( --date-time-picker-border-color-disabled )}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover: hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color: var( --date-time-picker-quiet-border-color-hover )}}:host([quiet][invalid]){--luzmo-picker-button-border-color: var( --date-time-picker-invalid-quiet-color )}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled: transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color: transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius: var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out,border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;top:0;right:0;bottom:0;left:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius: var( --date-time-picker-border-radius-quiet )}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors: active){:host{--highcontrast-datepicker-dash-color: CanvasText;--highcontrast-datepicker-focus-ring-color: Highlight;--highcontrast-datepicker-pickerbutton-border-color: Highlight}:host([disabled]){--highcontrast-datepicker-dash-color: GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color: Highlight}}:host{--date-time-picker-width: auto;--date-time-picker-initial-height: var(--system-date-picker-initial-height);--date-time-picker-font-color-default: var(--luzmo-font-color);--datepicker-border-color: var(--luzmo-border-color);--date-time-picker-button-indicator-color: var(--luzmo-indicator-color);--text-field-focus-indicator-color: var(--luzmo-background-color-highlight);--date-time-picker-initial-width: 120px;--date-time-picker-min-width: 160px;--date-time-picker-calendar-padding: var(--luzmo-spacing-4);--date-time-picker-icon-size: 18px;--date-time-picker-dash-font-size: var(--luzmo-font-size);--date-time-picker-text-to-visual: var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-3);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-3);--date-time-picker-generic-padding: var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width: 140px;--date-time-picker-calendar-padding: var(--luzmo-spacing-3);--date-time-picker-icon-size: 16px;--date-time-picker-dash-font-size: var(--luzmo-font-size-s);--date-time-picker-text-to-visual: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-disclosure-icon: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-text: var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=m]){--date-time-picker-min-width: 160px;--date-time-picker-calendar-padding: var(--luzmo-spacing-4);--date-time-picker-icon-size: 18px;--date-time-picker-dash-font-size: var(--luzmo-font-size-m);--date-time-picker-text-to-visual: var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-3);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-3);--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--date-time-picker-min-width: 180px;--date-time-picker-calendar-padding: var(--luzmo-spacing-5);--date-time-picker-icon-size: 20px;--date-time-picker-dash-font-size: var(--luzmo-font-size-l);--date-time-picker-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-text: var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width: 200px;--date-time-picker-calendar-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--date-time-picker-icon-size: 22px;--date-time-picker-dash-font-size: var(--luzmo-font-size-xl);--date-time-picker-text-to-visual: var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-4);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-4);--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host{--status-icon-size: var( --luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid) );--picker-button-size: var( --luzmo-text-field-height, var(--text-field-height) );--input-spacing: var( --luzmo-text-field-spacing-inline, var(--text-field-spacing-inline) );--input-border-width: var( --luzmo-text-field-border-width, var(--luzmo-border-width) );--text-to-icon: var( --luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid) );--date-time-picker-input-width: var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover: hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default, var(--luzmo-text-field-border-color-invalid-default, var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding, var(--date-time-picker-calendar-padding))}.input-content{display:flex;align-items:center;height:100%;overflow:auto hidden;scrollbar-width:none;line-height:normal}.input-content::-webkit-scrollbar{display:none;width:0;height:0}.literal-segment,.editable-segment{display:inline-block;color:var(--luzmo-date-time-picker-font-color-default, var(--date-time-picker-font-color-default))}.editable-segment{padding:0 .15em;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:transparent;outline:none}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;user-select:none;-webkit-user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:transparent}';
|
|
527
|
-
var
|
|
528
|
-
for (var a = i > 1 ? void 0 : i ?
|
|
525
|
+
const Ce = '@charset "UTF-8";:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius: var( --luzmo-date-time-picker-border-radius, var(--luzmo-border-radius) );--date-time-picker-border-radius-quiet: var( --luzmo-date-time-picker-border-radius-quiet, 0 );--date-time-picker-border-width: var(--luzmo-border-width);--date-time-picker-button-border-color: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color, var(--luzmo-border-color) ) );--date-time-picker-button-border-color-focus: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color-focus, var(--luzmo-primary) ) );--date-time-picker-button-border-color-invalid: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color-invalid, var(--luzmo-negative-color) ) );--date-time-picker-button-width: calc( var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size) );--date-time-picker-quiet-button-offset: var( --luzmo-date-time-picker-quiet-button-offset, var(--date-time-picker-text-to-visual) );--date-time-picker-icon-to-text: var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet: calc( var(--date-time-picker-button-width) - var( --date-time-picker-quiet-button-offset ) );--date-time-picker-focus-ring-gap: var( --luzmo-date-time-picker-focus-ring-gap, var(--luzmo-indicator-gap) );--date-time-picker-focus-thickness: var( --luzmo-date-time-picker-focus-thickness, var(--luzmo-indicator-width) );--date-time-picker-focus-animation: var( --luzmo-date-time-picker-focus-animation, var(--luzmo-animation-duration) );--date-time-picker-focus-ring-width: var( --luzmo-date-time-picker-focus-ring-width, var(--luzmo-border-width) );--date-time-picker-focus-ring-color: var( --highcontrast-datepicker-focus-ring-color, var(--luzmo-date-time-picker-focus-ring-color, var(--luzmo-indicator-color)) );--date-time-picker-focus-line-gap: var( --luzmo-date-time-picker-focus-line-gap, var(--luzmo-spacing-2) );--date-time-picker-invalid-quiet-color: var( --luzmo-date-time-picker-invalid-quiet-color, var(--luzmo-negative-color) );--date-time-picker-quiet-border-color-hover: var( --luzmo-date-time-picker-quiet-border-color-hover, var(--luzmo-border-color-hover) );--date-time-picker-border-color-disabled: var( --luzmo-date-time-picker-border-color-disabled, var(--luzmo-border-color-disabled) );--date-time-picker-dash-font-size: var( --luzmo-date-time-picker-dash-font-size, var(--date-time-picker-dash-font-size) );--date-time-picker-dash-color: var( --highcontrast-datepicker-dash-color, var(--luzmo-date-time-picker-dash-color, var(--luzmo-font-color)) );--date-time-picker-range-dash-padding-top: var( --luzmo-date-time-picker-range-dash-padding-top, 0 );--date-time-picker-range-dash-margin-inline-start: var( --luzmo-date-time-picker-range-dash-margin-left, calc(var(--date-time-picker-dash-font-size) * -.5) );--date-time-picker-range-input-width-first: var( --luzmo-date-time-picker-range-input-width-first, calc( var(--date-time-picker-initial-width) - var( --date-time-picker-generic-padding ) * 2 ) );--date-time-picker-input-width-base: calc( var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size) );--date-time-picker-input-width: var( --luzmo-date-time-picker-input-width, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height) ) );--date-time-picker-range-input-width-quiet-first: var( --luzmo-date-time-picker-range-input-width-quiet-first, calc( var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second) ) );--date-time-picker-input-width-quiet: var( --luzmo-date-time-picker-input-width-quiet, calc( var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-datetime-input-width-first: var( --luzmo-date-time-picker-datetime-input-width-first, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first) ) );--date-time-picker-datetime-input-width: var( --luzmo-date-time-picker-datetime-input-width, calc( var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-datetime-quiet-input-width-first: var( --luzmo-date-time-picker-datetime-quiet-input-width-first, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width) ) );--date-time-picker-datetime-quiet-input-width: var( --luzmo-date-time-picker-datetime-quiet-input-width, calc( var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-padding-inline-end: var( --luzmo-date-time-picker-padding-inline, calc( var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var( --date-time-picker-border-width ) * 2 ) );--date-time-picker-padding-inline-end-quiet: var( --luzmo-date-time-picker-padding-inline-quiet, calc( var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var( --date-time-picker-quiet-button-offset ) ) );--date-time-picker-padding-inline-end-invalid-quiet: var( --luzmo-date-time-picker-padding-inline-end-invalid-quiet, calc( var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text) ) );min-inline-size:var(--luzmo-date-time-picker-min-width, var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color: var( --luzmo-date-time-picker-dash-color-disabled, var(--disabled-content-color) );--luzmo-text-field-border-color-disabled: transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid: calc( var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button) );--luzmo-text-field-icon-spacing-inline-end-quiet-invalid: calc( var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet) )}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width, var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet, var(--date-time-picker-width-quiet, var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color )}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color-focus )}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color-invalid )}.input{inline-size:100%;flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end);border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding, var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding, var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height, var(--date-time-picker-dash-line-height));flex:initial;inline-size:0;z-index:1;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius: var( --date-time-picker-border-radius-quiet );--luzmo-date-time-picker-padding-inline: var( --date-time-picker-padding-inline-end-quiet );--luzmo-picker-button-border-color-disabled: var( --date-time-picker-border-color-disabled );--luzmo-picker-button-background-color-hover-disabled: var( --date-time-picker-border-color-disabled )}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled: var( --date-time-picker-border-color-disabled )}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover: hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color: var( --date-time-picker-quiet-border-color-hover )}}:host([quiet][invalid]){--luzmo-picker-button-border-color: var( --date-time-picker-invalid-quiet-color )}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled: transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color: transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius: var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out,border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;top:0;right:0;bottom:0;left:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius: var( --date-time-picker-border-radius-quiet )}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors: active){:host{--highcontrast-datepicker-dash-color: CanvasText;--highcontrast-datepicker-focus-ring-color: Highlight;--highcontrast-datepicker-pickerbutton-border-color: Highlight}:host([disabled]){--highcontrast-datepicker-dash-color: GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color: Highlight}}:host{--date-time-picker-width: auto;--date-time-picker-initial-height: var(--system-date-picker-initial-height);--date-time-picker-font-color-default: var(--luzmo-font-color);--datepicker-border-color: var(--luzmo-border-color);--date-time-picker-button-indicator-color: var(--luzmo-indicator-color);--text-field-focus-indicator-color: var(--luzmo-background-color-highlight);--date-time-picker-initial-width: 120px;--date-time-picker-min-width: 160px;--date-time-picker-calendar-padding: var(--luzmo-spacing-4);--date-time-picker-icon-size: 18px;--date-time-picker-dash-font-size: var(--luzmo-font-size);--date-time-picker-text-to-visual: var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-3);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-3);--date-time-picker-generic-padding: var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width: 140px;--date-time-picker-calendar-padding: var(--luzmo-spacing-3);--date-time-picker-icon-size: 16px;--date-time-picker-dash-font-size: var(--luzmo-font-size-s);--date-time-picker-text-to-visual: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-disclosure-icon: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-text: var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=m]){--date-time-picker-min-width: 160px;--date-time-picker-calendar-padding: var(--luzmo-spacing-4);--date-time-picker-icon-size: 18px;--date-time-picker-dash-font-size: var(--luzmo-font-size-m);--date-time-picker-text-to-visual: var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-3);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-3);--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--date-time-picker-min-width: 180px;--date-time-picker-calendar-padding: var(--luzmo-spacing-5);--date-time-picker-icon-size: 20px;--date-time-picker-dash-font-size: var(--luzmo-font-size-l);--date-time-picker-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-text: var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width: 200px;--date-time-picker-calendar-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--date-time-picker-icon-size: 22px;--date-time-picker-dash-font-size: var(--luzmo-font-size-xl);--date-time-picker-text-to-visual: var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-4);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-4);--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host{--status-icon-size: var( --luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid) );--picker-button-size: var( --luzmo-text-field-height, var(--text-field-height) );--input-spacing: var( --luzmo-text-field-spacing-inline, var(--text-field-spacing-inline) );--input-border-width: var( --luzmo-text-field-border-width, var(--luzmo-border-width) );--text-to-icon: var( --luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid) );--date-time-picker-input-width: var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover: hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default, var(--luzmo-text-field-border-color-invalid-default, var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding, var(--date-time-picker-calendar-padding))}.input-content{display:flex;align-items:center;height:100%;overflow:auto hidden;scrollbar-width:none;line-height:normal}.input-content::-webkit-scrollbar{display:none;width:0;height:0}.literal-segment,.editable-segment{display:inline-block;color:var(--luzmo-date-time-picker-font-color-default, var(--date-time-picker-font-color-default))}.editable-segment{padding:0 .15em;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:transparent;outline:none}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;user-select:none;-webkit-user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:transparent}';
|
|
526
|
+
var Le = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, m = (n, e, t, i) => {
|
|
527
|
+
for (var a = i > 1 ? void 0 : i ? $e(e, t) : e, r = n.length - 1, s; r >= 0; r--)
|
|
529
528
|
(s = n[r]) && (a = (i ? s(e, t, a) : s(a)) || a);
|
|
530
|
-
return i && a &&
|
|
529
|
+
return i && a && Le(e, t, a), a;
|
|
531
530
|
};
|
|
532
|
-
class u extends
|
|
531
|
+
class u extends ve(
|
|
533
532
|
ue(de, {
|
|
534
533
|
validSizes: Object.values(me)
|
|
535
534
|
})
|
|
@@ -542,7 +541,7 @@ class u extends fe(
|
|
|
542
541
|
selected: "Selected",
|
|
543
542
|
empty: "Empty",
|
|
544
543
|
calendar: "Calendar"
|
|
545
|
-
}, this.focused = !1, this.segments = new I([]), this.isCalendarOpen = !1, this._timeZone = this.timeZone ??
|
|
544
|
+
}, this.focused = !1, this.segments = new I([]), this.isCalendarOpen = !1, this._timeZone = this.timeZone ?? A(), this.cachedLocalTime = re(this._timeZone), this.setNumberParser(), this.setDateFormatter(), this.setAriaDateFormatter(), this.addEventListener(
|
|
546
545
|
"focusin",
|
|
547
546
|
() => this.previousCommitedValue = this._value
|
|
548
547
|
), this.addEventListener("focusout", () => this.commitValue());
|
|
@@ -552,7 +551,7 @@ class u extends fe(
|
|
|
552
551
|
* @internal
|
|
553
552
|
*/
|
|
554
553
|
static get styles() {
|
|
555
|
-
return [Z(
|
|
554
|
+
return [Z(Ce), Z(fe)];
|
|
556
555
|
}
|
|
557
556
|
get precision() {
|
|
558
557
|
return this._precision;
|
|
@@ -585,7 +584,7 @@ class u extends fe(
|
|
|
585
584
|
* @internal
|
|
586
585
|
*/
|
|
587
586
|
get currentDate() {
|
|
588
|
-
return this._value ?
|
|
587
|
+
return this._value ? D(this._value, this._timeZone) : this.cachedLocalTime;
|
|
589
588
|
}
|
|
590
589
|
/**
|
|
591
590
|
* @return Whether the component's precision includes time segments (hour, minute, second, millisecond)
|
|
@@ -606,13 +605,13 @@ class u extends fe(
|
|
|
606
605
|
this._value = void 0, this.setSegments();
|
|
607
606
|
}
|
|
608
607
|
willUpdate(e) {
|
|
609
|
-
const t = e.has("value"), i = e.has("timeZone"), a = e.has("min"), r = e.has("max"), s = e.has("language"), l = e.has("dateFormat"), d = e.has("dateSeparator"), c = e.has("precision"),
|
|
608
|
+
const t = e.has("value"), i = e.has("timeZone"), a = e.has("min"), r = e.has("max"), s = e.has("language"), l = e.has("dateFormat"), d = e.has("dateSeparator"), c = e.has("precision"), v = e.has("segments"), f = e.has("disabled");
|
|
610
609
|
if (s && this.setNumberParser(), (s || c) && (this.setDateFormatter(), this.setAriaDateFormatter()), t || a || r || i) {
|
|
611
|
-
this._value = this.value ?
|
|
610
|
+
this._value = this.value ? E(new Date(this.value).toISOString(), "UTC") : void 0, this._min = this.min ? E(new Date(this.min).toISOString(), "UTC") : void 0, this._max = this.max ? E(new Date(this.max).toISOString(), "UTC") : void 0;
|
|
612
611
|
const h = this.mostSpecificDateValue;
|
|
613
612
|
h && (this.convertDatePropsToMatch(h), this.checkDatePropsCompliance(a || r), this.updateDateProps(), this.updateDefaultPrecision());
|
|
614
613
|
}
|
|
615
|
-
(t || s || c || l || i || d) && this.setSegments(),
|
|
614
|
+
(t || s || c || l || i || d) && this.setSegments(), v && this.setValueFromSegments(), f && this.isCalendarOpen && (this.isCalendarOpen = !1);
|
|
616
615
|
const g = this._value && this.labels.selected + ": " + this.ariaDateFormatter.format(ee(this._value));
|
|
617
616
|
this.setAttribute("aria-label", g ?? this.labels.empty);
|
|
618
617
|
}
|
|
@@ -626,10 +625,10 @@ class u extends fe(
|
|
|
626
625
|
(r) => r !== void 0
|
|
627
626
|
);
|
|
628
627
|
if (e.length === 0) return;
|
|
629
|
-
const t = e.filter((r) =>
|
|
628
|
+
const t = e.filter((r) => F(r));
|
|
630
629
|
if (t.length > 0) return t[0];
|
|
631
630
|
const i = e.filter((r) => B(r));
|
|
632
|
-
return i.length > 0 ? i[0] : e.find((r) =>
|
|
631
|
+
return i.length > 0 ? i[0] : e.find((r) => $(r));
|
|
633
632
|
}
|
|
634
633
|
/**
|
|
635
634
|
* Converts the DateTimePicker's date properties (min, max and value) to match the provided date's type.
|
|
@@ -637,15 +636,15 @@ class u extends fe(
|
|
|
637
636
|
* @param dateValue - The date value to be used as a reference for the conversion
|
|
638
637
|
*/
|
|
639
638
|
convertDatePropsToMatch(e) {
|
|
640
|
-
if (
|
|
641
|
-
this._timeZone = this.timeZone ?? e.timeZone, this._value = this._value &&
|
|
639
|
+
if (F(e)) {
|
|
640
|
+
this._timeZone = this.timeZone ?? e.timeZone, this._value = this._value && D(this._value, this._timeZone), this._min = this._min && D(this._min, this._timeZone), this._max = this._max && D(this._max, this._timeZone);
|
|
642
641
|
return;
|
|
643
642
|
}
|
|
644
|
-
if (this._timeZone = this.timeZone ??
|
|
645
|
-
this._value = this._value &&
|
|
643
|
+
if (this._timeZone = this.timeZone ?? A(), B(e)) {
|
|
644
|
+
this._value = this._value && S(this._value), this._min = this._min && S(this._min), this._max = this._max && S(this._max);
|
|
646
645
|
return;
|
|
647
646
|
}
|
|
648
|
-
this._value = this._value &&
|
|
647
|
+
this._value = this._value && L(this._value), this._min = this._min && L(this._min), this._max = this._max && L(this._max);
|
|
649
648
|
}
|
|
650
649
|
/**
|
|
651
650
|
* Validates the component's date properties (min, max and value) compliance with one another.
|
|
@@ -661,7 +660,7 @@ class u extends fe(
|
|
|
661
660
|
), this._min = void 0, this._max = void 0)), this.isNonCompliantValue() && (console.warn(
|
|
662
661
|
this,
|
|
663
662
|
`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`
|
|
664
|
-
), this._value = void 0), !this._min && !this._max && !this._value && (this._timeZone =
|
|
663
|
+
), this._value = void 0), !this._min && !this._max && !this._value && (this._timeZone = A());
|
|
665
664
|
}
|
|
666
665
|
isNonCompliantValue() {
|
|
667
666
|
return this._value === void 0 ? !1 : !!(this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0);
|
|
@@ -672,7 +671,7 @@ class u extends fe(
|
|
|
672
671
|
updateDateProps() {
|
|
673
672
|
const e = this.mostSpecificDateValue;
|
|
674
673
|
if (!e || !this.isUserSetPrecision) return;
|
|
675
|
-
this.includesTime &&
|
|
674
|
+
this.includesTime && $(e) && this.convertDatePropsToMatch(S(e));
|
|
676
675
|
}
|
|
677
676
|
/**
|
|
678
677
|
* Changes the component's default precision according to the most specific date property (min, max or value).
|
|
@@ -680,7 +679,7 @@ class u extends fe(
|
|
|
680
679
|
updateDefaultPrecision() {
|
|
681
680
|
if (this.isUserSetPrecision) return;
|
|
682
681
|
const e = this.mostSpecificDateValue;
|
|
683
|
-
e && (this._precision =
|
|
682
|
+
e && (this._precision = $(e) ? p.Day : p.Minute);
|
|
684
683
|
}
|
|
685
684
|
render() {
|
|
686
685
|
return _`
|
|
@@ -756,8 +755,8 @@ class u extends fe(
|
|
|
756
755
|
((r = e.target) == null ? void 0 : r.value) ?? ""
|
|
757
756
|
);
|
|
758
757
|
if (this.includesTime) {
|
|
759
|
-
const
|
|
760
|
-
this._value =
|
|
758
|
+
const v = ((s = this.segments.hour) == null ? void 0 : s.value) ?? 0, f = ((l = this.segments.minute) == null ? void 0 : l.value) ?? 0, g = ((d = this.segments.second) == null ? void 0 : d.value) ?? 0, h = ((c = this.segments.millisecond) == null ? void 0 : c.value) ?? 0, z = new ne(v, f, g, h), y = this.mostSpecificDateValue;
|
|
759
|
+
this._value = S(t, z), y && F(y) && (this._value = D(this._value, this._timeZone));
|
|
761
760
|
} else
|
|
762
761
|
this._value = t;
|
|
763
762
|
this.commitValue();
|
|
@@ -805,16 +804,16 @@ class u extends fe(
|
|
|
805
804
|
return _`
|
|
806
805
|
<div
|
|
807
806
|
role="spinbutton"
|
|
808
|
-
aria-valuenow=${
|
|
807
|
+
aria-valuenow=${P(e.value)}
|
|
809
808
|
aria-valuemin=${e.minValue}
|
|
810
809
|
aria-valuemax=${e.maxValue}
|
|
811
810
|
aria-label=${e.label}
|
|
812
|
-
aria-valuetext=${
|
|
811
|
+
aria-valuetext=${P(
|
|
813
812
|
e.value === void 0 ? this.labels.empty : e.formatted
|
|
814
813
|
)}
|
|
815
|
-
contenteditable=${
|
|
816
|
-
inputmode=${
|
|
817
|
-
tabindex=${
|
|
814
|
+
contenteditable=${P(t ? !0 : void 0)}
|
|
815
|
+
inputmode=${P(t ? a : void 0)}
|
|
816
|
+
tabindex=${P(t ? "0" : void 0)}
|
|
818
817
|
class=${le(r)}
|
|
819
818
|
style=${ce(l)}
|
|
820
819
|
data-type=${e.type}
|
|
@@ -875,11 +874,11 @@ class u extends fe(
|
|
|
875
874
|
};
|
|
876
875
|
}
|
|
877
876
|
incrementValue(e) {
|
|
878
|
-
const t = new
|
|
877
|
+
const t = new xe(this.modifierParams);
|
|
879
878
|
this.segments = t.modify(e), this.dispatchInput();
|
|
880
879
|
}
|
|
881
880
|
decrementValue(e) {
|
|
882
|
-
const t = new
|
|
881
|
+
const t = new ye(this.modifierParams);
|
|
883
882
|
this.segments = t.modify(e), this.dispatchInput();
|
|
884
883
|
}
|
|
885
884
|
/**
|
|
@@ -945,7 +944,7 @@ class u extends fe(
|
|
|
945
944
|
t.textContent = e.value === void 0 ? e.placeholder : e.formatted;
|
|
946
945
|
}
|
|
947
946
|
createOutputString(e) {
|
|
948
|
-
return e ?
|
|
947
|
+
return e ? F(e) ? this._value.toAbsoluteString() : new Date(this._value.toString()).toISOString() : "";
|
|
949
948
|
}
|
|
950
949
|
dispatchChange() {
|
|
951
950
|
const e = this.createOutputString(this._value);
|
|
@@ -981,11 +980,11 @@ class u extends fe(
|
|
|
981
980
|
}
|
|
982
981
|
this._value === void 0 && this.dispatchChange();
|
|
983
982
|
const t = this.mostSpecificDateValue;
|
|
984
|
-
t ?
|
|
983
|
+
t ? F(t) ? this._value = D(e, this._timeZone) : B(t) ? this._value = S(e) : this._value = L(e) : this._value = e;
|
|
985
984
|
}
|
|
986
985
|
setSegments() {
|
|
987
986
|
var i, a, r, s;
|
|
988
|
-
const t = new
|
|
987
|
+
const t = new Te(this.dateFormatter).createSegments(
|
|
989
988
|
this.currentDate,
|
|
990
989
|
this._value !== void 0
|
|
991
990
|
);
|
|
@@ -1100,25 +1099,25 @@ m([
|
|
|
1100
1099
|
b({ type: Boolean, reflect: !0 })
|
|
1101
1100
|
], u.prototype, "focused", 2);
|
|
1102
1101
|
m([
|
|
1103
|
-
|
|
1102
|
+
T()
|
|
1104
1103
|
], u.prototype, "_value", 2);
|
|
1105
1104
|
m([
|
|
1106
|
-
|
|
1105
|
+
T()
|
|
1107
1106
|
], u.prototype, "_min", 2);
|
|
1108
1107
|
m([
|
|
1109
|
-
|
|
1108
|
+
T()
|
|
1110
1109
|
], u.prototype, "_max", 2);
|
|
1111
1110
|
m([
|
|
1112
|
-
|
|
1111
|
+
T()
|
|
1113
1112
|
], u.prototype, "segments", 2);
|
|
1114
1113
|
m([
|
|
1115
|
-
|
|
1114
|
+
T()
|
|
1116
1115
|
], u.prototype, "isCalendarOpen", 2);
|
|
1117
1116
|
m([
|
|
1118
|
-
|
|
1117
|
+
K(".editable-segment")
|
|
1119
1118
|
], u.prototype, "firstEditableSegment", 2);
|
|
1120
1119
|
m([
|
|
1121
|
-
|
|
1120
|
+
K(".input")
|
|
1122
1121
|
], u.prototype, "input", 2);
|
|
1123
1122
|
customElements.get("luzmo-date-time-picker") || customElements.define("luzmo-date-time-picker", u);
|
|
1124
1123
|
export {
|