@esri/calcite-components 5.2.0-next.95 → 5.2.0-next.96
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/cdn/{Y7F36OTJ.js → 2AZMTV6M.js} +1 -1
- package/dist/cdn/{VF4ZPTDZ.js → 2NRMAVEE.js} +1 -1
- package/dist/cdn/{K7YJ3WHW.js → 356WPT4A.js} +1 -1
- package/dist/cdn/{MJKQM4QP.js → 35URMYRJ.js} +1 -1
- package/dist/cdn/{XM7ID43B.js → 3QHZ54BT.js} +1 -1
- package/dist/cdn/{7NTIGJRT.js → 3W52IHUK.js} +1 -1
- package/dist/cdn/{POQQMSIG.js → 42RWZ77P.js} +1 -1
- package/dist/cdn/{WK3Q65H5.js → 46MOJT22.js} +1 -1
- package/dist/cdn/{RN7BUADC.js → 4K7YEHJ5.js} +1 -1
- package/dist/cdn/{QHH6HIH5.js → 4N6NANDK.js} +1 -1
- package/dist/cdn/{7NVI6X6W.js → 5254IIMB.js} +1 -1
- package/dist/cdn/{ROGIPNK2.js → 52FQPD4J.js} +1 -1
- package/dist/cdn/{HFCRSOLJ.js → 5AEX5MNS.js} +1 -1
- package/dist/cdn/{H3DF2FFL.js → 5J45ZMND.js} +1 -1
- package/dist/cdn/{3L42JQJY.js → 5VHTKZKR.js} +1 -1
- package/dist/cdn/{NQ7HSSPI.js → 5WLQADVR.js} +1 -1
- package/dist/cdn/{K6FQNSXK.js → 66HBCVCD.js} +1 -1
- package/dist/cdn/{ZRFCFIIQ.js → 76MK47BW.js} +1 -1
- package/dist/cdn/{LHWQHL47.js → 77NXYTF7.js} +1 -1
- package/dist/cdn/{C3MCCJON.js → 7DGV62CR.js} +1 -1
- package/dist/cdn/{VB2UW3NC.js → 7JTNOUOP.js} +1 -1
- package/dist/cdn/{P4E6OCIH.js → 7KJ4YIOU.js} +1 -1
- package/dist/cdn/{FACPC4WK.js → 7KJ6JXMS.js} +1 -1
- package/dist/cdn/{YU5L4BF4.js → 7QHX7FZ4.js} +1 -1
- package/dist/cdn/{KXD7UDQY.js → 7ZK6CJZN.js} +1 -1
- package/dist/cdn/{HPBB7I76.js → ALF7O4HR.js} +1 -1
- package/dist/cdn/{V6EA3UZY.js → B3W5QLO6.js} +1 -1
- package/dist/cdn/{CDZCUFHC.js → BC4WWVNB.js} +1 -1
- package/dist/cdn/{QPD6FJHA.js → BNIBVR7V.js} +1 -1
- package/dist/cdn/{CMARZ5XK.js → BUETJBS4.js} +1 -1
- package/dist/cdn/{SI2M5L56.js → BY3TI3RZ.js} +1 -1
- package/dist/cdn/{RZYNF7OM.js → C5CY5BDS.js} +1 -1
- package/dist/cdn/{RUMQ6WEF.js → C6ES5SIX.js} +1 -1
- package/dist/cdn/{JVCOZ535.js → CE4LXZCW.js} +1 -1
- package/dist/cdn/{2M6GDEU4.js → CG2NCGJV.js} +1 -1
- package/dist/cdn/{OIRUJMHL.js → CPLOALGY.js} +1 -1
- package/dist/cdn/{5J2OUIOJ.js → CYEORUC7.js} +1 -1
- package/dist/cdn/{PHIFBFEZ.js → DPIGT6OK.js} +1 -1
- package/dist/cdn/{4LEBB4XV.js → EBOXRR6V.js} +1 -1
- package/dist/cdn/{K7K7CSPF.js → EDQ66EFV.js} +1 -1
- package/dist/cdn/{7FLM7V3I.js → ELXEFOED.js} +1 -1
- package/dist/cdn/{AYX3ULBO.js → ENSET3ZL.js} +1 -1
- package/dist/cdn/{XT52BJAT.js → EZUM3YHE.js} +1 -1
- package/dist/cdn/{QDNQ3AWU.js → F3ZDCHDH.js} +1 -1
- package/dist/cdn/{ND7AUZ3Q.js → FFEN5Y3V.js} +1 -1
- package/dist/cdn/{WOA6R56D.js → FFVVTEPI.js} +1 -1
- package/dist/cdn/{SSXYKGVM.js → FGOQ6A5D.js} +1 -1
- package/dist/cdn/{WEEBHD3C.js → FIVJ53BN.js} +1 -1
- package/dist/cdn/{6MTVWS4V.js → FMROPNOU.js} +1 -1
- package/dist/cdn/{LC6XIUVP.js → FPEHLGDZ.js} +1 -1
- package/dist/cdn/{CC3BLBLM.js → FUVAYYOF.js} +1 -1
- package/dist/cdn/{5UJWU7MP.js → FVJ46CJ5.js} +1 -1
- package/dist/cdn/{N66CLSOX.js → G4JNAART.js} +1 -1
- package/dist/cdn/{FL3TV4LE.js → GGVHZVV4.js} +1 -1
- package/dist/cdn/{3X7XJGWS.js → GP6ZVHBO.js} +1 -1
- package/dist/cdn/{HFPMGAQI.js → GR6MOYG3.js} +1 -1
- package/dist/cdn/{LOFJAGNW.js → GTS65DO5.js} +1 -1
- package/dist/cdn/{UH3V757C.js → GVIZG2JL.js} +1 -1
- package/dist/cdn/{474I3GD6.js → HHS4DAU4.js} +1 -1
- package/dist/cdn/{EVLO3U23.js → HUUC47FA.js} +1 -1
- package/dist/cdn/{OWGV3IDQ.js → HWABIG5J.js} +1 -1
- package/dist/cdn/{KHRPX4K5.js → IAEQP2KA.js} +1 -1
- package/dist/cdn/{JXUXF3HB.js → INOWROLY.js} +1 -1
- package/dist/cdn/{6OWTFW3K.js → IU2JCUKY.js} +1 -1
- package/dist/cdn/{JHNAHDQJ.js → J465ZKXU.js} +1 -1
- package/dist/cdn/{7RO5V74O.js → J7ID2KKY.js} +1 -1
- package/dist/cdn/{TZ4OVJER.js → JGUON2MK.js} +1 -1
- package/dist/cdn/{NOS4NP6O.js → JN35IORQ.js} +1 -1
- package/dist/cdn/{NX6RO6GC.js → JPF2YMJO.js} +1 -1
- package/dist/cdn/{U344W6XU.js → JQTSSQTW.js} +1 -1
- package/dist/cdn/{H5LHC46R.js → JR6R2HAK.js} +1 -1
- package/dist/cdn/{HOZUV4CD.js → K3CAKOKQ.js} +1 -1
- package/dist/cdn/{BQMDTT4Y.js → K4XYFLUW.js} +1 -1
- package/dist/cdn/{GRUFEDZQ.js → K6HU3PPZ.js} +1 -1
- package/dist/cdn/{WHY2IUGZ.js → KP5DFQFY.js} +1 -1
- package/dist/cdn/{UDWDXDZ6.js → L2EUVNZK.js} +1 -1
- package/dist/cdn/{RQHMUYFG.js → LGD4FAO5.js} +1 -1
- package/dist/cdn/{WBCF2LJK.js → LGMT3UEX.js} +1 -1
- package/dist/cdn/{U5POALXO.js → LKD2J4I2.js} +1 -1
- package/dist/cdn/{7A7RO4D7.js → LOJQRYIE.js} +1 -1
- package/dist/cdn/{7Y3T2YGQ.js → LRKC44ZR.js} +1 -1
- package/dist/cdn/{M25TYTQR.js → LZ5DTYZ5.js} +1 -1
- package/dist/cdn/{ZBGV6FRW.js → MCXFYJKY.js} +1 -1
- package/dist/cdn/{SQ5MA5ME.js → MFZJDVVB.js} +1 -1
- package/dist/cdn/{JXXKRK4R.js → MHOJFN4K.js} +1 -1
- package/dist/cdn/{655YC3MZ.js → MQFSY5MO.js} +1 -1
- package/dist/cdn/{HXR7ZQV4.js → NL5NJY7Y.js} +1 -1
- package/dist/cdn/{LPAJ6DCW.js → NTKXFIU7.js} +1 -1
- package/dist/cdn/{QOIFLKKP.js → O2BAQIR6.js} +1 -1
- package/dist/cdn/{G2BBCADR.js → O2I7CT4R.js} +1 -1
- package/dist/cdn/{ORBZSABZ.js → OKTJNOA4.js} +1 -1
- package/dist/cdn/{C63GVJ7D.js → OQ7A56KU.js} +1 -1
- package/dist/cdn/{OGNL23BN.js → P5IMTQUV.js} +1 -1
- package/dist/cdn/{ZUGD3VH6.js → PAXGHTOR.js} +1 -1
- package/dist/cdn/{FWQRV2L2.js → PGN3ZTYG.js} +1 -1
- package/dist/cdn/{DAPSBW7Q.js → QCE5S5Y7.js} +1 -1
- package/dist/cdn/{HP5D5VOQ.js → QOY57ZTU.js} +1 -1
- package/dist/cdn/{XSRAROBD.js → QPFVE276.js} +1 -1
- package/dist/cdn/{UD7TWFGM.js → RBOGBVGT.js} +1 -1
- package/dist/cdn/{6SLCP7YF.js → RKDLG2E5.js} +1 -1
- package/dist/cdn/{Y2KRPZ5Q.js → RNMXQDP7.js} +1 -1
- package/dist/cdn/{JDXJX56W.js → ROSHSQY2.js} +1 -1
- package/dist/cdn/{4CKQ67BZ.js → RWXIR7Y4.js} +1 -1
- package/dist/cdn/{STP7UNQY.js → S2675C2Q.js} +1 -1
- package/dist/cdn/{BXKZEJ3W.js → SDI2VF3R.js} +1 -1
- package/dist/cdn/{BY2MJJ4M.js → SE3NMLS4.js} +1 -1
- package/dist/cdn/{2HGNX7B2.js → SHDXZU62.js} +1 -1
- package/dist/cdn/{T2OIVELD.js → STE2YN2S.js} +1 -1
- package/dist/cdn/{SUYC6MHZ.js → T2ZPWP5O.js} +1 -1
- package/dist/cdn/{PXGHG2EP.js → T5WJWBZD.js} +1 -1
- package/dist/cdn/{E4LLJP6R.js → T6YXZJCG.js} +1 -1
- package/dist/cdn/{7U5VTRPX.js → TS2ZSXCG.js} +1 -1
- package/dist/cdn/{TOB7CHOA.js → TT7DZMU3.js} +1 -1
- package/dist/cdn/{ZOXOZYMK.js → U372UK5Q.js} +1 -1
- package/dist/cdn/{75OYP2EN.js → UOGWNLD2.js} +1 -1
- package/dist/cdn/{2QTCUCK7.js → UV4BFPHP.js} +1 -1
- package/dist/cdn/{W43BRALP.js → V64BAYDZ.js} +1 -1
- package/dist/cdn/{J5GRGTQ2.js → V7IEVLMN.js} +1 -1
- package/dist/cdn/{YKXRSX6X.js → VMDA7XJN.js} +1 -1
- package/dist/cdn/{OLIFJ6A3.js → VRXTIFYP.js} +1 -1
- package/dist/cdn/{SWBK6RQJ.js → VUOSPJHK.js} +1 -1
- package/dist/cdn/{NM2HTMBK.js → VVDKIBAU.js} +1 -1
- package/dist/cdn/{HL7NJOAJ.js → VWZ6AWE6.js} +1 -1
- package/dist/cdn/{VPBAGFKL.js → VYKZWUT3.js} +1 -1
- package/dist/cdn/{676JGLB7.js → W26UYAQV.js} +1 -1
- package/dist/cdn/{JCIPVIOB.js → WBKAUAWV.js} +1 -1
- package/dist/cdn/{RSDUOUJM.js → WGAW7LUF.js} +1 -1
- package/dist/cdn/{IYPEXGV7.js → WLZBELS2.js} +1 -1
- package/dist/cdn/{PCOQXTYX.js → WMDST3LT.js} +1 -1
- package/dist/cdn/{NMEH2DDJ.js → WPY2TMKU.js} +1 -1
- package/dist/cdn/{HJ2VTWPM.js → WQ2HSCXP.js} +1 -1
- package/dist/cdn/{YLFKHRI5.js → WRGBVYDD.js} +1 -1
- package/dist/cdn/{GVNF3Q2J.js → X3NAXZYR.js} +1 -1
- package/dist/cdn/{V5ZW547P.js → X5KDBPAY.js} +1 -1
- package/dist/cdn/{UJEQGJIH.js → XEAJSJVH.js} +1 -1
- package/dist/cdn/{44IH26LN.js → XFEMT6AH.js} +1 -1
- package/dist/cdn/{ZG5W4ACC.js → XJUY2L3S.js} +1 -1
- package/dist/cdn/{HH7SV4KK.js → XMPOOGSC.js} +1 -1
- package/dist/cdn/{CNQ37PDB.js → YDUCLSQE.js} +1 -1
- package/dist/cdn/{JVH545TM.js → ZCSX7Q7T.js} +1 -1
- package/dist/cdn/{5XAKVIXO.js → ZG5ZKTK5.js} +1 -1
- package/dist/cdn/{75RCZHK2.js → ZIJPAIWX.js} +1 -1
- package/dist/cdn/index.js +2 -2
- package/dist/cdn/main.css +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-block/customElement.d.ts +20 -4
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +4 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as S,b as D,c as F,d as H}from"./75RCZHK2.js";import{a as L}from"./PCOQXTYX.js";import{a as B}from"./OGNL23BN.js";import{a as z}from"./7RO5V74O.js";import{c as M}from"./CDZCUFHC.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./7NTIGJRT.js";import{a as $}from"./6SLCP7YF.js";import{a as V}from"./NOS4NP6O.js";import{a as C}from"./XSRAROBD.js";import{a as y}from"./ZWPNZ5XW.js";import{c as w,e as I}from"./SSXYKGVM.js";import"./TZ4OVJER.js";import{s as f}from"./7FW2RVVH.js";import{D as x,E as u,F as h,G as m,H as a,L as g,M as E,T as k,g as v,h as r,l as n,p as c}from"./HXR7ZQV4.js";var e={loader:"loader",clearable:"clearable",clearButton:"clear-button",inlineEditing:"inline-editing",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},q={validationMessage:"inputTextValidationMessage"},O={action:"action"},P=v`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-sm))}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-md))}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-lg))}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-text-inline-edit-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-edit]) input,:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-edit-control-background-color-hover, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-edit-control-background-color-press, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}`,b=class extends m{constructor(){super(),this.actionWrapperRef=u(),this.attributeWatch=w(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=u(),this.enableInlineEditingButtonRef=u(),this.direction=I(),this.inputWrapperRef=u(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=V({blocking:!0}),this.focusSetter=C()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(this),this.inlineEditManager=new F({getInlineEditing:()=>this.inlineEditing,setInlineEditing:i=>{this.inlineEditing=i},getValue:()=>this.value,restoreValue:i=>{this.restoreInlineEditingValue(i)},commitValue:()=>this.commitInlineEditingValue(),setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputTextInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=c(),this.calciteInputTextInlineEditingCancel=c({cancelable:!1}),this.calciteInputTextInlineEditingChange=c({cancelable:!1}),this.calciteInputTextInlineEditingConfirm=c({cancelable:!1}),this.calciteInputTextInput=c(),this.calciteInternalInputTextBlur=c(),this.calciteInternalInputTextFocus=c(),R(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:H},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return this.clearable&&this.valueForEditing.length>0}get value(){return this._value}set value(i){let t=this._value;i!==t&&(this._value=i,this.valueWatcher(i,t))}async selectText(){this.childRef.value?.select()}async setFocus(i){return this.focusSetter(()=>this.childRef.value,i)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.requestedIcon=f({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(i){i.has("icon")&&(this.requestedIcon=f({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(i,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value:i||""}),this.userChangedValue=!1}keyDownHandler(i){if(!(this.readOnly||this.disabled||i.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&i.key==="Escape"){if(i.preventDefault(),this.isClearable){this.clearInputTextValue(i);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&i.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputTextValue(i),i.preventDefault()),i.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),i.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}clearInputTextValue(i){this.setValue({committing:!0,nativeEvent:i,origin:"user",value:""})}clearButtonPointerDownHandler(i){this.hasInlineEditContext&&this.inlineEditingEnabledInContext&&i.preventDefault()}commitInlineEditingValue(){let i=this.draftValue;i!==void 0&&(this.draftValue=void 0,i!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=i,this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(i)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputTextInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(i){if(this.disabled)return;let t=i.composedPath(),l=t.some(s=>s instanceof HTMLElement&&s.classList.contains(S.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||l)){if(this.selfManagedInlineEdit&&!this.inlineEditing){i.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,i=>{this.inlineEditingLoading=i}),this.focusEnableInlineEditingButton()}inputTextInputHandler(i){this.disabled||this.readOnly||this.setValue({nativeEvent:i,origin:"user",value:i.target.value})}async inputTextKeyDownHandler(i){if(!(this.disabled||this.readOnly)&&i.key==="Enter"){if(this.isStagingInlineEditingValue){i.preventDefault();let t=i.currentTarget;this.inlineEditControlsDisabled?t.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,l=>{this.inlineEditingLoading=l}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}}setInputValue(i){this.childRef.value&&(this.childRef.value.value=i)}setPreviousEmittedValue(i){this.previousEmittedValue=i}setPreviousValue(i){this.previousValue=i}restoreInlineEditingValue(i){this.draftValue=void 0,this.setInputValue(i)}setValue({committing:i=!1,nativeEvent:t,origin:l,previousValue:s,value:o}){let p=this.valueForEditing,d=l==="user"&&this.isStagingInlineEditingValue;this.setPreviousValue(s??p),this.previousValueOrigin=l,d?this.draftValue=o:(this.userChangedValue=l==="user"&&o!==this.value,this.value=o),l==="direct"&&(this.draftValue=void 0,this.setInputValue(o),this.setPreviousEmittedValue(o)),t&&!d&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:i&&!d&&this.emitChangeIfUserModified())}render(){let i=this.direction,t=r`<div class=${a(e.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,l=r`<div class=${a(e.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue} @pointerdown=${this.clearButtonPointerDownHandler}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,s=r`<div class=${a(e.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,o=r`<div class=${a(e.prefix)}>${this.prefixText}</div>`,p=r`<div class=${a(e.suffix)}>${this.suffixText}</div>`,d=r`<input aria-errormessage=${q.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[e.inlineEditing]:this.inlineEditingEnabledInContext,[e.inlineChild]:this.hasInlineEditContext,[e.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??n} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??n} inputmode=${this.el.inputMode??n} maxlength=${this.maxLength??n} minlength=${this.minLength??n} name=${this.name??n} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??n} placeholder=${(this.placeholder||"")??n} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??n} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??n} type=text .value=${x(this.valueForEditing??"")} ${h(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:r`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[e.inputWrapper]:!0,[E.rtl]:i==="rtl",[e.clearable]:this.isClearable,[e.hasSuffix]:this.suffixText,[e.hasPrefix]:this.prefixText})} ${h(this.inputWrapperRef)}><div class=${a(e.wrapper)}>${this.loading?t:null}${this.prefixText?o:null}${this.requestedIcon?s:null}${d}${this.isClearable?l:null}${this.suffixText?p:null}</div>${this.selfManagedInlineEdit&&r`<div class=${a(e.inlineEdit)}>${D({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${a(e.actionWrapper)} ${h(this.actionWrapperRef)}><slot name=${O.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?B({icon:this.validationIcon,id:q.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};k("calcite-input-text",b);export{b as InputText};
|
|
2
|
+
import{a as S,b as D,c as F,d as H}from"./ZIJPAIWX.js";import{a as L}from"./WMDST3LT.js";import{a as B}from"./P5IMTQUV.js";import{a as z}from"./J7ID2KKY.js";import{c as M}from"./BC4WWVNB.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./3W52IHUK.js";import{a as $}from"./RKDLG2E5.js";import{a as V}from"./JN35IORQ.js";import{a as C}from"./QPFVE276.js";import{a as y}from"./ZWPNZ5XW.js";import{c as w,e as I}from"./FGOQ6A5D.js";import"./JGUON2MK.js";import{s as f}from"./7FW2RVVH.js";import{D as x,E as u,F as h,G as m,H as a,L as g,M as E,T as k,g as v,h as r,l as n,p as c}from"./NL5NJY7Y.js";var e={loader:"loader",clearable:"clearable",clearButton:"clear-button",inlineEditing:"inline-editing",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},q={validationMessage:"inputTextValidationMessage"},O={action:"action"},P=v`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-sm))}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-md))}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-spacing-lg))}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-text-background-color, var(--calcite-color-background))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-text-inline-edit-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-edit]) input,:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-text-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-edit-control-background-color-hover, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-edit-control-background-color-press, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}`,b=class extends m{constructor(){super(),this.actionWrapperRef=u(),this.attributeWatch=w(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=u(),this.enableInlineEditingButtonRef=u(),this.direction=I(),this.inputWrapperRef=u(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=V({blocking:!0}),this.focusSetter=C()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(this),this.inlineEditManager=new F({getInlineEditing:()=>this.inlineEditing,setInlineEditing:i=>{this.inlineEditing=i},getValue:()=>this.value,restoreValue:i=>{this.restoreInlineEditingValue(i)},commitValue:()=>this.commitInlineEditingValue(),setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputTextInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=c(),this.calciteInputTextInlineEditingCancel=c({cancelable:!1}),this.calciteInputTextInlineEditingChange=c({cancelable:!1}),this.calciteInputTextInlineEditingConfirm=c({cancelable:!1}),this.calciteInputTextInput=c(),this.calciteInternalInputTextBlur=c(),this.calciteInternalInputTextFocus=c(),R(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:H},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return this.clearable&&this.valueForEditing.length>0}get value(){return this._value}set value(i){let t=this._value;i!==t&&(this._value=i,this.valueWatcher(i,t))}async selectText(){this.childRef.value?.select()}async setFocus(i){return this.focusSetter(()=>this.childRef.value,i)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.requestedIcon=f({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(i){i.has("icon")&&(this.requestedIcon=f({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(i,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value:i||""}),this.userChangedValue=!1}keyDownHandler(i){if(!(this.readOnly||this.disabled||i.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&i.key==="Escape"){if(i.preventDefault(),this.isClearable){this.clearInputTextValue(i);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&i.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputTextValue(i),i.preventDefault()),i.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),i.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}clearInputTextValue(i){this.setValue({committing:!0,nativeEvent:i,origin:"user",value:""})}clearButtonPointerDownHandler(i){this.hasInlineEditContext&&this.inlineEditingEnabledInContext&&i.preventDefault()}commitInlineEditingValue(){let i=this.draftValue;i!==void 0&&(this.draftValue=void 0,i!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=i,this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(i)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputTextInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(i){if(this.disabled)return;let t=i.composedPath(),l=t.some(s=>s instanceof HTMLElement&&s.classList.contains(S.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||l)){if(this.selfManagedInlineEdit&&!this.inlineEditing){i.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,i=>{this.inlineEditingLoading=i}),this.focusEnableInlineEditingButton()}inputTextInputHandler(i){this.disabled||this.readOnly||this.setValue({nativeEvent:i,origin:"user",value:i.target.value})}async inputTextKeyDownHandler(i){if(!(this.disabled||this.readOnly)&&i.key==="Enter"){if(this.isStagingInlineEditingValue){i.preventDefault();let t=i.currentTarget;this.inlineEditControlsDisabled?t.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,l=>{this.inlineEditingLoading=l}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}}setInputValue(i){this.childRef.value&&(this.childRef.value.value=i)}setPreviousEmittedValue(i){this.previousEmittedValue=i}setPreviousValue(i){this.previousValue=i}restoreInlineEditingValue(i){this.draftValue=void 0,this.setInputValue(i)}setValue({committing:i=!1,nativeEvent:t,origin:l,previousValue:s,value:o}){let p=this.valueForEditing,d=l==="user"&&this.isStagingInlineEditingValue;this.setPreviousValue(s??p),this.previousValueOrigin=l,d?this.draftValue=o:(this.userChangedValue=l==="user"&&o!==this.value,this.value=o),l==="direct"&&(this.draftValue=void 0,this.setInputValue(o),this.setPreviousEmittedValue(o)),t&&!d&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:i&&!d&&this.emitChangeIfUserModified())}render(){let i=this.direction,t=r`<div class=${a(e.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,l=r`<div class=${a(e.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue} @pointerdown=${this.clearButtonPointerDownHandler}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,s=r`<div class=${a(e.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,o=r`<div class=${a(e.prefix)}>${this.prefixText}</div>`,p=r`<div class=${a(e.suffix)}>${this.suffixText}</div>`,d=r`<input aria-errormessage=${q.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[e.inlineEditing]:this.inlineEditingEnabledInContext,[e.inlineChild]:this.hasInlineEditContext,[e.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??n} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??n} inputmode=${this.el.inputMode??n} maxlength=${this.maxLength??n} minlength=${this.minLength??n} name=${this.name??n} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??n} placeholder=${(this.placeholder||"")??n} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??n} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??n} type=text .value=${x(this.valueForEditing??"")} ${h(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:r`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[e.inputWrapper]:!0,[E.rtl]:i==="rtl",[e.clearable]:this.isClearable,[e.hasSuffix]:this.suffixText,[e.hasPrefix]:this.prefixText})} ${h(this.inputWrapperRef)}><div class=${a(e.wrapper)}>${this.loading?t:null}${this.prefixText?o:null}${this.requestedIcon?s:null}${d}${this.isClearable?l:null}${this.suffixText?p:null}</div>${this.selfManagedInlineEdit&&r`<div class=${a(e.inlineEdit)}>${D({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${a(e.actionWrapper)} ${h(this.actionWrapperRef)}><slot name=${O.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?B({icon:this.validationIcon,id:q.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};k("calcite-input-text",b);export{b as InputText};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as l}from"./
|
|
2
|
+
import{a as l}from"./J465ZKXU.js";import{a as o}from"./QPFVE276.js";import"./ZWPNZ5XW.js";import"./FGOQ6A5D.js";import"./JGUON2MK.js";import"./7FW2RVVH.js";import{G as r,T as c,g as s,h as a,p as i}from"./NL5NJY7Y.js";var u=s`:host{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends r{constructor(){super(...arguments),this._active=!1,this.focusSetter=o()(this),this.focusTrapController=l({focusTrapOptions:{onActivate:()=>{this.setActive(!0)},onDeactivate:()=>{this.setActive(!1)}}})(this),this.focusTrapDisabled=!1,this.calciteFocusTrapActiveChange=i({cancelable:!1})}static{this.properties={focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],active:[32,{},{attribute:!1,readOnly:!0}],focusTrapDisabledOverride:[0,{},{attribute:!1}],focusTrapOptions:[0,{},{attribute:!1}]}}static{this.styles=u}get active(){return this._active}async activate(){this.focusTrapController.activate()}async deactivate(){this.focusTrapController.deactivate()}async setFocus(t){return this.focusSetter(()=>this.el,t)}async updateFocusTrapElements(t){this.focusTrapController.setExtraContainers(t),this.focusTrapController.updateContainerElements()}setActive(t){let n=this._active;this._active=t,this.requestUpdate("active",n),this.calciteFocusTrapActiveChange.emit()}render(){return a`<slot></slot>`}};c("calcite-focus-trap",e);export{e as FocusTrap};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b,b as t}from"./U3Y3V2ZH.js";import{b as u}from"./7VTO7SRW.js";import"./VUYX7MNO.js";import{u as g}from"./7FW2RVVH.js";import{G as h,H as c,T as m,g as s,h as o,p as d}from"./
|
|
2
|
+
import{a as b,b as t}from"./U3Y3V2ZH.js";import{b as u}from"./7VTO7SRW.js";import"./VUYX7MNO.js";import{u as g}from"./7FW2RVVH.js";import{G as h,H as c,T as m,g as s,h as o,p as d}from"./NL5NJY7Y.js";var f=s`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-radius:max(0px,var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius)) - 2px);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px;z-index:var(--calcite-z-index);border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius))}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`,r=class extends h{constructor(){super(...arguments),this.hasSlottedContent=!1,this.appearance="solid",this.checked=!1,this.iconFlipRtl=!1,this.layout="horizontal",this.scale="m",this.calciteInternalSegmentedControlItemChange=d({cancelable:!1})}static{this.properties={hasSlottedContent:[16,{},{state:!0}],appearance:1,checked:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],iconStart:[3,{},{reflect:!0}],layout:1,scale:1,value:1}}static{this.styles=f}willUpdate(e){e.has("checked")&&(this.hasUpdated||this.checked!==!1)&&this.calciteInternalSegmentedControlItemChange.emit()}handleSlotChange(e){this.hasSlottedContent=g(e)}renderIcon(e,l=!1){return e?o`<calcite-icon class=${c({[t.icon]:!0,[t.iconSolo]:l})} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`:null}render(){let{appearance:e,checked:l,layout:a,scale:n,value:i}=this;return this.el.ariaChecked=u(l),this.el.ariaLabel=i,this.el.role="radio",o`<label class=${c({[t.label]:!0,[t.labelScale(n)]:!0,[t.labelHorizontal]:a==="horizontal",[t.labelOutline]:e==="outline",[t.labelOutlineFill]:e==="outline-fill"})}>${this.renderContent()}</label>`}renderContent(){let{hasSlottedContent:e,iconEnd:l,iconStart:a}=this,n=a||l;return!e&&n?[this.renderIcon(n,!0),o`<slot @slotchange=${this.handleSlotChange}></slot>`]:[this.renderIcon(a),o`<slot @slotchange=${this.handleSlotChange}></slot>`,o`<slot name=${b.input}></slot>`,this.renderIcon(l)]}};m("calcite-segmented-control-item",r);export{r as SegmentedControlItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as I}from"./7VTO7SRW.js";import{a as C}from"./VI7SBYXT.js";import{e as z}from"./
|
|
2
|
+
import{b as I}from"./7VTO7SRW.js";import{a as C}from"./VI7SBYXT.js";import{e as z}from"./FGOQ6A5D.js";import"./JGUON2MK.js";import{G as b,H as v,Q as g,T as x,U as y,g as u,h as m,i as p,l as h}from"./NL5NJY7Y.js";var $={flipRtl:"flip-rtl",svg:"svg"},D={},d={},k={s:16,m:24,l:32};function w({icon:e,scale:t}){let i=k[t],s=U(e),n=s.charAt(s.length-1)==="F";return`${n?s.substring(0,s.length-1):s}${i}${n?"F":""}`}async function O(e){let t=w(e),i=N(t);if(i)return i;d[t]||(d[t]=fetch(y(`./assets/icon/${t}.json`)).then(n=>n.json()).catch(()=>(g.error(`${e.icon} (${e.scale}) icon failed to load`),"")));let s=await d[t];return D[t]=s,s}function A(e){return N(w(e))}function N(e){return D[e]}function U(e){let t=!isNaN(Number(e.charAt(0))),i=e.split("-");if(i.length>0){let n=/[a-z]/i;e=i.map((o,a)=>o.replace(n,function(l,r){return a===0&&r===0?l:l.toUpperCase()})).join("")}return t?`i${e}`:e}var B=u`:host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends b{constructor(){super(...arguments),this.direction=z(),this.visible=!1,this.flipRtl=!1,this.preload=!1,this.scale="m"}static{this.properties={pathData:[16,{},{state:!0}],visible:[16,{},{state:!0}],flipRtl:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],preload:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],textLabel:1}}static{this.styles=B}connectedCallback(){if(super.connectedCallback(),this.preload){this.visible=!0,this.loadIconPathData();return}this.visible||this.waitUntilVisible(()=>{this.visible=!0,this.loadIconPathData()})}willUpdate(t){(t.has("icon")&&(this.hasUpdated||this.icon!==void 0)||t.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.loadIconPathData()}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0}async loadIconPathData(){let{icon:t,scale:i,visible:s}=this;if(!t||!s)return;let n={icon:t,scale:i},o=A(n)||await O(n);t===this.icon&&(this.pathData=o)}waitUntilVisible(t){if(this.intersectionObserver=C("intersection",i=>{i.forEach(s=>{s.isIntersecting&&(this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0,t())})},{rootMargin:"50px"}),!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}render(){let{flipRtl:t,pathData:i,scale:s,textLabel:n}=this,o=this.direction,a=k[s],c=!!n,l=Array.isArray(i)?i:[i??""];return this.el.ariaHidden=I(!c),this.el.ariaLabel=c?n:null,this.el.role=c?"img":null,m`<svg aria-hidden=true class=${v({[$.flipRtl]:o==="rtl"&&t,[$.svg]:!0})} fill=currentColor height=100% viewBox=${`0 0 ${a} ${a}`} width=100% xmlns=http://www.w3.org/2000/svg>${l.map(r=>typeof r=="string"?p`<path d=${r??h} />`:p`<path d=${r.d??h} opacity=${("opacity"in r?r.opacity:1)??h} />`)}</svg>`}};x("calcite-icon",f);export{f as Icon};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as O}from"./T6CCMW7H.js";import{a as S}from"./VI7SBYXT.js";import{G as X,H as x,J as i,T as N,g as G,h as z,i as v}from"./
|
|
2
|
+
import{a as O}from"./T6CCMW7H.js";import{a as S}from"./VI7SBYXT.js";import{G as X,H as x,J as i,T as N,g as G,h as z,i as v}from"./NL5NJY7Y.js";function B(t,s,n){let r=s[0]-t[0],o=n[0]-s[0],$=s[1]-t[1],c=n[1]-s[1],h=$/Number(r||o<0&&0),a=c/Number(o||r<0&&0),e=(h*o+a*r)/(r+o);return(Math.sign(h)+Math.sign(a))*Math.min(Math.abs(h),Math.abs(a),.5*Math.abs(e))||0}function Y(t,s,n){let r=s[0]-t[0],o=s[1]-t[1];return r?(3*o/r-n)/2:n}function Z(t,s,n,r,o){let[$,c]=t,[h,a]=s,e=(h-$)/3,l=o([$+e,c+e*n]).join(","),d=o([h-e,a-e*r]).join(","),m=o([h,a]).join(",");return`C ${l} ${d} ${m}`}function H({width:t,height:s,min:n,max:r}){let o=r[0]-n[0],$=r[1]-n[1];return c=>{let h=(c[0]-n[0])/o*t,a=s-(c[1]-n[1])/$*s;return[h,a]}}function I(t){let[s,n]=t[0],r=[s,n],o=[s,n];return t.reduce(({min:$,max:c},[h,a])=>({min:[Math.min($[0],h),Math.min($[1],a)],max:[Math.max(c[0],h),Math.max(c[1],a)]}),{min:r,max:o})}function R({data:t,min:s,max:n,t:r}){if(t.length<3)return"";let[o,$]=r(t[0]),[c,h]=r(s),[a]=r(n),e,l,d,m=t.reduce((y,M,u)=>{if(l=t[u-2],d=t[u-1],u>1){let g=B(l,d,M),f=e===void 0?Y(l,d,g):e,L=Z(l,d,f,g,r);return e=g,`${y} ${L}`}return y},`M ${c},${h} L ${c},${$} L ${o},${$}`),w=t[t.length-1],k=Z(d,w,e,Y(d,w,e),r);return`${m} ${k} L ${a},${h} Z`}var E=G`:host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0;display:block;block-size:100%;inline-size:100%;padding:0}.svg .graph-path--highlight{fill:var(--calcite-graph-highlight-fill-color, var(--calcite-color-brand));opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,b={svg:"svg",graphPath:"graph-path",graphPathHighlight:"graph-path--highlight"},C="calcite-graph",p={host:t=>`${C}-${t}`,linearGradient:t=>`linear-gradient-${C}-${t}`,mask:(t,s)=>`${C}-${t}${s}`},P=class extends X{constructor(){super(...arguments),this.graphId=O(),this.resizeObserver=S("resize",()=>this.requestUpdate()),this.data=[]}static{this.properties={colorStops:[0,{},{attribute:!1}],data:[0,{},{attribute:!1}],highlightMax:[9,{},{type:Number}],highlightMin:[9,{},{type:Number}],max:[11,{},{reflect:!0,type:Number}],min:[11,{},{reflect:!0,type:Number}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}render(){let{data:s,colorStops:n,el:r,highlightMax:o,highlightMin:$,min:c,max:h}=this,a=this.graphId,{clientHeight:e,clientWidth:l}=r;if(!s||s.length===0)return z`<svg aria-hidden=true class=${x(b.svg)} height=${e??i} preserveAspectRatio=none viewBox=${`0 0 ${l} ${e}`} width=${l??i}></svg>`;let{min:d,max:m}=I(s),w=d,k=m;(c<d[0]||c>d[0])&&(w=[c,0]),(h>m[0]||h<m[0])&&(k=[h,m[1]]);let y=H({min:w,max:k,width:l,height:e}),M=R({data:s,min:d,max:m,t:y}),u=n?`url(#${p.linearGradient(a)})`:void 0;if($!==void 0&&o!==void 0){let[g]=y([$,k[1]]),[f]=y([o,k[1]]);return z`<svg aria-hidden=true class=${x(b.svg)} height=${e??i} preserveAspectRatio=none viewBox=${`0 0 ${l} ${e}`} width=${l??i}>${v`${n?v`<defs><linearGradient id=${p.linearGradient(a)??i} x1=0 x2=1 y1=0 y2=0>${n.map(({offset:L,color:j,opacity:A})=>v`<stop offset=${`${L*100}%`} stop-color=${j??i} stop-opacity=${A??i} />`)}</linearGradient></defs>`:null}<mask height=100% id=${p.mask(a,1)??i} width=100% x=0% y=0%><path d=${`
|
|
3
3
|
M 0,0
|
|
4
4
|
L ${g-1},0
|
|
5
5
|
L ${g-1},${e}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{c as v}from"./2TDUNXKF.js";import{a as S,b}from"./ZHEVX44R.js";import{b as A}from"./5EICKOK7.js";import{a as T}from"./
|
|
2
|
+
import{c as v}from"./2TDUNXKF.js";import{a as S,b}from"./ZHEVX44R.js";import{b as A}from"./5EICKOK7.js";import{a as T}from"./RKDLG2E5.js";import{a}from"./NTKXFIU7.js";import{a as $}from"./YP3AYJH3.js";import"./VUYX7MNO.js";import{a as k}from"./ZWPNZ5XW.js";import"./FGOQ6A5D.js";import"./JGUON2MK.js";import{C as h,z as g}from"./7FW2RVVH.js";import{E as r,F as o,G as C,H as R,T as y,g as f,h as s,m,p as u}from"./NL5NJY7Y.js";var I=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{opacity:var(--calcite-opacity-disabled);pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)) )}:host([slot=table-header]) tr{position:var(--calcite-internal-table-header-row-position);inset-block-start:var(--calcite-internal-table-header-offset, 0);z-index:var(--calcite-internal-table-header-z-index, calc(var(--calcite-z-index) + 1))}:host([selected]) calcite-table-cell{--calcite-internal-table-cell-background-color: var( --calcite-table-row-background-color-selected, var(--calcite-color-foreground-1) )}tr{--calcite-internal-table-row-border-block-end-width: var(--calcite-border-width-sm);--calcite-internal-table-row-border-block-end-color: var(--calcite-table-row-border-color, transparent);background-color:var(--calcite-table-row-background-color, var(--calcite-table-row-background, var(--calcite-color-foreground-1)))}tr.last-visible-row{--calcite-internal-table-row-border-block-end-width: 0;--calcite-internal-table-row-border-block-end-color: transparent}:host([item-hidden]){display:none}`,w=class extends C{constructor(){super(),this.numberedCellRef=r(),this.numberedHeaderRef=r(),this.rowCells=[],this.rowSlotRef=r(),this.selectionCellRef=r(),this.selectionHeaderRef=r(),this.userTriggered=!1,this._selected=!1,this.clickHandler=()=>{this.handleRowSelection()},this.handleKeyboardSelection=e=>{$(e.key)&&(e.key===" "&&e.preventDefault(),this.handleRowSelection())},this.interactiveContainer=T(this),this.itemHidden=!1,this.disabled=!1,this.interactionMode="interactive",this.lastVisibleRow=!1,this.numbered=!1,this.stickyHeaderEnabled=!1,this.selectionMode="none",this.calciteInternalTableRowFocusRequest=u({cancelable:!1}),this.calciteInternalTableRowSelect=u({cancelable:!1}),this.calciteTableRowSelect=u({cancelable:!1})}static{this.properties={alignment:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],bodyRowCount:[9,{},{type:Number}],cellCount:[9,{},{type:Number}],disabled:[7,{},{reflect:!0,type:Boolean}],interactionMode:1,lastVisibleRow:[5,{},{type:Boolean}],numbered:[5,{},{type:Boolean}],positionAll:[9,{},{type:Number}],positionSection:[9,{},{type:Number}],positionSectionLocalized:1,readCellContentsToAT:[5,{},{type:Boolean}],rowType:1,scale:1,stickyHeaderEnabled:[5,{},{type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectedRowCount:[9,{},{type:Number}],selectedRowCountLocalized:1,selectionMode:1}}static{this.styles=I}get selected(){return this._selected}set selected(e){let l=this._selected;e!==l&&(this._selected=e,this.handleCellChanges())}load(){this.listenOn(document,"calciteInternalTableRowFocusChange",this.calciteInternalTableRowFocusChangeHandler),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("bodyRowCount")||e.has("scale")||e.has("selectedRowCount")||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive"))&&this.handleCellChanges(),(e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none"))&&this.handleDelayedCellChanges(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&!this.userTriggered&&this.calciteInternalTableRowSelect.emit()}loaded(){this.rowCells.length>0&&this.updateCells()}handleSlotChange(){this.updateCells()}handleCellChanges(){this.rowCells.length>0&&this.updateCells()}handleDelayedCellChanges(){this.rowCells.length>0&&requestAnimationFrame(()=>this.updateCells())}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){let l=e.detail.cellPosition,n=e.detail.rowPosition,i=e.detail.destination,t=e.detail.lastCell;if(n===this.positionAll){if(this.disabled){let d=i==="last"?"previous":i==="first"?"next":i;this.emitTableRowFocusRequest(l,this.positionAll,d);return}let c=t?this.rowCells[this.rowCells.length-1]:this.rowCells?.find((d,p)=>p+1===l);c&&c.setFocus()}}}keyDownHandler(e){if(this.interactionMode!=="interactive")return;let l=e.target,n=e.key,i=e.ctrlKey,t=this.rowCells;if(A(l)||v(l))switch(n){case"ArrowUp":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"previous"),e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"next"),e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"first"),e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(l.positionInRow,this.positionAll,"last"),e.preventDefault();break;case"ArrowLeft":h(t,l,"previous",!1,!1),e.preventDefault();break;case"ArrowRight":h(t,l,"next",!1,!1),e.preventDefault();break;case"Home":i?(this.emitTableRowFocusRequest(1,this.positionAll,"first"),e.preventDefault()):(h(t,l,"first",!1,!1),e.preventDefault());break;case"End":i?(this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",!0),e.preventDefault()):(h(t,l,"last",!1,!1),e.preventDefault());break}}emitTableRowFocusRequest(e,l,n,i=!1){this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:l,destination:n,lastCell:i})}updateCells(){let e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start",l=this.rowSlotRef.value?g(this.rowSlotRef.value,"calcite-table-cell, calcite-table-header"):[],i=[this.numberedCellRef.value,this.numberedHeaderRef.value,this.selectionCellRef.value,this.selectionHeaderRef.value].filter(t=>t!=null).concat(l);i.length>0&&i?.forEach((t,c)=>{if(t.interactionMode=this.interactionMode,t.lastCell=c===i.length-1,t.parentRowAlignment=e,t.parentRowIsSelected=this.selected,t.parentRowType=this.rowType,t.positionInRow=c+1,t.scale=this.scale,t.nodeName==="CALCITE-TABLE-CELL"){let d=t.rowSpan||1,p=this.rowType==="body"&&d>1&&this.positionSection+d>=this.bodyRowCount;t.readCellContentsToAT=this.readCellContentsToAT,t.disabled=this.disabled,t.reachesBodyEnd=p}}),this.rowCells=i||[],this.cellCount=i?.length}async handleRowSelection(){(this.rowType==="body"||this.rowType==="head"&&this.selectionMode==="multiple")&&(this.userTriggered=!0,this.selected=!this.selected,await this.updateComplete,this.calciteTableRowSelect.emit())}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?b.checkSquare:this.selectionMode==="multiple"?b.square:this.selected?b.circleF:b.circle;return s`<calcite-icon .icon=${e} .scale=${k(this.scale)}></calcite-icon>`}renderSelectableCell(){return this.rowType==="head"?a("selection-head",s`<calcite-table-header alignment=center .bodyRowCount=${this.bodyRowCount} @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .selectedRowCount=${this.selectedRowCount} .selectedRowCountLocalized=${this.selectedRowCountLocalized} .selectionCell=${!0} .selectionMode=${this.selectionMode} ${o(this.selectionHeaderRef)}></calcite-table-header>`):this.rowType==="body"?a("selection-body",s`<calcite-table-cell alignment=center @click=${this.clickHandler} @keydown=${this.handleKeyboardSelection} .parentRowAlignment=${this.alignment} .parentRowIsSelected=${this.selected} .parentRowPositionLocalized=${this.positionSectionLocalized} .selectionCell=${!0} ${o(this.selectionCellRef)}>${this.renderSelectionIcon()}</calcite-table-cell>`):a("selection-foot",s`<calcite-table-cell alignment=center .parentRowAlignment=${this.alignment} .selectionCell=${!0} ${o(this.selectionCellRef)}></calcite-table-cell>`)}renderNumberedCell(){return this.rowType==="head"?a("numbered-head",s`<calcite-table-header alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedHeaderRef)}></calcite-table-header>`):this.rowType==="body"?a("numbered-body",s`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedCellRef)}>${this.positionSectionLocalized}</calcite-table-cell>`):a("numbered-foot",s`<calcite-table-cell alignment=center .numberCell=${!0} .parentRowAlignment=${this.alignment} ${o(this.numberedCellRef)}></calcite-table-cell>`)}render(){return this.interactiveContainer({disabled:this.disabled,children:s`<tr .ariaRowIndex=${this.positionAll+1} .ariaSelected=${this.selected} class=${R({[S.lastVisibleRow]:this.lastVisibleRow})} @keydown=${this.keyDownHandler} ${o(e=>{e&&m(s`${this.numbered&&this.renderNumberedCell()||""}${this.selectionMode!=="none"&&this.renderSelectableCell()||""}<slot ${o(this.rowSlotRef)}></slot>`,e)})}></tr>`})}};y("calcite-table-row",w);export{w as TableRow};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as x,t as m}from"./TXTWTIAM.js";import"./EM6V55GC.js";import{a as y}from"./
|
|
2
|
+
import{a as x,t as m}from"./TXTWTIAM.js";import"./EM6V55GC.js";import{a as y}from"./NTKXFIU7.js";import"./3XS7XZAX.js";import{h as z}from"./7FW2RVVH.js";import{G as S,H as a,T as k,g as $,h as f,i as h,l as t}from"./NL5NJY7Y.js";var l={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},C={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},b=4,i={squareSize:b,size:b*2},v={checker:"checker",shape:"shape"},R=$`:host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends S{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],color:1,scale:[3,{},{reflect:!0}]}}static{this.styles=R}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?x(e):void 0}render(){let e=!this.internalColor,c={[l.swatch]:!0,[l.noColorSwatch]:e};return f`<svg class=${a(c)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:c,internalColor:s}=this,o=e?"100%":"0",n=z(c)==="light"?C.borderLight:C.borderDark,d=!s,r={height:"100%",rx:o,stroke:n,strokeWidth:"2",width:"100%"};if(d)return h`<clipPath id=${v.shape}><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let p=s.alpha(),q=m(s),g=m(s,p<1);return h`<title>${g}</title><defs><pattern height=${i.size} id=${v.checker} patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${a(l.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${a(l.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:p<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:q,...r})}${p<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:g,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:c,height:s,key:o,rx:u,stroke:n,strokeWidth:d,width:r}){return y(o,h`<rect clip-path=${e??t} fill=${c??t} height=${s??t} rx=${u??t} stroke=${n??t} stroke-width=${d??t} width=${r??t} />`)}};k("calcite-color-picker-swatch",w);export{w as ColorPickerSwatch};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{c as de}from"./MEMTVARL.js";import{a as se}from"./JHNAHDQJ.js";import{a as V}from"./PCOQXTYX.js";import{a as oe,b as S,c as z,d as R}from"./ZUGD3VH6.js";import{a as ce,b as I,c as s,d as O,g as le,h as p,i as F}from"./4LEBB4XV.js";import{g as _,h as j,j as b}from"./VB2UW3NC.js";import{a as ie}from"./OGNL23BN.js";import{a as ae}from"./7RO5V74O.js";import{c as ne}from"./CDZCUFHC.js";import{a as te}from"./DKJI4BME.js";import{a as re}from"./7NTIGJRT.js";import{a as G}from"./676JGLB7.js";import{a as Z,c as C,d as J,e as Q,f as X,g as k,h as ee}from"./BXKZEJ3W.js";import{a as K}from"./SAZM37N6.js";import{a as Y}from"./6SLCP7YF.js";import"./3XS7XZAX.js";import{b as A}from"./YP3AYJH3.js";import{a as $}from"./T6CCMW7H.js";import{a as q}from"./NOS4NP6O.js";import"./VUYX7MNO.js";import{a as U}from"./XSRAROBD.js";import{a as N}from"./ZWPNZ5XW.js";import{e as M}from"./SSXYKGVM.js";import"./TZ4OVJER.js";import"./7FW2RVVH.js";import{E as x,F as m,G as B,H as c,L,Q as H,T as W,g as E,h as u,l as g,p as f}from"./HXR7ZQV4.js";var he=E`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host .menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}:host .menu-container:popover-open{display:block}:host .menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;box-shadow:var(--calcite-input-date-picker-shadow, var(--calcite-shadow-none))}:host .menu-container .calcite-floating-ui-anim{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-md))}:host([scale=s]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-spacing-lg))}:host([scale=s]) .clear-button{block-size:var(--calcite-space-2xl)}:host([scale=m]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-spacing-xxl))}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-spacing-xxxl))}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-none));transform:translateZ(0)}.input-container,.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.input-wrapper:is(:focus-within,:hover) .chevron-icon,.input-wrapper:is(:focus-within,:hover)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}.input-wrapper:is(:focus-within,:active) .chevron-icon,.input-wrapper:is(:focus-within,:active)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.horizontal-actions-container{position:absolute;display:flex;align-items:center;inset-inline-end:var(--calcite-border-width-sm);inset-block:var(--calcite-space-none)}.horizontal-actions-container .toggle-icon{position:relative;inset:unset;block-size:100%}.vertical-actions-container{display:flex;align-items:center;border-width:var(--calcite-border-width-sm);border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-color-surface-2));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input));padding-inline:var(--calcite-space-md);padding-inline-start:var(--calcite-space-none);border-inline-start-width:var(--calcite-border-width-none)}.vertical-actions-container:hover{cursor:pointer}.vertical-actions-container .toggle-icon{position:relative;inset:unset}.vertical-actions-container .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.clear-button{display:flex}.toggle-icon{position:absolute;display:flex;align-items:center;cursor:pointer;inset-inline-end:var(--calcite-space-none);inset-block:var(--calcite-space-none);padding-inline:var(--calcite-internal-date-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input))}:host([layout=horizontal]) .divider-container{inline-size:var(--calcite-spacing-px)}.divider{display:inline-block;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-input-date-picker-divider-color, var(--calcite-color-border-2));inline-size:var(--calcite-spacing-px)}:host([layout=vertical]) .divider-container{height:1px;border-top-width:0px;border-bottom-width:0px;border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-none);inline-size:calc(100% - var(--calcite-space-md));padding-inline:var(--calcite-space-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical]) .vertical-actions-container .toggle-icon{cursor:default;pointer-events:none}:host([range][layout=vertical]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-md)}:host([range][layout=vertical]) .clear-button{margin-inline-start:var(--calcite-space-md)}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.menu-container{opacity:0;inset-block-start:0;left:0}}.menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.menu-container:popover-open{display:block}.menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=s]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=s]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .divider-container{inline-size:calc(100% - var(--calcite-space-sm));padding-inline:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .clear-button{margin-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=l]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=l]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .divider-container{inline-size:calc(100% - var(--calcite-space-lg));padding-inline:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .clear-button{margin-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical]) .input-container:has(.input-wrapper:focus-within,.input-wrapper:hover)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:hover .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}:host([range][layout=vertical]) .input-container:has(.input-wrapper:active)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:active .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.input{--calcite-input-text-background-color: var(--calcite-input-date-picker-background-color);--calcite-input-text-border-color: var(--calcite-input-date-picker-border-color);--calcite-input-text-corner-radius: var(--calcite-input-date-picker-corner-radius, var(--calcite-corner-radius));--calcite-input-text-shadow: var(--calcite-input-date-picker-shadow);--calcite-input-text-icon-color: var(--calcite-input-date-picker-icon-color);--calcite-input-text-text-color: var(--calcite-input-date-picker-text-color);--calcite-input-text-placeholder-text-color: var(--calcite-input-date-picker-placeholder-text-color)}:host([range]) .input--start{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}:host([layout=vertical][range]) .input--start{--calcite-internal-input-text-icon-border-block-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-end-width: var(--calcite-border-width-none)}:host([layout=horizontal]) .input--end{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=start] .input--start{--calcite-internal-input-text-focus-outline-color: transparent}:host([status=invalid][range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-status-danger);outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=vertical]) .input--end{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-start-width: var(--calcite-border-width-none);--calcite-internal-input-text-icon-border-block-start-width: var(--calcite-border-width-none)}:host([range][layout=vertical][read-only]) :is(.input--start,.input--end){--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-sm)}:host([range][layout=vertical][read-only]) .divider-container{box-sizing:border-box;border-inline-end-width:var(--calcite-border-width-sm);inline-size:100%}calcite-date-picker{--calcite-date-picker-border-color: var(--calcite-input-date-picker-calendar-border-color);--calcite-date-picker-corner-radius: var( --calcite-input-date-picker-calendar-corner-radius, var(--calcite-corner-radius-sm) );--calcite-date-picker-range-calendar-divider-color: var(--calcite-input-date-picker-calendar-range-divider-color);--calcite-date-picker-week-header-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-header-action-background-color: var( --calcite-input-date-picker-calendar-actions-background-color );--calcite-date-picker-header-action-background-color-hover: var( --calcite-input-date-picker-calendar-actions-background-color-hover );--calcite-date-picker-header-action-background-color-press: var( --calcite-input-date-picker-calendar-actions-background-color-press );--calcite-date-picker-header-action-text-color: var(--calcite-input-date-picker-calendar-actions-text-color);--calcite-date-picker-header-action-text-color-press: var( --calcite-input-date-picker-calendar-actions-text-color-press );--calcite-date-picker-year-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-month-select-text-color: var(--calcite-input-date-picker-calendar-month-select-text-color);--calcite-date-picker-month-select-icon-color: var(--calcite-input-date-picker-calendar-icon-color);--calcite-date-picker-month-select-icon-color-hover: var(--calcite-input-date-picker-calendar-icon-color-hover);--calcite-date-picker-day-background-color: var(--calcite-input-date-picker-calendar-day-background-color);--calcite-date-picker-day-background-color-hover: var( --calcite-input-date-picker-calendar-day-background-color-hover );--calcite-date-picker-day-background-color-selected: var( --calcite-input-date-picker-calendar-selected-background-color );--calcite-date-picker-day-text-color: var(--calcite-input-date-picker-calendar-day-text-color);--calcite-date-picker-day-text-color-hover: var(--calcite-input-date-picker-calendar-day-text-color-hover);--calcite-date-picker-day-text-color-selected: var(--calcite-input-date-picker-calendar-day-text-color-selected);--calcite-date-picker-current-day-text-color: var( --calcite-input-date-picker-calendar-current-day-text-color, var(--calcite-input-date-picker-calendar-day-current-text-color) );--calcite-date-picker-day-range-text-color: var(--calcite-input-date-picker-calendar-day-range-text-color);--calcite-date-picker-day-range-background-color: var( --calcite-input-date-picker-calendar-day-range-background-color );--calcite-date-picker-day-outside-range-background-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-background-color-hover );--calcite-date-picker-day-outside-range-text-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-text-color-hover )}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-date-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-input-date-picker-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}`,n={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",clearButton:"clear-button",container:"container",dividerContainer:"divider-container",divider:"divider",endInput:"input--end",inputContainer:"input-container",horizontalActionsContainer:"horizontal-actions-container",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",toggleIcon:"toggle-icon",startInput:"input--start",verticalActionsContainer:"vertical-actions-container",chevronIcon:"chevron-icon"},ve="calcite-input-date-picker",D={validationMessage:"inputDatePickerValidationMessage",dialog:h=>`date-picker-dialog--${h}`,placeholder:h=>`${ve}-placeholder-${h}`},ue={start:"start",end:"end"},w={calendar:"calendar",chevronDown:"chevron-down",chevronUp:"chevron-up"};function ge(h){if(!h)return!1;let{year:e}=F(h);return Number(e)<100}function me(h){let e=new Date().getFullYear();return Math.floor(e/100)*100+h}var P=class extends B{constructor(){super(),this.commonDateSeparators=[".","-","/"],this.dialogId=D.dialog($()),this.direction=M(),this.endInputRef=x(),this.focusOnOpen=!1,this.focusTrap=se({triggerProp:"open",focusTrapOptions:{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl?.setFocus(),this.focusOnOpen=!1)},allowOutsideClick:!0,clickOutsideDeactivates:!1,initialFocus:!1,setReturnFocus:!1,onDeactivate:()=>{this.open=!1}}})(this),this.formSupport=ne({inputType:"date"})(this),this.transitionProp="opacity",this.placeholderTextId=D.placeholder($()),this.rangeStartValueChangedByUser=!1,this.startInputRef=x(),this.transitionRef=x(),this.userChangedValue=!1,this._value="",this.valueAsDateChangedExternally=!1,this.messages=q({blocking:!0}),this.focusSetter=U()(this),this.interactiveContainer=Y(this),this.topLayer=G({target:()=>this.floatingEl})(this),this.focusedInput="start",this.calendars=2,this.disabled=!1,this.clearable=!1,this.focusTrapDisabled=!1,this.layout="horizontal",this.monthStyle="wide",this.open=!1,this.overlayPositioning="absolute",this.placement=Z,this.proximitySelectionDisabled=!1,this.range=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputDatePickerBeforeClose=f({cancelable:!1}),this.calciteInputDatePickerBeforeOpen=f({cancelable:!1}),this.calciteInputDatePickerChange=f({cancelable:!1}),this.calciteInputDatePickerClose=f({cancelable:!1}),this.calciteInputDatePickerOpen=f({cancelable:!1}),re(this),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.handleDateTimeFormatChange()}static{this.properties={datePickerActiveDate:[16,{},{state:!0}],focusedInput:[16,{},{state:!0}],localeData:[16,{},{state:!0}],calendars:[11,{},{type:Number,reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],label:1,labelText:1,layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,name:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placement:[3,{},{reflect:!0}],proximitySelectionDisabled:[5,{},{type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:L},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}get value(){return this._value}set value(e){let t=e!==this._value,a=e===""&&(this.startInputRef.value?.value!==""||this.endInputRef.value?.value!=="");(t||a)&&(this._value=e,this.valueWatcher(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:a,placement:i,overlayPositioning:l,filteredFlipPlacements:r}=this;return Q(this,{direction:this.direction,floatingEl:t,referenceEl:a,overlayPositioning:l,placement:i,flipPlacements:r,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback();let{open:e}=this;e&&this.openHandler(),this.setFilteredPlacements(),k(this)}async load(){this.handleDateTimeFormatChange(),await this.loadLocaleData()}willUpdate(e){e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledAndReadOnlyChange(this.disabled),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&this.handleDisabledAndReadOnlyChange(this.readOnly),e.has("flipPlacements")&&this.flipPlacementsHandler();let t=R(e,"min"),a=R(e,"max");if(t==="min"?this.minAsDate=s(this.min):t==="minAsDate"&&(this.minAsDate=s(p(this.minAsDate))),a==="max"?this.maxAsDate=s(this.max):a==="maxAsDate"&&(this.maxAsDate=s(p(this.maxAsDate))),(t||a)&&!Array.isArray(this.valueAsDate)){let i=I(this.valueAsDate,this.minAsDate,this.maxAsDate);i!==this.valueAsDate&&(this.valueAsDate=i)}e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")&&this.reposition(!0),(e.has("numberingSystem")||e.has("messages"))&&this.handleDateTimeFormatChange(),e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setReferenceEl(),e.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),e.has("messages")&&(this.loadLocaleData(),this.localizeInputValues())}loaded(){this.localizeInputValues(),k(this)}disconnectedCallback(){super.disconnectedCallback(),ee(this)}handleDisabledAndReadOnlyChange(e){e||(this.open=!1)}valueWatcher(e){if(!this.userChangedValue){let t;try{Array.isArray(e)?t=z(e):e?t=s(e):t=void 0}catch{Array.isArray(e)||(this.warnAboutInvalidValue(e),this.value="")}!this.valueAsDateChangedExternally&&t!==this.valueAsDate&&(this.valueAsDate=t),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(e){let t=Array.isArray(e)?[p(e[0]),p(e[1])]:p(e);this.value!==t&&(this.valueAsDateChangedExternally=!0,this.value=t,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){this.disabled||this.readOnly||(K(this),this.reposition(!0))}calciteInternalInputInputHandler(e){let t=e.target,a=t.value,i=this.parseNumerals(a),l=this.formatNumerals(i);t.value=l;let{year:r}=le(a,this.localeData);if(r&&r.length<4)return;let o=O(a,this.localeData);ce(o,this.min,this.max)&&(this.datePickerActiveDate=o)}calciteInternalInputBlurHandler(){this.commitValue()}handleDateTimeFormatChange(){let e={numberingSystem:_(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(j(S(this.messages._lang)),e)}setReferenceEl(){let{focusedInput:e,layout:t,endWrapper:a,startWrapper:i}=this;this.referenceEl=e==="end"||t==="vertical"?a||i:i||a,requestAnimationFrame(()=>k(this))}onInputWrapperPointerDown(){this.currentOpenInput=this.focusedInput}onInputWrapperClick(e){if(!e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton)||a.classList.contains(n.toggleIcon):!1)){let i=e.currentTarget.getAttribute("data-position");this.toggleInputOpen(i)}}toggleInputOpen(e){let{range:t,currentOpenInput:a}=this;(!t||!this.open||a===e)&&(this.open=!this.open)}toggleSingleOpenClickHandler(){this.startInputRef.value?.setFocus(),this.open=!this.open}toggleRangeOpenClickHandler(e){let t=e??this.focusedInput,a=!this.open||this.focusedInput===t;this.focusedInput=t,this.focusInput(),a&&(this.open=!this.open)}onVerticalActionsContainerClick(e){this.disabled||this.readOnly||e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton):!1)||this.toggleRangeOpenClickHandler()}clearValue(){this.range?this.setRangeValue([void 0,void 0]):this.setValue(void 0),this.localizeInputValues()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?J(t,e):void 0}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrap.activate(),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),X(this),this.focusTrap.deactivate(),this.focusOnOpen=!1,this.datePickerEl?.reset(),this.topLayer.hide()}blurHandler(){this.open=!1}commitValue(){let{focusedInput:e,value:t}=this,a=this.getInputRef(e),i=a.value?O(a.value?.value,this.localeData):void 0,l=p(i),r=Array.isArray(t);if(this.range){let o=e==="start"?0:1;if(r){if(l===t[o])return;i?(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues()):this.setRangeValue([e==="end"?s(t[0]):void 0,e==="start"?s(t[1]):void 0])}else i&&(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues())}else{if(l===t)return;this.setValue(i),this.localizeInputValues()}}keyDownHandler(e){let{defaultPrevented:t,key:a}=e;if(t)return;let i=e.composedPath().some(de);if(a==="Enter"){let l=this.value;this.commitValue();let r=this.shouldFocusRangeEnd(),o=!r&&this.shouldFocusRangeStart();if(r||o){e.preventDefault(),r?this.endInputRef.value?.setFocus():o&&this.startInputRef.value?.setFocus();return}if(this.open)this.restoreInputFocus(!0),e.preventDefault();else{let d=this.formSupport.active;(l!==this.value||d)&&e.preventDefault(),d&&this.formSupport.requestSubmit()}}else if((a==="ArrowDown"||a==="ArrowUp")&&!i)this.open=!0,this.focusOnOpen=!0,e.preventDefault();else if(a==="Escape"){let l=this.open,r=this.range?Array.isArray(this.value)&&(!!this.value[0]||!!this.value[1]):!!this.value,o=!this.disabled&&!this.readOnly&&this.clearable&&r;o&&this.clearValue(),l&&(this.open=!1,this.restoreInputFocus(!0)),(l||o)&&e.preventDefault()}}startInputFocus(){this.focusedInput="start"}endInputFocus(){this.focusedInput="end"}setFloatingEl(e){this.floatingEl=e,k(this)}setStartWrapper(e){this.startWrapper=e,this.setReferenceEl()}setEndWrapper(e){this.endWrapper=e,this.setReferenceEl()}setDatePickerRef(e){this.datePickerEl=e,e&&this.focusTrap.overrideFocusTrapEl(e)}async loadLocaleData(){if(!1)return;let e=S(this.messages._lang);b.numberFormatOptions={numberingSystem:this.numberingSystem,locale:e,useGrouping:!1},this.localeData=await oe(e),this.localizeInputValues()}handleDateChange(e){this.range||(e.stopPropagation(),this.setValue(e.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())}shouldFocusRangeStart(){let e=this.value[0];return!!(this.value[1]&&!e&&this.focusedInput==="end"&&this.startInputRef)}shouldFocusRangeEnd(){let e=this.value[0],t=this.value[1];return!!(e&&!t&&this.focusedInput==="start"&&this.endInputRef)}handleDateRangeChange(e){if(!this.range)return;e.stopPropagation();let t=e.target.valueAsDate;this.setRangeValue(t),this.localizeInputValues(),this.restoreInputFocus()}restoreInputFocus(e=!1){if(!this.range){this.startInputRef.value?.setFocus(),this.open=!1;return}if(e){this.focusInput();return}this.rangeStartValueChangedByUser=this.focusedInput==="start",this.focusedInput="end",!(this.shouldFocusRangeStart()||this.rangeStartValueChangedByUser)&&(this.proximitySelectionDisabled&&Array.isArray(this.valueAsDate)&&this.valueAsDate[1]===void 0||(this.open=!1,this.focusInput()))}localizeInputValues(){let e=I(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),t=this.range?I(Array.isArray(this.valueAsDate)&&this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0;this.setInputValue((e&&this.dateTimeFormat?.format(e))??"","start"),this.setInputValue(this.range&&t&&this.dateTimeFormat?.format(t)||"","end")}getInputRef(e="start"){return e==="start"?this.startInputRef:this.endInputRef}setInputValue(e,t="start"){let a=this.getInputRef(t);a.value&&(a.value.value=e)}setRangeValue(e){if(!this.range)return;let{value:t}=this,a=Array.isArray(t),i=Array.isArray(e),l=i?e[0]:void 0,r=i?p(l):"";r&&(r=this.getNormalizedDate(r));let o=i?e[1]:void 0,d=i?p(o):"";d&&(d=this.getNormalizedDate(d));let v=r||d?[r,d]:"";if(v===t)return;this.userChangedValue=!0,this.value=v,this.valueAsDate=v?z(v):void 0;let y=this.calciteInputDatePickerChange.emit();y&&y.defaultPrevented&&(this.value=t,a?(this.setInputValue(t[0],"start"),this.setInputValue(t[1],"end")):(this.value=t,this.setInputValue(t)))}setValue(e){if(this.range)return;let t=this.value,a=p(e);if(a=this.getNormalizedDate(a),a===t)return;this.userChangedValue=!0,this.valueAsDate=a?s(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=t,this.setInputValue(t))}warnAboutInvalidValue(e){H.warn(`The specified value "${e}" does not conform to the required format, "YYYY-MM-DD".`)}formatNumerals(e){return e?e.split("").map(t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:A?.includes(t)?b?.numberFormatter?.format(Number(t)):t).join(""):""}parseNumerals(e){return e?e.split("").map(t=>A.includes(t)?b.delocalize(t):t).join(""):""}getNormalizedDate(e){if(!e)return"";if(!ge(e))return e;let{day:t,month:a,year:i}=F(e);return`${me(Number(i))}-${a}-${t}`}focusInput(){(this.focusedInput==="start"?this.startInputRef:this.endInputRef).value?.setFocus()}render(){let{disabled:e,messages:{_lang:t},messages:a,numberingSystem:i,readOnly:l}=this;b.numberFormatOptions={numberingSystem:i,locale:t,useGrouping:!1};let r=this.range?Array.isArray(this.value)&&!!this.value[0]:!!this.value,o=this.range&&Array.isArray(this.value)&&!!this.value[1],d=!e&&!l,v=this.range&&this.clearable&&d&&(r||o),y=!this.range&&this.clearable&&d&&r,T=u`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`;return this.interactiveContainer({disabled:this.disabled,children:u`${this.labelText&&ae({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${c(n.container)}><div aria-label=${te(this)??g} .ariaRequired=${this.required} class=${c(n.inputContainer)} role=group><div class=${c(n.inputWrapper)} data-position=${ue.start} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-describedby=${this.placeholderTextId??g} aria-errormessage=${D.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status==="invalid"} class=${c({[n.input]:!0,[n.startInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.range?this.messages.startDate:this.messages.date} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.startInputRef)}></calcite-input-text><span aria-hidden=true class=${c(n.assistiveText)} id=${this.placeholderTextId??g}>${this.placeholder||a.dateFormat.replace("{format}",this.localeData?.placeholder)}</span>${!this.range&&!this.readOnly?u`<div class=${c(n.horizontalActionsContainer)}>${y?u`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`:null}${this.renderToggleIcon(this.open&&this.focusedInput==="start",this.toggleSingleOpenClickHandler)}</div>`:null}</div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite class=${c(n.menu)} id=${this.dialogId??g} popover=manual role=dialog ${m(this.setFloatingEl)}><div class=${c({[n.calendarWrapper]:!0,[C.animation]:!0,[C.animationActive]:this.open})} ${m(this.transitionRef)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .calendars=${this.calendars} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open?void 0:-1)??g} .valueAsDate=${this.valueAsDate} ${m(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range&&u`<div class=${c(n.dividerContainer)}><div class=${c(n.divider)}></div></div>`||""}${this.range&&u`<div class=${c(n.inputWrapper)} data-position=${ue.end} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${c({[n.input]:!0,[n.endInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.messages.endDate} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.endInputRef)}></calcite-input-text>${this.layout==="horizontal"&&!this.readOnly?u`<div class=${c(n.horizontalActionsContainer)}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler("end"))}</div>`:null}</div>`||""}</div>${this.range&&this.layout==="vertical"&&!this.readOnly?u`<div class=${c(n.verticalActionsContainer)} @click=${this.onVerticalActionsContainerClick}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler())}</div>`:null}</div>${this.validationMessage&&this.status==="invalid"?ie({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderToggleIcon(e,t){return u`<span class=${c(n.toggleIcon)} @click=${t} tabindex=-1><calcite-icon class=${c(n.chevronIcon)} .icon=${e?w.chevronUp:w.chevronDown} .scale=${N(this.scale)}></calcite-icon></span>`}};W("calcite-input-date-picker",P);export{P as InputDatePicker};
|
|
2
|
+
import{c as de}from"./MEMTVARL.js";import{a as se}from"./J465ZKXU.js";import{a as V}from"./WMDST3LT.js";import{a as oe,b as S,c as z,d as R}from"./PAXGHTOR.js";import{a as ce,b as I,c as s,d as O,g as le,h as p,i as F}from"./EBOXRR6V.js";import{g as _,h as j,j as b}from"./7JTNOUOP.js";import{a as ie}from"./P5IMTQUV.js";import{a as ae}from"./J7ID2KKY.js";import{c as ne}from"./BC4WWVNB.js";import{a as te}from"./DKJI4BME.js";import{a as re}from"./3W52IHUK.js";import{a as G}from"./W26UYAQV.js";import{a as Z,c as C,d as J,e as Q,f as X,g as k,h as ee}from"./SDI2VF3R.js";import{a as K}from"./SAZM37N6.js";import{a as Y}from"./RKDLG2E5.js";import"./3XS7XZAX.js";import{b as A}from"./YP3AYJH3.js";import{a as $}from"./T6CCMW7H.js";import{a as q}from"./JN35IORQ.js";import"./VUYX7MNO.js";import{a as U}from"./QPFVE276.js";import{a as N}from"./ZWPNZ5XW.js";import{e as M}from"./FGOQ6A5D.js";import"./JGUON2MK.js";import"./7FW2RVVH.js";import{E as x,F as m,G as B,H as c,L,Q as H,T as W,g as E,h as u,l as g,p as f}from"./NL5NJY7Y.js";var he=E`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host .menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}:host .menu-container:popover-open{display:block}:host .menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;box-shadow:var(--calcite-input-date-picker-shadow, var(--calcite-shadow-none))}:host .menu-container .calcite-floating-ui-anim{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-md))}:host([scale=s]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-2xs);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-spacing-lg))}:host([scale=s]) .clear-button{block-size:var(--calcite-space-2xl)}:host([scale=m]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-spacing-xxl))}:host([scale=m]) .clear-button{block-size:var(--calcite-space-3xl)}:host([scale=l]){--calcite-internal-date-picker-toggle-spacing: var(--calcite-space-sm-plus);--calcite-internal-input-text-input-padding-inline-end: calc(var(--calcite-internal-date-picker-toggle-spacing) + var(--calcite-spacing-xxxl))}:host([scale=l]) .clear-button{block-size:var(--calcite-space-4xl)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{box-shadow:var(--calcite-input-date-picker-calendar-shadow, var(--calcite-shadow-none));transform:translateZ(0)}.input-container,.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.input-wrapper:is(:focus-within,:hover) .chevron-icon,.input-wrapper:is(:focus-within,:hover)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}.input-wrapper:is(:focus-within,:active) .chevron-icon,.input-wrapper:is(:focus-within,:active)~.input-wrapper .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.horizontal-actions-container{position:absolute;display:flex;align-items:center;inset-inline-end:var(--calcite-border-width-sm);inset-block:var(--calcite-space-none)}.horizontal-actions-container .toggle-icon{position:relative;inset:unset;block-size:100%}.vertical-actions-container{display:flex;align-items:center;border-width:var(--calcite-border-width-sm);border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-color-surface-2));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input));padding-inline:var(--calcite-space-md);padding-inline-start:var(--calcite-space-none);border-inline-start-width:var(--calcite-border-width-none)}.vertical-actions-container:hover{cursor:pointer}.vertical-actions-container .toggle-icon{position:relative;inset:unset}.vertical-actions-container .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color, var(--calcite-input-date-picker-input-action-icon-color, var(--calcite-color-text-3)))}.clear-button{display:flex}.toggle-icon{position:absolute;display:flex;align-items:center;cursor:pointer;inset-inline-end:var(--calcite-space-none);inset-block:var(--calcite-space-none);padding-inline:var(--calcite-internal-date-picker-toggle-spacing);padding-inline-start:var(--calcite-space-none)}:host([range]) .container{display:flex}:host([range]) .input-container{display:flex;flex:1 1 auto}:host([range]) .input-wrapper{flex:1 1 auto}.divider-container{display:flex;align-items:stretch;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;background-color:var(--calcite-input-date-picker-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-input-date-picker-border-color, var(--calcite-color-border-input))}:host([layout=horizontal]) .divider-container{inline-size:var(--calcite-spacing-px)}.divider{display:inline-block;margin-block:var(--calcite-spacing-xxs);background-color:var(--calcite-input-date-picker-divider-color, var(--calcite-color-border-2));inline-size:var(--calcite-spacing-px)}:host([layout=vertical]) .divider-container{height:1px;border-top-width:0px;border-bottom-width:0px;border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-none);inline-size:calc(100% - var(--calcite-space-md));padding-inline:var(--calcite-space-md)}:host([layout=vertical]) .divider-container .divider{margin-top:0;margin-bottom:0;height:1px;width:100%}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical]) .vertical-actions-container .toggle-icon{cursor:default;pointer-events:none}:host([range][layout=vertical]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-md)}:host([range][layout=vertical]) .clear-button{margin-inline-start:var(--calcite-space-md)}.menu-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.menu-container{opacity:0;inset-block-start:0;left:0}}.menu-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.menu-container:popover-open{display:block}.menu-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.menu-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.menu-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.menu-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=s]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=s]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .divider-container{inline-size:calc(100% - var(--calcite-space-sm));padding-inline:var(--calcite-space-sm)}:host([range][layout=vertical][scale=s]) .clear-button{margin-inline-start:var(--calcite-space-sm)}:host([range][layout=vertical][scale=l]) .vertical-actions-container{padding-inline-end:var(--calcite-space-none)}:host([range][layout=vertical][scale=l]) .vertical-actions-container:not(:has(.clear-button)) .toggle-icon{padding-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .divider-container{inline-size:calc(100% - var(--calcite-space-lg));padding-inline:var(--calcite-space-lg)}:host([range][layout=vertical][scale=l]) .clear-button{margin-inline-start:var(--calcite-space-lg)}:host([range][layout=vertical]) .input-container:has(.input-wrapper:focus-within,.input-wrapper:hover)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:hover .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1)))}:host([range][layout=vertical]) .input-container:has(.input-wrapper:active)+.vertical-actions-container .chevron-icon,:host([range][layout=vertical]) .vertical-actions-container:active .chevron-icon{color:var(--calcite-input-date-picker-actions-icon-color-hover, var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1)))}.input{--calcite-input-text-background-color: var(--calcite-input-date-picker-background-color);--calcite-input-text-border-color: var(--calcite-input-date-picker-border-color);--calcite-input-text-corner-radius: var(--calcite-input-date-picker-corner-radius, var(--calcite-corner-radius));--calcite-input-text-shadow: var(--calcite-input-date-picker-shadow);--calcite-input-text-icon-color: var(--calcite-input-date-picker-icon-color);--calcite-input-text-text-color: var(--calcite-input-date-picker-text-color);--calcite-input-text-placeholder-text-color: var(--calcite-input-date-picker-placeholder-text-color)}:host([range]) .input--start{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}:host([layout=vertical][range]) .input--start{--calcite-internal-input-text-icon-border-block-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-end-width: var(--calcite-border-width-none)}:host([layout=horizontal]) .input--end{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=start] .input--start{--calcite-internal-input-text-focus-outline-color: transparent}:host([status=invalid][range][layout=horizontal]) .container:has(.input-wrapper[data-position=end]:focus-within) .input-wrapper[data-position=end]{--calcite-input-date-picker-border-color: var(--calcite-color-status-danger);outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=vertical]) .input--end{--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none);--calcite-internal-input-text-input-border-block-start-width: var(--calcite-border-width-none);--calcite-internal-input-text-icon-border-block-start-width: var(--calcite-border-width-none)}:host([range][layout=vertical][read-only]) :is(.input--start,.input--end){--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-sm)}:host([range][layout=vertical][read-only]) .divider-container{box-sizing:border-box;border-inline-end-width:var(--calcite-border-width-sm);inline-size:100%}calcite-date-picker{--calcite-date-picker-border-color: var(--calcite-input-date-picker-calendar-border-color);--calcite-date-picker-corner-radius: var( --calcite-input-date-picker-calendar-corner-radius, var(--calcite-corner-radius-sm) );--calcite-date-picker-range-calendar-divider-color: var(--calcite-input-date-picker-calendar-range-divider-color);--calcite-date-picker-week-header-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-header-action-background-color: var( --calcite-input-date-picker-calendar-actions-background-color );--calcite-date-picker-header-action-background-color-hover: var( --calcite-input-date-picker-calendar-actions-background-color-hover );--calcite-date-picker-header-action-background-color-press: var( --calcite-input-date-picker-calendar-actions-background-color-press );--calcite-date-picker-header-action-text-color: var(--calcite-input-date-picker-calendar-actions-text-color);--calcite-date-picker-header-action-text-color-press: var( --calcite-input-date-picker-calendar-actions-text-color-press );--calcite-date-picker-year-text-color: var(--calcite-input-date-picker-calendar-text-color);--calcite-date-picker-month-select-text-color: var(--calcite-input-date-picker-calendar-month-select-text-color);--calcite-date-picker-month-select-icon-color: var(--calcite-input-date-picker-calendar-icon-color);--calcite-date-picker-month-select-icon-color-hover: var(--calcite-input-date-picker-calendar-icon-color-hover);--calcite-date-picker-day-background-color: var(--calcite-input-date-picker-calendar-day-background-color);--calcite-date-picker-day-background-color-hover: var( --calcite-input-date-picker-calendar-day-background-color-hover );--calcite-date-picker-day-background-color-selected: var( --calcite-input-date-picker-calendar-selected-background-color );--calcite-date-picker-day-text-color: var(--calcite-input-date-picker-calendar-day-text-color);--calcite-date-picker-day-text-color-hover: var(--calcite-input-date-picker-calendar-day-text-color-hover);--calcite-date-picker-day-text-color-selected: var(--calcite-input-date-picker-calendar-day-text-color-selected);--calcite-date-picker-current-day-text-color: var( --calcite-input-date-picker-calendar-current-day-text-color, var(--calcite-input-date-picker-calendar-day-current-text-color) );--calcite-date-picker-day-range-text-color: var(--calcite-input-date-picker-calendar-day-range-text-color);--calcite-date-picker-day-range-background-color: var( --calcite-input-date-picker-calendar-day-range-background-color );--calcite-date-picker-day-outside-range-background-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-background-color-hover );--calcite-date-picker-day-outside-range-text-color-hover: var( --calcite-input-date-picker-calendar-day-outside-range-text-color-hover )}.assistive-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-date-picker-input-action-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-date-picker-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-date-picker-input-action-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-date-picker-input-action-background-color-press, var(--calcite-input-date-picker-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-date-picker-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}`,n={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",clearButton:"clear-button",container:"container",dividerContainer:"divider-container",divider:"divider",endInput:"input--end",inputContainer:"input-container",horizontalActionsContainer:"horizontal-actions-container",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",toggleIcon:"toggle-icon",startInput:"input--start",verticalActionsContainer:"vertical-actions-container",chevronIcon:"chevron-icon"},ve="calcite-input-date-picker",D={validationMessage:"inputDatePickerValidationMessage",dialog:h=>`date-picker-dialog--${h}`,placeholder:h=>`${ve}-placeholder-${h}`},ue={start:"start",end:"end"},w={calendar:"calendar",chevronDown:"chevron-down",chevronUp:"chevron-up"};function ge(h){if(!h)return!1;let{year:e}=F(h);return Number(e)<100}function me(h){let e=new Date().getFullYear();return Math.floor(e/100)*100+h}var P=class extends B{constructor(){super(),this.commonDateSeparators=[".","-","/"],this.dialogId=D.dialog($()),this.direction=M(),this.endInputRef=x(),this.focusOnOpen=!1,this.focusTrap=se({triggerProp:"open",focusTrapOptions:{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl?.setFocus(),this.focusOnOpen=!1)},allowOutsideClick:!0,clickOutsideDeactivates:!1,initialFocus:!1,setReturnFocus:!1,onDeactivate:()=>{this.open=!1}}})(this),this.formSupport=ne({inputType:"date"})(this),this.transitionProp="opacity",this.placeholderTextId=D.placeholder($()),this.rangeStartValueChangedByUser=!1,this.startInputRef=x(),this.transitionRef=x(),this.userChangedValue=!1,this._value="",this.valueAsDateChangedExternally=!1,this.messages=q({blocking:!0}),this.focusSetter=U()(this),this.interactiveContainer=Y(this),this.topLayer=G({target:()=>this.floatingEl})(this),this.focusedInput="start",this.calendars=2,this.disabled=!1,this.clearable=!1,this.focusTrapDisabled=!1,this.layout="horizontal",this.monthStyle="wide",this.open=!1,this.overlayPositioning="absolute",this.placement=Z,this.proximitySelectionDisabled=!1,this.range=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputDatePickerBeforeClose=f({cancelable:!1}),this.calciteInputDatePickerBeforeOpen=f({cancelable:!1}),this.calciteInputDatePickerChange=f({cancelable:!1}),this.calciteInputDatePickerClose=f({cancelable:!1}),this.calciteInputDatePickerOpen=f({cancelable:!1}),re(this),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.handleDateTimeFormatChange()}static{this.properties={datePickerActiveDate:[16,{},{state:!0}],focusedInput:[16,{},{state:!0}],localeData:[16,{},{state:!0}],calendars:[11,{},{type:Number,reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],label:1,labelText:1,layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,name:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placement:[3,{},{reflect:!0}],proximitySelectionDisabled:[5,{},{type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:L},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}get value(){return this._value}set value(e){let t=e!==this._value,a=e===""&&(this.startInputRef.value?.value!==""||this.endInputRef.value?.value!=="");(t||a)&&(this._value=e,this.valueWatcher(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:a,placement:i,overlayPositioning:l,filteredFlipPlacements:r}=this;return Q(this,{direction:this.direction,floatingEl:t,referenceEl:a,overlayPositioning:l,placement:i,flipPlacements:r,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback();let{open:e}=this;e&&this.openHandler(),this.setFilteredPlacements(),k(this)}async load(){this.handleDateTimeFormatChange(),await this.loadLocaleData()}willUpdate(e){e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledAndReadOnlyChange(this.disabled),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&this.handleDisabledAndReadOnlyChange(this.readOnly),e.has("flipPlacements")&&this.flipPlacementsHandler();let t=R(e,"min"),a=R(e,"max");if(t==="min"?this.minAsDate=s(this.min):t==="minAsDate"&&(this.minAsDate=s(p(this.minAsDate))),a==="max"?this.maxAsDate=s(this.max):a==="maxAsDate"&&(this.maxAsDate=s(p(this.maxAsDate))),(t||a)&&!Array.isArray(this.valueAsDate)){let i=I(this.valueAsDate,this.minAsDate,this.maxAsDate);i!==this.valueAsDate&&(this.valueAsDate=i)}e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")&&this.reposition(!0),(e.has("numberingSystem")||e.has("messages"))&&this.handleDateTimeFormatChange(),e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setReferenceEl(),e.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),e.has("messages")&&(this.loadLocaleData(),this.localizeInputValues())}loaded(){this.localizeInputValues(),k(this)}disconnectedCallback(){super.disconnectedCallback(),ee(this)}handleDisabledAndReadOnlyChange(e){e||(this.open=!1)}valueWatcher(e){if(!this.userChangedValue){let t;try{Array.isArray(e)?t=z(e):e?t=s(e):t=void 0}catch{Array.isArray(e)||(this.warnAboutInvalidValue(e),this.value="")}!this.valueAsDateChangedExternally&&t!==this.valueAsDate&&(this.valueAsDate=t),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(e){let t=Array.isArray(e)?[p(e[0]),p(e[1])]:p(e);this.value!==t&&(this.valueAsDateChangedExternally=!0,this.value=t,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){this.disabled||this.readOnly||(K(this),this.reposition(!0))}calciteInternalInputInputHandler(e){let t=e.target,a=t.value,i=this.parseNumerals(a),l=this.formatNumerals(i);t.value=l;let{year:r}=le(a,this.localeData);if(r&&r.length<4)return;let o=O(a,this.localeData);ce(o,this.min,this.max)&&(this.datePickerActiveDate=o)}calciteInternalInputBlurHandler(){this.commitValue()}handleDateTimeFormatChange(){let e={numberingSystem:_(this.numberingSystem)};this.dateTimeFormat=new Intl.DateTimeFormat(j(S(this.messages._lang)),e)}setReferenceEl(){let{focusedInput:e,layout:t,endWrapper:a,startWrapper:i}=this;this.referenceEl=e==="end"||t==="vertical"?a||i:i||a,requestAnimationFrame(()=>k(this))}onInputWrapperPointerDown(){this.currentOpenInput=this.focusedInput}onInputWrapperClick(e){if(!e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton)||a.classList.contains(n.toggleIcon):!1)){let i=e.currentTarget.getAttribute("data-position");this.toggleInputOpen(i)}}toggleInputOpen(e){let{range:t,currentOpenInput:a}=this;(!t||!this.open||a===e)&&(this.open=!this.open)}toggleSingleOpenClickHandler(){this.startInputRef.value?.setFocus(),this.open=!this.open}toggleRangeOpenClickHandler(e){let t=e??this.focusedInput,a=!this.open||this.focusedInput===t;this.focusedInput=t,this.focusInput(),a&&(this.open=!this.open)}onVerticalActionsContainerClick(e){this.disabled||this.readOnly||e.composedPath().some(a=>a instanceof HTMLElement?a.classList.contains(n.clearButton):!1)||this.toggleRangeOpenClickHandler()}clearValue(){this.range?this.setRangeValue([void 0,void 0]):this.setValue(void 0),this.localizeInputValues()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?J(t,e):void 0}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrap.activate(),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),X(this),this.focusTrap.deactivate(),this.focusOnOpen=!1,this.datePickerEl?.reset(),this.topLayer.hide()}blurHandler(){this.open=!1}commitValue(){let{focusedInput:e,value:t}=this,a=this.getInputRef(e),i=a.value?O(a.value?.value,this.localeData):void 0,l=p(i),r=Array.isArray(t);if(this.range){let o=e==="start"?0:1;if(r){if(l===t[o])return;i?(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues()):this.setRangeValue([e==="end"?s(t[0]):void 0,e==="start"?s(t[1]):void 0])}else i&&(this.setRangeValue([e==="start"?i:s(t[0]),e==="end"?i:s(t[1])]),this.localizeInputValues())}else{if(l===t)return;this.setValue(i),this.localizeInputValues()}}keyDownHandler(e){let{defaultPrevented:t,key:a}=e;if(t)return;let i=e.composedPath().some(de);if(a==="Enter"){let l=this.value;this.commitValue();let r=this.shouldFocusRangeEnd(),o=!r&&this.shouldFocusRangeStart();if(r||o){e.preventDefault(),r?this.endInputRef.value?.setFocus():o&&this.startInputRef.value?.setFocus();return}if(this.open)this.restoreInputFocus(!0),e.preventDefault();else{let d=this.formSupport.active;(l!==this.value||d)&&e.preventDefault(),d&&this.formSupport.requestSubmit()}}else if((a==="ArrowDown"||a==="ArrowUp")&&!i)this.open=!0,this.focusOnOpen=!0,e.preventDefault();else if(a==="Escape"){let l=this.open,r=this.range?Array.isArray(this.value)&&(!!this.value[0]||!!this.value[1]):!!this.value,o=!this.disabled&&!this.readOnly&&this.clearable&&r;o&&this.clearValue(),l&&(this.open=!1,this.restoreInputFocus(!0)),(l||o)&&e.preventDefault()}}startInputFocus(){this.focusedInput="start"}endInputFocus(){this.focusedInput="end"}setFloatingEl(e){this.floatingEl=e,k(this)}setStartWrapper(e){this.startWrapper=e,this.setReferenceEl()}setEndWrapper(e){this.endWrapper=e,this.setReferenceEl()}setDatePickerRef(e){this.datePickerEl=e,e&&this.focusTrap.overrideFocusTrapEl(e)}async loadLocaleData(){if(!1)return;let e=S(this.messages._lang);b.numberFormatOptions={numberingSystem:this.numberingSystem,locale:e,useGrouping:!1},this.localeData=await oe(e),this.localizeInputValues()}handleDateChange(e){this.range||(e.stopPropagation(),this.setValue(e.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())}shouldFocusRangeStart(){let e=this.value[0];return!!(this.value[1]&&!e&&this.focusedInput==="end"&&this.startInputRef)}shouldFocusRangeEnd(){let e=this.value[0],t=this.value[1];return!!(e&&!t&&this.focusedInput==="start"&&this.endInputRef)}handleDateRangeChange(e){if(!this.range)return;e.stopPropagation();let t=e.target.valueAsDate;this.setRangeValue(t),this.localizeInputValues(),this.restoreInputFocus()}restoreInputFocus(e=!1){if(!this.range){this.startInputRef.value?.setFocus(),this.open=!1;return}if(e){this.focusInput();return}this.rangeStartValueChangedByUser=this.focusedInput==="start",this.focusedInput="end",!(this.shouldFocusRangeStart()||this.rangeStartValueChangedByUser)&&(this.proximitySelectionDisabled&&Array.isArray(this.valueAsDate)&&this.valueAsDate[1]===void 0||(this.open=!1,this.focusInput()))}localizeInputValues(){let e=I(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),t=this.range?I(Array.isArray(this.valueAsDate)&&this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0;this.setInputValue((e&&this.dateTimeFormat?.format(e))??"","start"),this.setInputValue(this.range&&t&&this.dateTimeFormat?.format(t)||"","end")}getInputRef(e="start"){return e==="start"?this.startInputRef:this.endInputRef}setInputValue(e,t="start"){let a=this.getInputRef(t);a.value&&(a.value.value=e)}setRangeValue(e){if(!this.range)return;let{value:t}=this,a=Array.isArray(t),i=Array.isArray(e),l=i?e[0]:void 0,r=i?p(l):"";r&&(r=this.getNormalizedDate(r));let o=i?e[1]:void 0,d=i?p(o):"";d&&(d=this.getNormalizedDate(d));let v=r||d?[r,d]:"";if(v===t)return;this.userChangedValue=!0,this.value=v,this.valueAsDate=v?z(v):void 0;let y=this.calciteInputDatePickerChange.emit();y&&y.defaultPrevented&&(this.value=t,a?(this.setInputValue(t[0],"start"),this.setInputValue(t[1],"end")):(this.value=t,this.setInputValue(t)))}setValue(e){if(this.range)return;let t=this.value,a=p(e);if(a=this.getNormalizedDate(a),a===t)return;this.userChangedValue=!0,this.valueAsDate=a?s(a):void 0,this.value=a||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=t,this.setInputValue(t))}warnAboutInvalidValue(e){H.warn(`The specified value "${e}" does not conform to the required format, "YYYY-MM-DD".`)}formatNumerals(e){return e?e.split("").map(t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:A?.includes(t)?b?.numberFormatter?.format(Number(t)):t).join(""):""}parseNumerals(e){return e?e.split("").map(t=>A.includes(t)?b.delocalize(t):t).join(""):""}getNormalizedDate(e){if(!e)return"";if(!ge(e))return e;let{day:t,month:a,year:i}=F(e);return`${me(Number(i))}-${a}-${t}`}focusInput(){(this.focusedInput==="start"?this.startInputRef:this.endInputRef).value?.setFocus()}render(){let{disabled:e,messages:{_lang:t},messages:a,numberingSystem:i,readOnly:l}=this;b.numberFormatOptions={numberingSystem:i,locale:t,useGrouping:!1};let r=this.range?Array.isArray(this.value)&&!!this.value[0]:!!this.value,o=this.range&&Array.isArray(this.value)&&!!this.value[1],d=!e&&!l,v=this.range&&this.clearable&&d&&(r||o),y=!this.range&&this.clearable&&d&&r,T=u`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`;return this.interactiveContainer({disabled:this.disabled,children:u`${this.labelText&&ae({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${c(n.container)}><div aria-label=${te(this)??g} .ariaRequired=${this.required} class=${c(n.inputContainer)} role=group><div class=${c(n.inputWrapper)} data-position=${ue.start} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setStartWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-describedby=${this.placeholderTextId??g} aria-errormessage=${D.validationMessage} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog .ariaInvalid=${this.status==="invalid"} class=${c({[n.input]:!0,[n.startInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.range?this.messages.startDate:this.messages.date} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.startInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.startInputRef)}></calcite-input-text><span aria-hidden=true class=${c(n.assistiveText)} id=${this.placeholderTextId??g}>${this.placeholder||a.dateFormat.replace("{format}",this.localeData?.placeholder)}</span>${!this.range&&!this.readOnly?u`<div class=${c(n.horizontalActionsContainer)}>${y?u`<div class=${c(n.clearButton)} @click=${this.clearValue}>${V({ariaLabel:this.messages.clear,scale:this.scale,title:this.messages.clear})}</div>`:null}${this.renderToggleIcon(this.open&&this.focusedInput==="start",this.toggleSingleOpenClickHandler)}</div>`:null}</div><div .ariaHidden=${!this.open} .ariaLabel=${a.chooseDate} aria-live=polite class=${c(n.menu)} id=${this.dialogId??g} popover=manual role=dialog ${m(this.setFloatingEl)}><div class=${c({[n.calendarWrapper]:!0,[C.animation]:!0,[C.animationActive]:this.open})} ${m(this.transitionRef)}><calcite-date-picker .activeDate=${this.datePickerActiveDate} .activeRange=${this.focusedInput} .calendars=${this.calendars} .headingLevel=${this.headingLevel} .layout=${this.layout} .max=${this.max} .maxAsDate=${this.maxAsDate} .messageOverrides=${this.messageOverrides} .min=${this.min} .minAsDate=${this.minAsDate} .monthStyle=${this.monthStyle} .numberingSystem=${i} @calciteDatePickerChange=${this.handleDateChange} @calciteDatePickerRangeChange=${this.handleDateRangeChange} .proximitySelectionDisabled=${this.proximitySelectionDisabled} .range=${this.range} .scale=${this.scale} tabindex=${(this.open?void 0:-1)??g} .valueAsDate=${this.valueAsDate} ${m(this.setDatePickerRef)}></calcite-date-picker></div></div>${this.range&&u`<div class=${c(n.dividerContainer)}><div class=${c(n.divider)}></div></div>`||""}${this.range&&u`<div class=${c(n.inputWrapper)} data-position=${ue.end} @click=${this.onInputWrapperClick} @pointerdown=${this.onInputWrapperPointerDown} ${m(this.setEndWrapper)}><calcite-input-text aria-controls=${this.dialogId??g} aria-autocomplete=none .ariaExpanded=${this.open} aria-haspopup=dialog class=${c({[n.input]:!0,[n.endInput]:!0})} .disabled=${e} .icon=${w.calendar} .label=${this.messages.endDate} @calciteInputTextInput=${this.calciteInternalInputInputHandler} @calciteInternalInputTextBlur=${this.calciteInternalInputBlurHandler} @calciteInternalInputTextFocus=${this.endInputFocus} .placeholder=${this.placeholder||this.localeData?.placeholder} .readOnly=${l} role=combobox .scale=${this.scale} .status=${this.status} ${m(this.endInputRef)}></calcite-input-text>${this.layout==="horizontal"&&!this.readOnly?u`<div class=${c(n.horizontalActionsContainer)}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler("end"))}</div>`:null}</div>`||""}</div>${this.range&&this.layout==="vertical"&&!this.readOnly?u`<div class=${c(n.verticalActionsContainer)} @click=${this.onVerticalActionsContainerClick}>${v?T:null}${this.renderToggleIcon(this.open,()=>this.toggleRangeOpenClickHandler())}</div>`:null}</div>${this.validationMessage&&this.status==="invalid"?ie({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderToggleIcon(e,t){return u`<span class=${c(n.toggleIcon)} @click=${t} tabindex=-1><calcite-icon class=${c(n.chevronIcon)} .icon=${e?w.chevronUp:w.chevronDown} .scale=${N(this.scale)}></calcite-icon></span>`}};W("calcite-input-date-picker",P);export{P as InputDatePicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b,b as v,j as o,m as C,n as I,q as w}from"./4LEBB4XV.js";import"./VB2UW3NC.js";import{a as F}from"./LPAJ6DCW.js";import"./YP3AYJH3.js";import"./TZ4OVJER.js";import{F as $,G as A,H as u,T as R,g as x,h as g,p as y}from"./HXR7ZQV4.js";var D={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",month:"month",noncurrent:"noncurrent",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},Y=x`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-2))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal][calendars="2"]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical][calendars="2"]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,m=7,M=6,P=42,S=class extends A{constructor(){super(),this.activeFocus=!1,this.storeDayRef=e=>{e?.active&&this.activeFocus&&e.setFocus()},this.activeDate=new Date,this.calendars=2,this.range=!1,this.calciteInternalDatePickerDayHover=y({cancelable:!1}),this.calciteInternalDatePickerDaySelect=y({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=y({cancelable:!1}),this.calciteInternalDatePickerMonthChange=y({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=y({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],calendars:[11,{},{type:Number,reflect:!0}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=Y}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:v(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),r=[];if(n===(t+M)%m)return r;if(n===t)return[i];for(let l=(m+n-t)%m;l>=0;l--)r.push(i-l);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%m)return i;for(let n=0;n<(M-(s-t))%m;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(o(e,this.selectedDate)||this.startDate&&o(e,this.startDate)||this.endDate&&o(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!o(this.startDate,this.endDate)&&o(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!o(this.startDate,this.endDate)&&o(this.endDate,e)||!this.endDate&&this.hoverRange&&o(this.startDate,this.hoverRange.end)&&o(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a&&a>this.startDate,i=this.endDate&&a&&a<this.endDate,n=this.startDate&&e&&e>this.startDate,r=this.endDate&&e&&e<this.endDate,l=!t&&this.startDate&&s&&(!this.endDate||i),c=t&&this.startDate&&n&&r;return!!(l||c)}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=!!(a&&e>a&&this.startDate&&e<this.startDate),r=!!(t&&e<t&&this.endDate&&e>this.endDate),l=!!(t&&e>t&&this.endDate&&e<this.endDate),c=!!(a&&e<a&&this.startDate&&e>this.startDate),h=!!(t&&e<t&&this.startDate&&e>this.startDate),d=!!(a&&e>a&&this.endDate&&e<this.endDate),f=this.startDate&&this.endDate;if(i){if(f)return s?!!(this.endDate&&e<this.endDate)&&(c||n):l||r;if(this.startDate&&!this.endDate)return s?n:h;if(!this.startDate&&this.endDate)return s?d:r}else if(f)return s?n:r;return!1}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let r=this.activeDate.getFullYear();return[...e.map(c=>({active:!1,day:c,date:new Date(r,i-1,c)})),...a.map(c=>{let h=new Date(r,i,c),d=o(h,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?o(h,this.focusedDate):o(h,this.startDate)||o(h,this.endDate),currentMonth:!0,currentDay:d,day:c,date:h}}),...t.map(c=>({active:!1,day:c,date:new Date(r,n,c)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:C(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,r=this.scale==="s"?n||i||s:i||s||n,l=[...r.slice(t,7),...r.slice(0,t)],c=this.getCurrentMonthDays(e,a),h=this.getPreviousMonthDays(e,a,t),d=this.getNextMonthDays(e,a,t),f=c.length+h.length+d.length;if(f<P){let N=d.length?d[d.length-1]:0;for(let k=1;k<=P-f;k++)d.push(N+k)}let p=e+1,H=this.getPreviousMonthDays(p,a,t),E=this.getCurrentMonthDays(p,a),z=this.getNextMonthDays(p,a,t),O=this.getDays(h,c,d),B=this.getDays(H,E,z,"end");return g`<div class=${u({[D.calendarContainer]:!0})}>${this.renderCalendar(l,O)}${this.range&&this.calendars===2&&this.renderCalendar(l,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i},n){let r=b(s,this.min,this.max);return F(n,g`<div class=${u({[D.dayContainer]:!0})}><calcite-date-picker-day .active=${e} class=${u({[D.currentDay]:t,[D.noncurrent]:this.range&&this.calendars===2&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!r} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!o(this.startDate,this.endDate)} .rangeHover=${r&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${$(this.storeDayRef)}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return g`<div class=${u({[D.calendar]:!0,[D.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range&&this.calendars===2?"start":void 0} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return g`<div class=${u({[D.month]:!0})} @keydown=${this.keyDownHandler} role=grid><div class=${u({[D.weekHeaderContainer]:!0})} role=row>${e.map(i=>g`<span class=${u({[D.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[D.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};R("calcite-date-picker-month",S);export{S as DatePickerMonth};
|
|
2
|
+
import{a as b,b as v,j as o,m as C,n as I,q as w}from"./EBOXRR6V.js";import"./7JTNOUOP.js";import{a as F}from"./NTKXFIU7.js";import"./YP3AYJH3.js";import"./JGUON2MK.js";import{F as $,G as A,H as u,T as R,g as x,h as g,p as y}from"./NL5NJY7Y.js";var D={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",month:"month",noncurrent:"noncurrent",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},Y=x`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-spacing-sm);padding-block:var(--calcite-spacing-md)}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-2))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-spacing-sm);padding-block-end:var(--calcite-spacing-sm)}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-spacing-xs);padding-block-end:var(--calcite-spacing-xs)}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-spacing-xs);padding-block:var(--calcite-spacing-sm)}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .week-days{padding-inline:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-md)}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-spacing-md);padding-block:var(--calcite-spacing-md-plus)}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal][calendars="2"]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical][calendars="2"]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,m=7,M=6,P=42,S=class extends A{constructor(){super(),this.activeFocus=!1,this.storeDayRef=e=>{e?.active&&this.activeFocus&&e.setFocus()},this.activeDate=new Date,this.calendars=2,this.range=!1,this.calciteInternalDatePickerDayHover=y({cancelable:!1}),this.calciteInternalDatePickerDaySelect=y({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=y({cancelable:!1}),this.calciteInternalDatePickerMonthChange=y({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=y({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],calendars:[11,{},{type:Number,reflect:!0}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=Y}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:v(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),r=[];if(n===(t+M)%m)return r;if(n===t)return[i];for(let l=(m+n-t)%m;l>=0;l--)r.push(i-l);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%m)return i;for(let n=0;n<(M-(s-t))%m;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(o(e,this.selectedDate)||this.startDate&&o(e,this.startDate)||this.endDate&&o(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!o(this.startDate,this.endDate)&&o(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!o(this.startDate,this.endDate)&&o(this.endDate,e)||!this.endDate&&this.hoverRange&&o(this.startDate,this.hoverRange.end)&&o(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a&&a>this.startDate,i=this.endDate&&a&&a<this.endDate,n=this.startDate&&e&&e>this.startDate,r=this.endDate&&e&&e<this.endDate,l=!t&&this.startDate&&s&&(!this.endDate||i),c=t&&this.startDate&&n&&r;return!!(l||c)}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=!!(a&&e>a&&this.startDate&&e<this.startDate),r=!!(t&&e<t&&this.endDate&&e>this.endDate),l=!!(t&&e>t&&this.endDate&&e<this.endDate),c=!!(a&&e<a&&this.startDate&&e>this.startDate),h=!!(t&&e<t&&this.startDate&&e>this.startDate),d=!!(a&&e>a&&this.endDate&&e<this.endDate),f=this.startDate&&this.endDate;if(i){if(f)return s?!!(this.endDate&&e<this.endDate)&&(c||n):l||r;if(this.startDate&&!this.endDate)return s?n:h;if(!this.startDate&&this.endDate)return s?d:r}else if(f)return s?n:r;return!1}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let r=this.activeDate.getFullYear();return[...e.map(c=>({active:!1,day:c,date:new Date(r,i-1,c)})),...a.map(c=>{let h=new Date(r,i,c),d=o(h,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?o(h,this.focusedDate):o(h,this.startDate)||o(h,this.endDate),currentMonth:!0,currentDay:d,day:c,date:h}}),...t.map(c=>({active:!1,day:c,date:new Date(r,n,c)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:C(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,r=this.scale==="s"?n||i||s:i||s||n,l=[...r.slice(t,7),...r.slice(0,t)],c=this.getCurrentMonthDays(e,a),h=this.getPreviousMonthDays(e,a,t),d=this.getNextMonthDays(e,a,t),f=c.length+h.length+d.length;if(f<P){let N=d.length?d[d.length-1]:0;for(let k=1;k<=P-f;k++)d.push(N+k)}let p=e+1,H=this.getPreviousMonthDays(p,a,t),E=this.getCurrentMonthDays(p,a),z=this.getNextMonthDays(p,a,t),O=this.getDays(h,c,d),B=this.getDays(H,E,z,"end");return g`<div class=${u({[D.calendarContainer]:!0})}>${this.renderCalendar(l,O)}${this.range&&this.calendars===2&&this.renderCalendar(l,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i},n){let r=b(s,this.min,this.max);return F(n,g`<div class=${u({[D.dayContainer]:!0})}><calcite-date-picker-day .active=${e} class=${u({[D.currentDay]:t,[D.noncurrent]:this.range&&this.calendars===2&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!r} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!o(this.startDate,this.endDate)} .rangeHover=${r&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${$(this.storeDayRef)}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return g`<div class=${u({[D.calendar]:!0,[D.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range&&this.calendars===2?"start":void 0} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return g`<div class=${u({[D.month]:!0})} @keydown=${this.keyDownHandler} role=grid><div class=${u({[D.weekHeaderContainer]:!0})} role=row>${e.map(i=>g`<span class=${u({[D.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[D.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};R("calcite-date-picker-month",S);export{S as DatePickerMonth};
|