@esri/calcite-components 5.2.0-next.63 → 5.2.0-next.64
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/{UQ6RKXK5.js → 26LDKZBW.js} +1 -1
- package/dist/cdn/{C5UCS6U6.js → 2C2UU4UB.js} +1 -1
- package/dist/cdn/{T7GIVCVK.js → 2CC4TXML.js} +1 -1
- package/dist/cdn/{JB3TAHIQ.js → 2M452ZBI.js} +1 -1
- package/dist/cdn/{Q7PRU3NF.js → 2WEJB4MH.js} +1 -1
- package/dist/cdn/{VDYVIX2W.js → 33MW3GHK.js} +1 -1
- package/dist/cdn/{MG265WJU.js → 3CRWXC6F.js} +1 -1
- package/dist/cdn/{B2ZD7B6E.js → 3I7XBS7Q.js} +1 -1
- package/dist/cdn/{J33UKXKS.js → 47LROTS7.js} +1 -1
- package/dist/cdn/{GZA7VPBA.js → 4BOB7USQ.js} +1 -1
- package/dist/cdn/{2PGTXRFS.js → 4HD27M72.js} +1 -1
- package/dist/cdn/{Z2RGOJOY.js → 4HJFQWKU.js} +1 -1
- package/dist/cdn/{MNOM7GR6.js → 4VSUDBBT.js} +1 -1
- package/dist/cdn/{4RHYRDEB.js → 4W6B6AFX.js} +1 -1
- package/dist/cdn/{CSM4ARYQ.js → 4WJ7WPQX.js} +1 -1
- package/dist/cdn/{FZJA2OIT.js → 54XSUMEB.js} +1 -1
- package/dist/cdn/{RF22DLNB.js → 556DKBXM.js} +1 -1
- package/dist/cdn/{5EBPLY5B.js → 5B6CG7FD.js} +1 -1
- package/dist/cdn/{KI32FR6X.js → 5HHUBB4Q.js} +1 -1
- package/dist/cdn/{XX5RAU6D.js → 5SSKMNLH.js} +1 -1
- package/dist/cdn/{43UEGPKC.js → 5XSKZ6VC.js} +1 -1
- package/dist/cdn/{FA3DBZ4X.js → 647LHF5Z.js} +1 -1
- package/dist/cdn/{7BI6LE42.js → 64HSEOPT.js} +1 -1
- package/dist/cdn/{XOYMJYRE.js → 6H5GSM3V.js} +1 -1
- package/dist/cdn/{E5PQVCFY.js → 6JCBP7FF.js} +1 -1
- package/dist/cdn/{XLJLYWQS.js → 6SROBAPG.js} +1 -1
- package/dist/cdn/{C6OXSGBT.js → 7SNQOY3L.js} +1 -1
- package/dist/cdn/{YLVBZD7Z.js → 7XAHR43Q.js} +1 -1
- package/dist/cdn/{D53FPQD3.js → 7YROIH6H.js} +1 -1
- package/dist/cdn/{PAI3HZGK.js → A3JJ6LJL.js} +1 -1
- package/dist/cdn/{SW54LKJS.js → AA3B5KJ6.js} +1 -1
- package/dist/cdn/{FQK6ZW4X.js → AZXCTAW7.js} +1 -1
- package/dist/cdn/{DHINOPHE.js → B5NPHY6Y.js} +1 -1
- package/dist/cdn/{7DG2AQDO.js → BAGFMVB6.js} +1 -1
- package/dist/cdn/{A5C772TF.js → BC5RPLRF.js} +1 -1
- package/dist/cdn/{MCW7GMHQ.js → BEPGXBNY.js} +1 -1
- package/dist/cdn/{D63QCG5C.js → BLZCPIPZ.js} +1 -1
- package/dist/cdn/{3DQYB2Y7.js → BVBFEM4G.js} +1 -1
- package/dist/cdn/{KYXZGIV4.js → CGRBMHS5.js} +1 -1
- package/dist/cdn/{P3SDDICW.js → CNN27ILB.js} +1 -1
- package/dist/cdn/{5SA6VUDB.js → CTCDAGYW.js} +1 -1
- package/dist/cdn/{7Q2FJXC2.js → CVCJOMT3.js} +1 -1
- package/dist/cdn/{7N4ACQ5T.js → DCRLJFDF.js} +1 -1
- package/dist/cdn/{5UOXVANH.js → DLP5DXUP.js} +1 -1
- package/dist/cdn/{CAN74KX3.js → DQSYO2C7.js} +1 -1
- package/dist/cdn/{HU32LH4H.js → DQWR5AWS.js} +1 -1
- package/dist/cdn/{MENXNYN2.js → EEQX4UDG.js} +1 -1
- package/dist/cdn/{RIWRGTIY.js → EJASPYTX.js} +1 -1
- package/dist/cdn/{3M36VSLH.js → EKCZDVES.js} +1 -1
- package/dist/cdn/{I7PWHP6M.js → ENQ4ZDR7.js} +1 -1
- package/dist/cdn/{5ZAPA7YG.js → ER7W4MOS.js} +1 -1
- package/dist/cdn/{UM2SLDWY.js → EW7GKFIW.js} +1 -1
- package/dist/cdn/{3SMCLDXZ.js → F5OMVPSZ.js} +1 -1
- package/dist/cdn/{BAN6IV4T.js → FN23WIZK.js} +1 -1
- package/dist/cdn/{PV3DL5E5.js → FRYK2CT4.js} +1 -1
- package/dist/cdn/{EWBIFRNA.js → FTF7Z7VE.js} +1 -1
- package/dist/cdn/{KXAJQK6J.js → FXIGDPY7.js} +1 -1
- package/dist/cdn/{4ASAJESN.js → GGGKM4Q2.js} +1 -1
- package/dist/cdn/{GPEZLKJL.js → GO4WE4C2.js} +1 -1
- package/dist/cdn/{UFDGF2LK.js → GROKEHL5.js} +1 -1
- package/dist/cdn/{SFOSHLEC.js → H6QNSDST.js} +1 -1
- package/dist/cdn/{CKT46LQ4.js → HA5ZT3L2.js} +1 -1
- package/dist/cdn/{SH55GQIN.js → HBA3P5H3.js} +1 -1
- package/dist/cdn/{F64UB3BH.js → HRIURMVI.js} +1 -1
- package/dist/cdn/{Q5D4X7YS.js → HWCLLSHA.js} +1 -1
- package/dist/cdn/{UBKH6NPL.js → HWKBYMC2.js} +1 -1
- package/dist/cdn/{PMLFC6DY.js → HXHDFR6Q.js} +1 -1
- package/dist/cdn/{SZ3HXGPW.js → I3K7KWH6.js} +1 -1
- package/dist/cdn/{PAW7IGK7.js → I5CQQK6H.js} +1 -1
- package/dist/cdn/{ANTFJVJD.js → IDINCKYS.js} +1 -1
- package/dist/cdn/{LZGW6ERR.js → IJEFDN22.js} +1 -1
- package/dist/cdn/{G6Q5AVJR.js → IVP2TAIE.js} +1 -1
- package/dist/cdn/{ZYEVD675.js → JEMSIVFH.js} +1 -1
- package/dist/cdn/{VFRKS2NF.js → JLFMHHHY.js} +1 -1
- package/dist/cdn/{57HGPZYV.js → JLQ4IA7K.js} +1 -1
- package/dist/cdn/{VTIT6VDC.js → JOYJROSC.js} +1 -1
- package/dist/cdn/{PDMWQHXB.js → K62UEW5H.js} +1 -1
- package/dist/cdn/{WM6AY4FY.js → K7LFRVI5.js} +1 -1
- package/dist/cdn/{43KZWE5Z.js → KB5L6TKT.js} +1 -1
- package/dist/cdn/{G2YEBD3N.js → KD6L5QRQ.js} +1 -1
- package/dist/cdn/{Q62HVR2Q.js → KHO4O6ER.js} +1 -1
- package/dist/cdn/{6BHUK3ZV.js → KJE3TTOE.js} +1 -1
- package/dist/cdn/{PBS3U4TE.js → KUEHZOLJ.js} +1 -1
- package/dist/cdn/{BHWHBD4C.js → KWAF4QAX.js} +1 -1
- package/dist/cdn/{VGQUZQ2T.js → KWIXQSB5.js} +1 -1
- package/dist/cdn/{HTALC6JR.js → KYUWDRN3.js} +1 -1
- package/dist/cdn/{P7YTXUVF.js → LCCMPYJM.js} +1 -1
- package/dist/cdn/{UOFFDT2W.js → LEDHVLBX.js} +1 -1
- package/dist/cdn/{HQQXOTTJ.js → LWS2YSRC.js} +1 -1
- package/dist/cdn/{3VCJYRXY.js → M66UZGUQ.js} +1 -1
- package/dist/cdn/{BNOPXU7J.js → MB26RZ7I.js} +1 -1
- package/dist/cdn/MB6DK3GX.js +2 -0
- package/dist/cdn/{2T7LVFVG.js → MKCM6FUL.js} +1 -1
- package/dist/cdn/{4ISLLLPJ.js → MT7LQ4EQ.js} +1 -1
- package/dist/cdn/{D3QM7BJB.js → NP7RRVLV.js} +1 -1
- package/dist/cdn/{3FBFVCZZ.js → OFRNNYLT.js} +1 -1
- package/dist/cdn/{Q7XLZEJ7.js → OLZ72KNG.js} +1 -1
- package/dist/cdn/{W6Q2IIC5.js → OXE2LZT4.js} +1 -1
- package/dist/cdn/{Q4TVBXUF.js → P4FFYBHO.js} +1 -1
- package/dist/cdn/{HDEDXIDJ.js → PKGGSZ3G.js} +1 -1
- package/dist/cdn/{RCFKJYF2.js → POUXHA4D.js} +1 -1
- package/dist/cdn/{G3AXVQK2.js → Q7RCXOBZ.js} +1 -1
- package/dist/cdn/{EUBO46IB.js → QCS4PJIC.js} +1 -1
- package/dist/cdn/{7US3YXTT.js → QR5EGUPC.js} +1 -1
- package/dist/cdn/R7AX4WWJ.js +2 -0
- package/dist/cdn/{DSY47JY6.js → RAHM2XGT.js} +1 -1
- package/dist/cdn/{HJJNI5IP.js → RNLU36F2.js} +1 -1
- package/dist/cdn/{ARV47Q2P.js → RTW4XLSK.js} +1 -1
- package/dist/cdn/{OQKXPV76.js → SI6KDAPK.js} +1 -1
- package/dist/cdn/{WJCQKTAA.js → SORQGGFV.js} +1 -1
- package/dist/cdn/{SSTNSJRC.js → SRAITCZZ.js} +1 -1
- package/dist/cdn/{4DJNWQ3G.js → TFL425CI.js} +1 -1
- package/dist/cdn/{3EXD7X4O.js → TLA2SYFY.js} +1 -1
- package/dist/cdn/{RO6HZ7EO.js → TLWMB2NS.js} +1 -1
- package/dist/cdn/TR2KHQHK.js +2 -0
- package/dist/cdn/{N4ENZ2XQ.js → UDYKPMDH.js} +1 -1
- package/dist/cdn/{4Q7SEFPK.js → UGSNJ2A2.js} +1 -1
- package/dist/cdn/{GUHFONCE.js → UIER4QDI.js} +1 -1
- package/dist/cdn/{E3PCMRKD.js → UMACBDSW.js} +1 -1
- package/dist/cdn/{KLKJDPN2.js → USZW5TQE.js} +1 -1
- package/dist/cdn/{Z6RAOQYO.js → VAIEYSCW.js} +1 -1
- package/dist/cdn/{REYRJHJV.js → VBHAXLC7.js} +1 -1
- package/dist/cdn/{GA4HO4NS.js → VIBSUUPL.js} +1 -1
- package/dist/cdn/{5Z4DC3PS.js → VOS7BTF7.js} +1 -1
- package/dist/cdn/{HGPTJ6XB.js → VQIA5AUS.js} +1 -1
- package/dist/cdn/{T7ZDMD4P.js → VQUU5NZK.js} +1 -1
- package/dist/cdn/{SPZNPOQR.js → VREMIKLX.js} +1 -1
- package/dist/cdn/{SLZCWJHI.js → WC3GCTZG.js} +1 -1
- package/dist/cdn/{5FRZQ2JQ.js → WFFAJFXJ.js} +1 -1
- package/dist/cdn/{IYSL2CCS.js → WGQXFSUO.js} +1 -1
- package/dist/cdn/{HENHK3H6.js → WJRSLAMD.js} +1 -1
- package/dist/cdn/{FYV6C4K2.js → WM3KGN2Y.js} +1 -1
- package/dist/cdn/{KAHRH3FG.js → WTS2NNYC.js} +1 -1
- package/dist/cdn/{XTCKSMO7.js → XKR5TRKJ.js} +1 -1
- package/dist/cdn/{3W33FQJW.js → XKUHLY5O.js} +1 -1
- package/dist/cdn/{T3YH732A.js → XXZ6GV5C.js} +1 -1
- package/dist/cdn/{Z4VUGJ6W.js → Y5LTEEQG.js} +1 -1
- package/dist/cdn/{2AOAJC67.js → YSILJ3W5.js} +1 -1
- package/dist/cdn/YUFNYPLK.js +2 -0
- package/dist/cdn/{QSA6HLGH.js → YWDYEPXE.js} +1 -1
- package/dist/cdn/{DS4VJD4T.js → Z5VVOP7Z.js} +1 -1
- package/dist/cdn/{VAOJA4UO.js → ZBT3E2EI.js} +1 -1
- package/dist/cdn/{LO6QKZRW.js → ZDMVEYJM.js} +1 -1
- package/dist/cdn/{SGMMHG4M.js → ZNOYHBTL.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-chip-group/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -0
- package/dist/components/calcite-radio-button-group/customElement.js +21 -14
- package/dist/components/calcite-swatch-group/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/cdn/IGY5GEGV.js +0 -2
- package/dist/cdn/KFA5DBPR.js +0 -2
- package/dist/cdn/KGG7ADD6.js +0 -2
- package/dist/cdn/ULA4LP3C.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as F}from"./7Q2FJXC2.js";import{a as y,b as L}from"./N4ENZ2XQ.js";import{a as u,b as a,c as $,d as D}from"./UKNZDAOR.js";import{d as o}from"./CZERUG3F.js";import{a as U}from"./W6Q2IIC5.js";import{a as A}from"./735UOYTJ.js";import{a as M}from"./CSM4ARYQ.js";import{a as R}from"./XOYMJYRE.js";import{a as P}from"./BNOPXU7J.js";import{a as E}from"./VI7SBYXT.js";import{a as I}from"./MNOM7GR6.js";import"./VUYX7MNO.js";import{a as B}from"./XTCKSMO7.js";import"./ZWPNZ5XW.js";import"./G6Q5AVJR.js";import"./ANTFJVJD.js";import{H as g}from"./UBKH6NPL.js";import{E as w,F as k,G as C,H as b,P as c,T as O,g as T,h as x,p as f}from"./VFRKS2NF.js";var j=T`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-content-top-space: var( --calcite-dialog-content-top-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-content-bottom-space: var( --calcite-dialog-content-bottom-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-panel-header-top-space: var(--calcite-dialog-header-top-space);--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;box-shadow:var(--calcite-shadow-md);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-shown-position)}@starting-style{:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-hidden-position);opacity:0}}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends C{constructor(){super(...arguments),this.dragPosition={...$},this.focusTrap=U({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=F()(this),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=w(),this.popoverRef=w(),this.resizePosition={...D},this.messages=I(),this.focusSetter=B()(this),this.sizeOverride=L({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled,onResize:e=>{this.resizeValues=e}}),this.topLayer=M({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=j}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setUpInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setUpInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(){R(this)}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:r}=e,{dragEnabled:n,resizable:s,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&s&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&s&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&s&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&s&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:n,resizable:s}=this;if(!r)return;if(!n&&!s){r.style.transform="";return}let{top:d,right:l,bottom:p,left:z}=this.getAdjustedResizePosition(i),m=Math.round(e+z+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:""}cleanUpInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...$},this.resizePosition={...D},this.updateTransform()}async setUpInteractions(){this.cleanUpInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:n,dragPosition:s}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:z}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:g(d),height:g(l)},max:{width:g(p)||window.innerWidth,height:g(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(n.top+=h.top,n.right+=h.right,n.bottom+=h.bottom,n.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{s.x+=d,s.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let n=e/2,s=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:s,bottom:0,left:l};case"top-start":return{top:e,right:0,bottom:0,left:r};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:s,bottom:i,left:l};case"bottom-start":return{top:0,right:0,bottom:i,left:r};case"bottom-end":return{top:0,right:t,bottom:i,left:0};default:return{top:n,right:s,bottom:d,left:l}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setUpInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){this.transitionEl&&this.sizeOverride.resize(e)}render(){let{assistiveText:e,description:t,heading:i,opened:r,icon:n,iconFlipRtl:s}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[u.container]:!0,[u.containerOpen]:r,[u.containerEmbedded]:this.embedded})} .popover=${this.embedded?void 0:"manual"} role=dialog ${k(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(u.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[u.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${k(this.setTransitionEl)}>${e?P("assistive-text",x`<div aria-live=polite class=${b(u.assistiveText)}>${e}</div>`):null}<slot name=${a.customContent}><calcite-panel class=${b(u.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${n} .iconFlipRtl=${s} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} @keydown=${this.handlePanelKeyDown} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${k(this.panelRef)}><slot name=${a.actionBar} slot=${o.actionBar}></slot><slot name=${a.alerts} slot=${o.alerts}></slot><slot name=${a.headerActionsStart} slot=${o.headerActionsStart}></slot><slot name=${a.headerActionsEnd} slot=${o.headerActionsEnd}></slot><slot name=${a.description} slot=${o.description}></slot><slot name=${a.heading} slot=${o.heading}></slot><slot name=${a.headerContent} slot=${o.headerContent}></slot><slot name=${a.headerTop} slot=${o.headerTop}></slot><slot name=${a.headerMenuActions} slot=${o.headerMenuActions}></slot><slot name=${a.fab} slot=${o.fab}></slot><slot name=${a.contentTop} slot=${o.contentTop}></slot><slot name=${a.contentBottom} slot=${o.contentBottom}></slot><slot name=${a.footerStart} slot=${o.footerStart}></slot><slot name=${a.footer} slot=${o.footer}></slot><slot name=${a.footerEnd} slot=${o.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};O("calcite-dialog",S);export{S as Dialog};
|
|
2
|
+
import{a as F}from"./CVCJOMT3.js";import{a as y,b as L}from"./UDYKPMDH.js";import{a as u,b as a,c as $,d as D}from"./UKNZDAOR.js";import{d as o}from"./CZERUG3F.js";import{a as U}from"./OXE2LZT4.js";import{a as A}from"./735UOYTJ.js";import{a as M}from"./4WJ7WPQX.js";import{a as R}from"./6H5GSM3V.js";import{a as P}from"./MB26RZ7I.js";import{a as E}from"./VI7SBYXT.js";import{a as I}from"./4VSUDBBT.js";import"./VUYX7MNO.js";import{a as B}from"./XKR5TRKJ.js";import"./ZWPNZ5XW.js";import"./IVP2TAIE.js";import"./IDINCKYS.js";import{H as g}from"./HWKBYMC2.js";import{E as w,F as k,G as C,H as b,P as c,T as O,g as T,h as x,p as f}from"./JLFMHHHY.js";var j=T`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-content-top-space: var( --calcite-dialog-content-top-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-content-bottom-space: var( --calcite-dialog-content-bottom-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-panel-header-top-space: var(--calcite-dialog-header-top-space);--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;box-shadow:var(--calcite-shadow-md);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-shown-position)}@starting-style{:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-hidden-position);opacity:0}}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,S=class extends C{constructor(){super(...arguments),this.dragPosition={...$},this.focusTrap=U({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=F()(this),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=w(),this.popoverRef=w(),this.resizePosition={...D},this.messages=I(),this.focusSetter=B()(this),this.sizeOverride=L({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled,onResize:e=>{this.resizeValues=e}}),this.topLayer=M({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=j}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setUpInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setUpInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(){R(this)}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:r}=e,{dragEnabled:n,resizable:s,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&s&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&s&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&s&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=g(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else n&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&s&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):n&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:n,resizable:s}=this;if(!r)return;if(!n&&!s){r.style.transform="";return}let{top:d,right:l,bottom:p,left:z}=this.getAdjustedResizePosition(i),m=Math.round(e+z+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:""}cleanUpInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...$},this.resizePosition={...D},this.updateTransform()}async setUpInteractions(){this.cleanUpInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:n,dragPosition:s}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:z}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:g(d),height:g(l)},max:{width:g(p)||window.innerWidth,height:g(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(n.top+=h.top,n.right+=h.right,n.bottom+=h.bottom,n.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{s.x+=d,s.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let n=e/2,s=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:s,bottom:0,left:l};case"top-start":return{top:e,right:0,bottom:0,left:r};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:s,bottom:i,left:l};case"bottom-start":return{top:0,right:0,bottom:i,left:r};case"bottom-end":return{top:0,right:t,bottom:i,left:0};default:return{top:n,right:s,bottom:d,left:l}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setUpInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){this.transitionEl&&this.sizeOverride.resize(e)}render(){let{assistiveText:e,description:t,heading:i,opened:r,icon:n,iconFlipRtl:s}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[u.container]:!0,[u.containerOpen]:r,[u.containerEmbedded]:this.embedded})} .popover=${this.embedded?void 0:"manual"} role=dialog ${k(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(u.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[u.dialog]:!0,[A("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${k(this.setTransitionEl)}>${e?P("assistive-text",x`<div aria-live=polite class=${b(u.assistiveText)}>${e}</div>`):null}<slot name=${a.customContent}><calcite-panel class=${b(u.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${n} .iconFlipRtl=${s} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} @keydown=${this.handlePanelKeyDown} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${k(this.panelRef)}><slot name=${a.actionBar} slot=${o.actionBar}></slot><slot name=${a.alerts} slot=${o.alerts}></slot><slot name=${a.headerActionsStart} slot=${o.headerActionsStart}></slot><slot name=${a.headerActionsEnd} slot=${o.headerActionsEnd}></slot><slot name=${a.description} slot=${o.description}></slot><slot name=${a.heading} slot=${o.heading}></slot><slot name=${a.headerContent} slot=${o.headerContent}></slot><slot name=${a.headerTop} slot=${o.headerTop}></slot><slot name=${a.headerMenuActions} slot=${o.headerMenuActions}></slot><slot name=${a.fab} slot=${o.fab}></slot><slot name=${a.contentTop} slot=${o.contentTop}></slot><slot name=${a.contentBottom} slot=${o.contentBottom}></slot><slot name=${a.footerStart} slot=${o.footerStart}></slot><slot name=${a.footer} slot=${o.footer}></slot><slot name=${a.footerEnd} slot=${o.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};O("calcite-dialog",S);export{S as Dialog};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as g,c as x}from"./YJPIZ6DX.js";import{b as h,f as F,g as $,j as P,k as N}from"./RCFKJYF2.js";import{a as U}from"./HQQXOTTJ.js";import{b as w}from"./YP3AYJH3.js";import{d as O}from"./G6Q5AVJR.js";import{p as y,r as H}from"./VFRKS2NF.js";var C=5;function A({locale:r,numberingSystem:e,includeSeconds:n,fractionalSecondDigits:t,hour12:i}){let s={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:$(e)};return typeof i=="boolean"&&(s.hour12=i),n&&(s.second="2-digit",t&&(s.fractionalSecondDigits=t)),N(r,s)}function L(r,e){return parseFloat(`0.${r}`).toFixed(g(e)).replace("0.","")}function D(r,e){if(r==null)return;let n=r.toString(),t=g(r);if(r<1&&t>0&&t<4){let i=n.replace("0.","");return!e||i.length===e?i:i.length<e?i.padEnd(e,"0"):i}if(r>=0&&r<10)return n.padStart(2,"0");if(r>=10)return n}function _(r){return parseInt((parseFloat(`0.${r}`)/.001).toFixed(3),10)}function q(r){let e={locale:r};return r==="mk"?e.hour12=!1:r.toLowerCase()==="es-mx"&&(e.hour12=!0),A(e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))).find(({type:i})=>i==="dayPeriod")?.value?"12":"24"}function W({locale:r,meridiem:e,parts:n}){let t=["he","bs","mk"],i;if(n){if(i=n.find(({type:s})=>s==="dayPeriod")?.value||null,r&&t.includes(r)){let s=F.get(r);i==="PM"&&(i=s.pm),i==="AM"&&(i=s.am)}}else if(e)if(t.includes(r)){let s=F.get(r);i=e==="PM"?s.pm:s.am}else{let s=A({locale:r,hour12:!0}),o=6,a=18,c=new Date(Date.UTC(0,0,0,e==="AM"?o:a,0));i=s.formatToParts(c).find(({type:f})=>f==="dayPeriod")?.value||null}return i}function k(r,e){return P.numberFormatOptions={locale:r,numberingSystem:e},P.localize("1.1").split("")[1]}function I({hour12:r,locale:e,numberingSystem:n="latn",part:t,step:i}){let o=A({hour12:r,includeSeconds:i<60,locale:e,numberingSystem:n}).formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return S(`${t}Suffix`,o,e)}function S(r,e,n="en"){if(!r||!e)return null;if(r==="hourSuffix"){let t=e.find(({type:c})=>c==="hour"),i=e.find(({type:c})=>c==="minute"),s=t?e.indexOf(t):-1,o=i?e.indexOf(i):-1,a=e[s+1];return a?.type==="literal"&&o-s===2&&a.value||null}if(r==="minuteSuffix"){let t=e.find(({type:o})=>o==="minute"),i=t?e.indexOf(t):-1,s=e[i+1];return s?.type==="literal"&&s.value||null}if(r==="secondSuffix"){let t,i=e.find(({type:o})=>o==="fractionalSecond"),s=i?e.indexOf(i):-1;if(s!==-1)t=e[s+1];else{let o=e.find(({type:c})=>c==="second"),a=o?e.indexOf(o):-1;t=e[a+1]}return t?.type==="literal"&&t.value||null}return r==="meridiem"&&(e.find(({type:i})=>i==="dayPeriod")?.value||null)?W({locale:n,parts:e})??null:e.find(({type:t})=>t===r)?.value||null}function B(r){if(!h(r))return null;let e=parseInt(r,10);return e>=0&&e<=11?"AM":"PM"}function Z(r){return new Intl.DateTimeFormat(r,{hour:"2-digit",hour12:!0,minute:"2-digit",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(0,0,0,0,0))).findIndex(t=>t.type==="dayPeriod")}function z(r){let e=typeof r=="string";if(!r||e&&(r.startsWith(":")||r.endsWith(":"))||!e&&(!r.hour||!r.minute))return!1;let n,t,i;if(e?[n,t,i]=r.split(":"):{hour:n,minute:t,second:i}=r,!n||!t)return!1;let s=parseInt(n,10),o=parseInt(t,10),a=parseInt(i??"",10),c=h(n)&&s>=0&&s<24,u=h(t)&&o>=0&&o<60,f=h(i)&&a>=0&&a<60;return c&&u&&(!i||f)}function v(r,e){if(e==="meridiem")return r==="AM"||r==="PM";if(!h(r))return!1;let t=Number(r),i=t>=0,s=t<24,o=t<60,a=t<=999;return e==="hour"?i&&s:e==="fractionalSecond"?i&&a:i&&o}function V({value:r,part:e,locale:n,numberingSystem:t="latn",hour12:i}){if(!v(r,e))return;if(e==="fractionalSecond"){let f=k(n,t),m=null;if(r){P.numberFormatOptions={locale:n,numberingSystem:t};let p=P.localize("0");parseInt(r,10)===0?m="".padStart(r.length,p):(m=P.localize(`0.${r}`).replace(`${p}${f}`,""),m.length<r.length&&(m=m.padEnd(r.length,p)))}return m}let s=parseInt(r,10),o=new Date(Date.UTC(0,0,0,e==="hour"?s:e==="meridiem"?r==="AM"?0:12:0,e==="minute"?s:0,e==="second"?s:0));if(!o)return;let a=["second","fractionalSecond"].includes(e),u=A({hour12:i,includeSeconds:a,locale:n,numberingSystem:t}).formatToParts(o);return S(e,u,n)}function G({hour12:r,locale:e,numberingSystem:n="latn",parts:t=!1,step:i,value:s}){if(!z(s))return null;let{hour:o,minute:a,second:c="0",fractionalSecond:u}=K(s,i),f=i<60,m=new Date(Date.UTC(0,0,0,parseInt(o,10),parseInt(a,10),f&&typeof c=="string"?parseInt(c,10):0,f&&u?_(u):0)),p=A({fractionalSecondDigits:g(i),hour12:r,includeSeconds:f,locale:e,numberingSystem:n});if(t){let l=p.formatToParts(m);return{hour:S("hour",l),hourSuffix:S("hourSuffix",l),minute:S("minute",l),minuteSuffix:S("minuteSuffix",l),second:S("second",l),decimalSeparator:k(e,n),fractionalSecond:S("fractionalSecond",l),secondSuffix:e!=="bg"?S("secondSuffix",l):null,meridiem:S("meridiem",l,e)}}else{let l=p.format(m)||null;if(!t&&typeof l=="string"&&e==="bg"&&l&&l.includes(" \u0447.")&&(l=l.replaceAll(" \u0447.","")),["he","bs","mk"].includes(e)){let d=F.get(e);l.includes("AM")?l=l.replaceAll("AM",d.am):l.includes("PM")&&(l=l.replaceAll("PM",d.pm)),e!=="he"&&l.indexOf(".")!==l.length-1&&(l=l.replace(".",","))}return l}}function K(r,e){if(z(r)){let[n,t,i]=r.split(":"),s=i,o=null;return i?.includes(".")&&([s,o]=i.split(".")),e&&typeof o=="string"&&(o=L(o,e)),{fractionalSecond:o,hour:n,minute:t,second:s}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function E(r,e=60){if(!z(r))return null;let n,t,i,s,o,a=null;return typeof r=="string"?([n,t,s]=r.split(":"),[i,o]=s?.split(".")||["0"]):(n=r.hour,t=r.minute,i=r.second,o=r.fractionalSecond),n&&t&&(a=`${D(parseInt(n,10))}:${D(parseInt(t,10))}`,e<60&&(a+=`:${D(parseInt(i||"0",10))}`,e<1&&(a+=`.${L(o||"0",e)}`))),a}var T=class extends H{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let n=e.key;if(w.includes(n)){let t=parseInt(n,10),i;if(h(this.hour))switch(this.hourFormat){case"12":i=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":this.hour==="01"?i=`1${t}`:this.hour==="02"&&t>=0&&t<=3?i=`2${t}`:i=t;break}else i=t;this.setValuePart("hour",i)}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",void 0);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleMinuteKeyDownEvent=e=>{let n=e.key;if(w.includes(n)){let t=parseInt(n,10),i;if(typeof this.minute=="string"&&h(this.minute)&&this.minute.startsWith("0")){let s=parseInt(this.minute,10);i=s>C?t:`${s}${t}`}else i=t;this.setValuePart("minute",i)}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",void 0);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleSecondKeyDownEvent=e=>{let n=e.key;if(w.includes(n)){let t=parseInt(n,10),i;if(typeof this.second=="string"&&h(this.second)&&this.second.startsWith("0")){let s=parseInt(this.second,10);i=s>C?t:`${s}${t}`}else i=t;this.setValuePart("second",i)}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",void 0);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleFractionalSecondKeyDownEvent=e=>{let{key:n}=e;if(w.includes(n)){let t=g(this.component.step),i=parseInt(this.fractionalSecond,10),s=i.toString().length,o;s>=t?o=n.padStart(t,"0"):s<t&&(o=`${i}${n}`.padStart(t,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${o}`))}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",void 0);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}},this.handleMeridiemKeyDownEvent=e=>{switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("meridiem");break;case"ArrowUp":e.preventDefault(),this.toggleMeridiem("up");break;case"ArrowDown":e.preventDefault(),this.toggleMeridiem("down");break;case" ":case"Spacebar":e.preventDefault();break}},this.calciteTimeChange=y()}get hasValue(){return!!(this?.hour||this?.minute||this?.second||this?.fractionalSecond||this?.meridiem)}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour,10)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=typeof this.hour=="string"&&h(this.hour)?this.hour==="23"?0:parseInt(this.hour,10)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let n=x(this.component.step),t=g(this.component.step),i=parseInt(this.fractionalSecond,10),s=parseFloat(`0.${this.fractionalSecond}`),o,a,c,u;e==="up"&&(o=isNaN(i)?0:s+n,a=parseFloat(o.toFixed(t)),c=x(a),u=a<1&&g(c)>0?D(c,t):"".padStart(t,"0")),e==="down"&&(o=isNaN(i)||i===0?1-n:s-n,a=parseFloat(o.toFixed(t)),c=x(a),u=a<1&&g(c)>0&&Math.sign(c)===1?D(c,t):"".padStart(t,"0")),this.setValuePart("fractionalSecond",u)}toggleMeridiem(e){let n;this.meridiem?n=this.meridiem==="AM"?"PM":"AM":n=e==="down"?"PM":"AM",this.setValuePart("meridiem",n)}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){let n=!1,t=!1,i=!1;if(e.has("hourFormat")&&(n=!0,i=!0),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(n=!0,t=!0,i=!0),e.has("numberingSystem")&&(i=!0),e.has("step")){let s=this.component.step,o=e.get("step");(s>=60&&o>0&&o<60||o>=60&&s>0&&s<60)&&(i=!0)}n&&this.setHourFormat(),t&&this.setMeridiemOrder(),i&&this.setValue(this.component.value),this.userChangedValue=!1}decrementMinuteOrSecond(e){let n;if(h(this[e])){let t=parseInt(this[e],10);n=t===0?59:t-1}else n=59;this.setValuePart(e,n)}incrementMinuteOrSecond(e){let n=h(this[e])?this[e]==="59"?0:parseInt(this[e],10)+1:0;this.setValuePart(e,n)}setHourFormat(){let{hourFormat:e,messages:n}=this.component;this.hourFormat=e==="user"?q(n._lang):e}setMeridiemOrder(){let{messages:e}=this.component;this.meridiemOrder=Z(e._lang)}setValue(e,n=!1){let{messages:t,numberingSystem:i,step:s,value:o}=this.component,a=t._lang,c=this.hourFormat==="12",u=E(e,s);if(z(e)){let{hour:f,minute:m,second:p,fractionalSecond:l}=K(u,s),d=G({hour12:c,locale:a,numberingSystem:i,parts:!0,step:s,value:u});this.hour=f,this.minute=m,this.second=p,this.fractionalSecond=l,d&&(this.localizedHour=d.hour,this.localizedHourSuffix=d.hourSuffix,this.localizedMinute=d.minute,this.localizedMinuteSuffix=d.minuteSuffix,this.localizedSecond=d.second,this.localizedDecimalSeparator=d.decimalSeparator,this.localizedFractionalSecond=d.fractionalSecond,this.localizedSecondSuffix=d.secondSuffix,d.meridiem&&(this.meridiem=B(this.hour),this.localizedMeridiem=d.meridiem))}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=I({hour12:c,part:"hour",locale:a,numberingSystem:i,step:s}),this.localizedMinute=null,this.localizedMinuteSuffix=I({hour12:c,part:"minute",locale:a,numberingSystem:i,step:s}),this.localizedSecond=null,this.localizedDecimalSeparator=k(a,i),this.localizedFractionalSecond=null,this.localizedSecondSuffix=I({hour12:c,part:"second",locale:a,numberingSystem:i,step:s}),this.localizedMeridiem=null;u!==o?(this.userChangedValue=n,this.component.value=u??""):this.component.requestUpdate()}setValuePart(e,n){let{hourFormat:t}=this,{messages:i,numberingSystem:s,step:o}=this.component,a=i._lang,c=t==="12",u=this.component.value;if(e==="meridiem"){let b=this.meridiem;if(this.meridiem=n,this.localizedMeridiem=V({hour12:c,locale:a,numberingSystem:s,part:"meridiem",value:this.meridiem}),h(this.hour)){let M=parseInt(this.hour,10);switch(n){case"AM":M>=12&&(this.hour=D(M-12));break;case"PM":M<12&&(this.hour=D(M+12));break;default:this.userChangedValue=!0,this.component.value="";break}this.localizedHour=V({hour12:c,locale:a,numberingSystem:s,part:"hour",value:this.hour})}b!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let b=this.fractionalSecond,M=g(o);typeof n=="number"?this.fractionalSecond=n===0?"".padStart(M,"0"):D(n,M):this.fractionalSecond=n,this.localizedFractionalSecond=V({value:this.fractionalSecond,part:"fractionalSecond",locale:a,numberingSystem:s,hour12:c}),b!==this.fractionalSecond&&this.component.requestUpdate()}else{let b=this[e];this[e]=typeof n=="number"?D(n):n,this[`localized${U(e)}`]=V({value:this[e],part:e,locale:a,numberingSystem:s,hour12:c}),b!==this[e]&&this.component.requestUpdate()}let{hour:f,minute:m,second:p,fractionalSecond:l}=this,d=E({hour:f,minute:m,second:p,fractionalSecond:l},o);u!==d&&(e==="hour"&&t==="12"&&(this.meridiem=B(f),this.localizedMeridiem=W({locale:a,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(d??""))}},ee=O(T);export{ee as a};
|
|
2
|
+
import{b as g,c as x}from"./YJPIZ6DX.js";import{b as h,f as F,g as $,j as P,k as N}from"./POUXHA4D.js";import{a as U}from"./LWS2YSRC.js";import{b as w}from"./YP3AYJH3.js";import{d as O}from"./IVP2TAIE.js";import{p as y,r as H}from"./JLFMHHHY.js";var C=5;function A({locale:r,numberingSystem:e,includeSeconds:n,fractionalSecondDigits:t,hour12:i}){let s={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:$(e)};return typeof i=="boolean"&&(s.hour12=i),n&&(s.second="2-digit",t&&(s.fractionalSecondDigits=t)),N(r,s)}function L(r,e){return parseFloat(`0.${r}`).toFixed(g(e)).replace("0.","")}function D(r,e){if(r==null)return;let n=r.toString(),t=g(r);if(r<1&&t>0&&t<4){let i=n.replace("0.","");return!e||i.length===e?i:i.length<e?i.padEnd(e,"0"):i}if(r>=0&&r<10)return n.padStart(2,"0");if(r>=10)return n}function _(r){return parseInt((parseFloat(`0.${r}`)/.001).toFixed(3),10)}function q(r){let e={locale:r};return r==="mk"?e.hour12=!1:r.toLowerCase()==="es-mx"&&(e.hour12=!0),A(e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))).find(({type:i})=>i==="dayPeriod")?.value?"12":"24"}function W({locale:r,meridiem:e,parts:n}){let t=["he","bs","mk"],i;if(n){if(i=n.find(({type:s})=>s==="dayPeriod")?.value||null,r&&t.includes(r)){let s=F.get(r);i==="PM"&&(i=s.pm),i==="AM"&&(i=s.am)}}else if(e)if(t.includes(r)){let s=F.get(r);i=e==="PM"?s.pm:s.am}else{let s=A({locale:r,hour12:!0}),o=6,a=18,c=new Date(Date.UTC(0,0,0,e==="AM"?o:a,0));i=s.formatToParts(c).find(({type:f})=>f==="dayPeriod")?.value||null}return i}function k(r,e){return P.numberFormatOptions={locale:r,numberingSystem:e},P.localize("1.1").split("")[1]}function I({hour12:r,locale:e,numberingSystem:n="latn",part:t,step:i}){let o=A({hour12:r,includeSeconds:i<60,locale:e,numberingSystem:n}).formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return S(`${t}Suffix`,o,e)}function S(r,e,n="en"){if(!r||!e)return null;if(r==="hourSuffix"){let t=e.find(({type:c})=>c==="hour"),i=e.find(({type:c})=>c==="minute"),s=t?e.indexOf(t):-1,o=i?e.indexOf(i):-1,a=e[s+1];return a?.type==="literal"&&o-s===2&&a.value||null}if(r==="minuteSuffix"){let t=e.find(({type:o})=>o==="minute"),i=t?e.indexOf(t):-1,s=e[i+1];return s?.type==="literal"&&s.value||null}if(r==="secondSuffix"){let t,i=e.find(({type:o})=>o==="fractionalSecond"),s=i?e.indexOf(i):-1;if(s!==-1)t=e[s+1];else{let o=e.find(({type:c})=>c==="second"),a=o?e.indexOf(o):-1;t=e[a+1]}return t?.type==="literal"&&t.value||null}return r==="meridiem"&&(e.find(({type:i})=>i==="dayPeriod")?.value||null)?W({locale:n,parts:e})??null:e.find(({type:t})=>t===r)?.value||null}function B(r){if(!h(r))return null;let e=parseInt(r,10);return e>=0&&e<=11?"AM":"PM"}function Z(r){return new Intl.DateTimeFormat(r,{hour:"2-digit",hour12:!0,minute:"2-digit",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(0,0,0,0,0))).findIndex(t=>t.type==="dayPeriod")}function z(r){let e=typeof r=="string";if(!r||e&&(r.startsWith(":")||r.endsWith(":"))||!e&&(!r.hour||!r.minute))return!1;let n,t,i;if(e?[n,t,i]=r.split(":"):{hour:n,minute:t,second:i}=r,!n||!t)return!1;let s=parseInt(n,10),o=parseInt(t,10),a=parseInt(i??"",10),c=h(n)&&s>=0&&s<24,u=h(t)&&o>=0&&o<60,f=h(i)&&a>=0&&a<60;return c&&u&&(!i||f)}function v(r,e){if(e==="meridiem")return r==="AM"||r==="PM";if(!h(r))return!1;let t=Number(r),i=t>=0,s=t<24,o=t<60,a=t<=999;return e==="hour"?i&&s:e==="fractionalSecond"?i&&a:i&&o}function V({value:r,part:e,locale:n,numberingSystem:t="latn",hour12:i}){if(!v(r,e))return;if(e==="fractionalSecond"){let f=k(n,t),m=null;if(r){P.numberFormatOptions={locale:n,numberingSystem:t};let p=P.localize("0");parseInt(r,10)===0?m="".padStart(r.length,p):(m=P.localize(`0.${r}`).replace(`${p}${f}`,""),m.length<r.length&&(m=m.padEnd(r.length,p)))}return m}let s=parseInt(r,10),o=new Date(Date.UTC(0,0,0,e==="hour"?s:e==="meridiem"?r==="AM"?0:12:0,e==="minute"?s:0,e==="second"?s:0));if(!o)return;let a=["second","fractionalSecond"].includes(e),u=A({hour12:i,includeSeconds:a,locale:n,numberingSystem:t}).formatToParts(o);return S(e,u,n)}function G({hour12:r,locale:e,numberingSystem:n="latn",parts:t=!1,step:i,value:s}){if(!z(s))return null;let{hour:o,minute:a,second:c="0",fractionalSecond:u}=K(s,i),f=i<60,m=new Date(Date.UTC(0,0,0,parseInt(o,10),parseInt(a,10),f&&typeof c=="string"?parseInt(c,10):0,f&&u?_(u):0)),p=A({fractionalSecondDigits:g(i),hour12:r,includeSeconds:f,locale:e,numberingSystem:n});if(t){let l=p.formatToParts(m);return{hour:S("hour",l),hourSuffix:S("hourSuffix",l),minute:S("minute",l),minuteSuffix:S("minuteSuffix",l),second:S("second",l),decimalSeparator:k(e,n),fractionalSecond:S("fractionalSecond",l),secondSuffix:e!=="bg"?S("secondSuffix",l):null,meridiem:S("meridiem",l,e)}}else{let l=p.format(m)||null;if(!t&&typeof l=="string"&&e==="bg"&&l&&l.includes(" \u0447.")&&(l=l.replaceAll(" \u0447.","")),["he","bs","mk"].includes(e)){let d=F.get(e);l.includes("AM")?l=l.replaceAll("AM",d.am):l.includes("PM")&&(l=l.replaceAll("PM",d.pm)),e!=="he"&&l.indexOf(".")!==l.length-1&&(l=l.replace(".",","))}return l}}function K(r,e){if(z(r)){let[n,t,i]=r.split(":"),s=i,o=null;return i?.includes(".")&&([s,o]=i.split(".")),e&&typeof o=="string"&&(o=L(o,e)),{fractionalSecond:o,hour:n,minute:t,second:s}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function E(r,e=60){if(!z(r))return null;let n,t,i,s,o,a=null;return typeof r=="string"?([n,t,s]=r.split(":"),[i,o]=s?.split(".")||["0"]):(n=r.hour,t=r.minute,i=r.second,o=r.fractionalSecond),n&&t&&(a=`${D(parseInt(n,10))}:${D(parseInt(t,10))}`,e<60&&(a+=`:${D(parseInt(i||"0",10))}`,e<1&&(a+=`.${L(o||"0",e)}`))),a}var T=class extends H{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let n=e.key;if(w.includes(n)){let t=parseInt(n,10),i;if(h(this.hour))switch(this.hourFormat){case"12":i=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":this.hour==="01"?i=`1${t}`:this.hour==="02"&&t>=0&&t<=3?i=`2${t}`:i=t;break}else i=t;this.setValuePart("hour",i)}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",void 0);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleMinuteKeyDownEvent=e=>{let n=e.key;if(w.includes(n)){let t=parseInt(n,10),i;if(typeof this.minute=="string"&&h(this.minute)&&this.minute.startsWith("0")){let s=parseInt(this.minute,10);i=s>C?t:`${s}${t}`}else i=t;this.setValuePart("minute",i)}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",void 0);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleSecondKeyDownEvent=e=>{let n=e.key;if(w.includes(n)){let t=parseInt(n,10),i;if(typeof this.second=="string"&&h(this.second)&&this.second.startsWith("0")){let s=parseInt(this.second,10);i=s>C?t:`${s}${t}`}else i=t;this.setValuePart("second",i)}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",void 0);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}},this.handleFractionalSecondKeyDownEvent=e=>{let{key:n}=e;if(w.includes(n)){let t=g(this.component.step),i=parseInt(this.fractionalSecond,10),s=i.toString().length,o;s>=t?o=n.padStart(t,"0"):s<t&&(o=`${i}${n}`.padStart(t,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${o}`))}else switch(n){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",void 0);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}},this.handleMeridiemKeyDownEvent=e=>{switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("meridiem");break;case"ArrowUp":e.preventDefault(),this.toggleMeridiem("up");break;case"ArrowDown":e.preventDefault(),this.toggleMeridiem("down");break;case" ":case"Spacebar":e.preventDefault();break}},this.calciteTimeChange=y()}get hasValue(){return!!(this?.hour||this?.minute||this?.second||this?.fractionalSecond||this?.meridiem)}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour,10)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=typeof this.hour=="string"&&h(this.hour)?this.hour==="23"?0:parseInt(this.hour,10)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let n=x(this.component.step),t=g(this.component.step),i=parseInt(this.fractionalSecond,10),s=parseFloat(`0.${this.fractionalSecond}`),o,a,c,u;e==="up"&&(o=isNaN(i)?0:s+n,a=parseFloat(o.toFixed(t)),c=x(a),u=a<1&&g(c)>0?D(c,t):"".padStart(t,"0")),e==="down"&&(o=isNaN(i)||i===0?1-n:s-n,a=parseFloat(o.toFixed(t)),c=x(a),u=a<1&&g(c)>0&&Math.sign(c)===1?D(c,t):"".padStart(t,"0")),this.setValuePart("fractionalSecond",u)}toggleMeridiem(e){let n;this.meridiem?n=this.meridiem==="AM"?"PM":"AM":n=e==="down"?"PM":"AM",this.setValuePart("meridiem",n)}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){let n=!1,t=!1,i=!1;if(e.has("hourFormat")&&(n=!0,i=!0),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(n=!0,t=!0,i=!0),e.has("numberingSystem")&&(i=!0),e.has("step")){let s=this.component.step,o=e.get("step");(s>=60&&o>0&&o<60||o>=60&&s>0&&s<60)&&(i=!0)}n&&this.setHourFormat(),t&&this.setMeridiemOrder(),i&&this.setValue(this.component.value),this.userChangedValue=!1}decrementMinuteOrSecond(e){let n;if(h(this[e])){let t=parseInt(this[e],10);n=t===0?59:t-1}else n=59;this.setValuePart(e,n)}incrementMinuteOrSecond(e){let n=h(this[e])?this[e]==="59"?0:parseInt(this[e],10)+1:0;this.setValuePart(e,n)}setHourFormat(){let{hourFormat:e,messages:n}=this.component;this.hourFormat=e==="user"?q(n._lang):e}setMeridiemOrder(){let{messages:e}=this.component;this.meridiemOrder=Z(e._lang)}setValue(e,n=!1){let{messages:t,numberingSystem:i,step:s,value:o}=this.component,a=t._lang,c=this.hourFormat==="12",u=E(e,s);if(z(e)){let{hour:f,minute:m,second:p,fractionalSecond:l}=K(u,s),d=G({hour12:c,locale:a,numberingSystem:i,parts:!0,step:s,value:u});this.hour=f,this.minute=m,this.second=p,this.fractionalSecond=l,d&&(this.localizedHour=d.hour,this.localizedHourSuffix=d.hourSuffix,this.localizedMinute=d.minute,this.localizedMinuteSuffix=d.minuteSuffix,this.localizedSecond=d.second,this.localizedDecimalSeparator=d.decimalSeparator,this.localizedFractionalSecond=d.fractionalSecond,this.localizedSecondSuffix=d.secondSuffix,d.meridiem&&(this.meridiem=B(this.hour),this.localizedMeridiem=d.meridiem))}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=I({hour12:c,part:"hour",locale:a,numberingSystem:i,step:s}),this.localizedMinute=null,this.localizedMinuteSuffix=I({hour12:c,part:"minute",locale:a,numberingSystem:i,step:s}),this.localizedSecond=null,this.localizedDecimalSeparator=k(a,i),this.localizedFractionalSecond=null,this.localizedSecondSuffix=I({hour12:c,part:"second",locale:a,numberingSystem:i,step:s}),this.localizedMeridiem=null;u!==o?(this.userChangedValue=n,this.component.value=u??""):this.component.requestUpdate()}setValuePart(e,n){let{hourFormat:t}=this,{messages:i,numberingSystem:s,step:o}=this.component,a=i._lang,c=t==="12",u=this.component.value;if(e==="meridiem"){let b=this.meridiem;if(this.meridiem=n,this.localizedMeridiem=V({hour12:c,locale:a,numberingSystem:s,part:"meridiem",value:this.meridiem}),h(this.hour)){let M=parseInt(this.hour,10);switch(n){case"AM":M>=12&&(this.hour=D(M-12));break;case"PM":M<12&&(this.hour=D(M+12));break;default:this.userChangedValue=!0,this.component.value="";break}this.localizedHour=V({hour12:c,locale:a,numberingSystem:s,part:"hour",value:this.hour})}b!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let b=this.fractionalSecond,M=g(o);typeof n=="number"?this.fractionalSecond=n===0?"".padStart(M,"0"):D(n,M):this.fractionalSecond=n,this.localizedFractionalSecond=V({value:this.fractionalSecond,part:"fractionalSecond",locale:a,numberingSystem:s,hour12:c}),b!==this.fractionalSecond&&this.component.requestUpdate()}else{let b=this[e];this[e]=typeof n=="number"?D(n):n,this[`localized${U(e)}`]=V({value:this[e],part:e,locale:a,numberingSystem:s,hour12:c}),b!==this[e]&&this.component.requestUpdate()}let{hour:f,minute:m,second:p,fractionalSecond:l}=this,d=E({hour:f,minute:m,second:p,fractionalSecond:l},o);u!==d&&(e==="hour"&&t==="12"&&(this.meridiem=B(f),this.localizedMeridiem=W({locale:a,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(d??""))}},ee=O(T);export{ee as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as B,b as S,c as q}from"./LZGW6ERR.js";import{a as L}from"./3M36VSLH.js";import{a as V}from"./E3PCMRKD.js";import{a as z}from"./DHINOPHE.js";import{c as M}from"./G3AXVQK2.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./PMLFC6DY.js";import{a as $}from"./HDEDXIDJ.js";import{a as C}from"./MNOM7GR6.js";import{a as I}from"./XTCKSMO7.js";import{a as y}from"./ZWPNZ5XW.js";import{c as k,e as w}from"./G6Q5AVJR.js";import"./ANTFJVJD.js";import{s as h}from"./UBKH6NPL.js";import{D as f,E as d,F as u,G as x,H as a,L as p,M as m,T as E,g as v,h as l,l as n,p as r}from"./VFRKS2NF.js";var i={loader:"loader",clearable:"clearable",clearButton:"clear-button",editingEnabled:"editing-enabled",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},F={validationMessage:"inputTextValidationMessage"},W={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-editable{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 .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.editing-enabled)) .loader,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .prefix,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .icon,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .clear-button,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .suffix{display:none}:host([inline-editable]:not([editing-enabled])) .wrapper:hover input,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .inline-editable,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .inline-editable,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .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-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) input,:host([inline-editable]) .inline-editable,:host([inline-editable]) .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-color-border-2));--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-editable--container{display:flex;cursor:pointer;align-items:center}.inline-editable--container .enable-editing,.inline-editable--container .confirm-changes,.inline-editable--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-editable--container .enable-editing{--calcite-action-text-color: var(--calcite-input-text-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-editable-control-background-color-hover, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-editable-control-background-color-press, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}`,b=class extends x{constructor(){super(),this.actionWrapperRef=d(),this.attributeWatch=k(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=d(),this.enableInlineEditingButtonRef=d(),this.direction=w(),this.inputWrapperRef=d(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=C({blocking:!0}),this.focusSetter=I()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(this),this.inlineEditableManager=new q({getEditingEnabled:()=>this.editingEnabled,setEditingEnabled:e=>{this.editingEnabled=e},getValue:()=>this.value,setValue:e=>{this.setValue({origin:"direct",value:e})},setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputTextInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditableChange.emit()}}),this.inlineEditableLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.inlineEditable=!1,this.inlineEditableControls=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=r(),this.calciteInputTextInput=r(),this.calciteInternalInputTextBlur=r(),this.calciteInternalInputTextFocus=r(),this.calciteInputTextInlineEditableCancel=r({cancelable:!1}),this.calciteInputTextInlineEditableConfirm=r({cancelable:!1}),this.calciteInputTextInlineEditableChange=r({cancelable:!1}),R(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={inlineEditableLoading:[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}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:p},{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:p},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get inlineEditableEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.editingEnabled}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t))}async selectText(){this.childRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1)}async load(){this.requestedIcon=h({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("icon")&&(this.requestedIcon=h({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value:e||""}),this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEditable&&this.editingEnabled&&e.key==="Escape"){if(e.preventDefault(),this.clearable&&this.value?.length>0){this.clearInputTextValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.inlineEditableEnabledInContext)&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),c=t.some(o=>o instanceof HTMLElement&&o.classList.contains(B.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||c)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}inputTextKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}setValue({committing:e=!1,nativeEvent:t,origin:c,previousValue:o,value:s}){this.setPreviousValue(o??this.value),this.previousValueOrigin=c,this.userChangedValue=c==="user"&&s!==this.value,this.value=s,c==="direct"&&(this.setInputValue(s),this.setPreviousEmittedValue(s)),t&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&this.emitChangeIfUserModified())}render(){let e=this.direction,t=l`<div class=${a(i.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,c=l`<div class=${a(i.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=l`<div class=${a(i.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,s=l`<div class=${a(i.prefix)}>${this.prefixText}</div>`,g=l`<div class=${a(i.suffix)}>${this.suffixText}</div>`,O=l`<input aria-errormessage=${F.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[i.editingEnabled]:this.inlineEditableEnabledInContext,[i.inlineChild]:this.hasInlineEditableContext,[i.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.hasInlineEditableContext&&!this.inlineEditableEnabledInContext?-1:void 0)??n} type=text .value=${f(this.value??"")} ${u(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:l`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[i.inputWrapper]:!0,[m.rtl]:e==="rtl",[i.clearable]:this.isClearable,[i.hasSuffix]:this.suffixText,[i.hasPrefix]:this.prefixText})} ${u(this.inputWrapperRef)}><div class=${a(i.wrapper)}>${this.loading?t:null}${this.prefixText?s:null}${this.requestedIcon?o:null}${O}${this.isClearable?c:null}${this.suffixText?g:null}</div>${this.selfManagedInlineEditable&&l`<div class=${a(i.inlineEditable)}>${S({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,editingEnabled:this.editingEnabled,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,loading:this.inlineEditableLoading,onCancelEditing:()=>this.inlineEditableManager.cancelEditing(),onConfirmChanges:()=>this.inlineEditableManager.confirm(this.inlineEditableAfterConfirm,H=>{this.inlineEditableLoading=H}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${a(i.actionWrapper)} ${u(this.actionWrapperRef)}><slot name=${W.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?V({icon:this.validationIcon,id:F.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};E("calcite-input-text",b);export{b as InputText};
|
|
2
|
+
import{a as B,b as S,c as q}from"./IJEFDN22.js";import{a as L}from"./EKCZDVES.js";import{a as V}from"./UMACBDSW.js";import{a as z}from"./B5NPHY6Y.js";import{c as M}from"./Q7RCXOBZ.js";import{a as T}from"./DKJI4BME.js";import{a as R}from"./HXHDFR6Q.js";import{a as $}from"./PKGGSZ3G.js";import{a as C}from"./4VSUDBBT.js";import{a as I}from"./XKR5TRKJ.js";import{a as y}from"./ZWPNZ5XW.js";import{c as k,e as w}from"./IVP2TAIE.js";import"./IDINCKYS.js";import{s as h}from"./HWKBYMC2.js";import{D as f,E as d,F as u,G as x,H as a,L as p,M as m,T as E,g as v,h as l,l as n,p as r}from"./JLFMHHHY.js";var i={loader:"loader",clearable:"clearable",clearButton:"clear-button",editingEnabled:"editing-enabled",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},F={validationMessage:"inputTextValidationMessage"},W={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-editable{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 .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.editing-enabled)) .loader,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .prefix,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .icon,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .clear-button,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .suffix{display:none}:host([inline-editable]:not([editing-enabled])) .wrapper:hover input,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .inline-editable,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .inline-editable,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .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-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) input,:host([inline-editable]) .inline-editable,:host([inline-editable]) .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-color-border-2));--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-editable--container{display:flex;cursor:pointer;align-items:center}.inline-editable--container .enable-editing,.inline-editable--container .confirm-changes,.inline-editable--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-editable--container .enable-editing{--calcite-action-text-color: var(--calcite-input-text-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-editable-control-background-color-hover, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-editable-control-background-color-press, var(--calcite-input-text-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-editable-control-text-color-press, var(--calcite-input-text-inline-editable-control-text-color))}`,b=class extends x{constructor(){super(),this.actionWrapperRef=d(),this.attributeWatch=k(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=d(),this.enableInlineEditingButtonRef=d(),this.direction=w(),this.inputWrapperRef=d(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=C({blocking:!0}),this.focusSetter=I()(this),this.formSupport=M({inputType:"text"})(this),this.interactiveContainer=$(this),this.inlineEditableManager=new q({getEditingEnabled:()=>this.editingEnabled,setEditingEnabled:e=>{this.editingEnabled=e},getValue:()=>this.value,setValue:e=>{this.setValue({origin:"direct",value:e})},setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputTextInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditableChange.emit()}}),this.inlineEditableLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.inlineEditable=!1,this.inlineEditableControls=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=r(),this.calciteInputTextInput=r(),this.calciteInternalInputTextBlur=r(),this.calciteInternalInputTextFocus=r(),this.calciteInputTextInlineEditableCancel=r({cancelable:!1}),this.calciteInputTextInlineEditableConfirm=r({cancelable:!1}),this.calciteInputTextInlineEditableChange=r({cancelable:!1}),R(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={inlineEditableLoading:[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}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:p},{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:p},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=P}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get inlineEditableEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.editingEnabled}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t))}async selectText(){this.childRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1)}async load(){this.requestedIcon=h({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("icon")&&(this.requestedIcon=h({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value:e||""}),this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEditable&&this.editingEnabled&&e.key==="Escape"){if(e.preventDefault(),this.clearable&&this.value?.length>0){this.clearInputTextValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.inlineEditableEnabledInContext)&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),c=t.some(o=>o instanceof HTMLElement&&o.classList.contains(B.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||c)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}inputTextKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}setValue({committing:e=!1,nativeEvent:t,origin:c,previousValue:o,value:s}){this.setPreviousValue(o??this.value),this.previousValueOrigin=c,this.userChangedValue=c==="user"&&s!==this.value,this.value=s,c==="direct"&&(this.setInputValue(s),this.setPreviousEmittedValue(s)),t&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&this.emitChangeIfUserModified())}render(){let e=this.direction,t=l`<div class=${a(i.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,c=l`<div class=${a(i.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=l`<div class=${a(i.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,s=l`<div class=${a(i.prefix)}>${this.prefixText}</div>`,g=l`<div class=${a(i.suffix)}>${this.suffixText}</div>`,O=l`<input aria-errormessage=${F.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${T(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[i.editingEnabled]:this.inlineEditableEnabledInContext,[i.inlineChild]:this.hasInlineEditableContext,[i.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.hasInlineEditableContext&&!this.inlineEditableEnabledInContext?-1:void 0)??n} type=text .value=${f(this.value??"")} ${u(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:l`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[i.inputWrapper]:!0,[m.rtl]:e==="rtl",[i.clearable]:this.isClearable,[i.hasSuffix]:this.suffixText,[i.hasPrefix]:this.prefixText})} ${u(this.inputWrapperRef)}><div class=${a(i.wrapper)}>${this.loading?t:null}${this.prefixText?s:null}${this.requestedIcon?o:null}${O}${this.isClearable?c:null}${this.suffixText?g:null}</div>${this.selfManagedInlineEditable&&l`<div class=${a(i.inlineEditable)}>${S({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,editingEnabled:this.editingEnabled,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,loading:this.inlineEditableLoading,onCancelEditing:()=>this.inlineEditableManager.cancelEditing(),onConfirmChanges:()=>this.inlineEditableManager.confirm(this.inlineEditableAfterConfirm,H=>{this.inlineEditableLoading=H}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${a(i.actionWrapper)} ${u(this.actionWrapperRef)}><slot name=${W.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?V({icon:this.validationIcon,id:F.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};E("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{b as R}from"./GZZYSINJ.js";import{a as z}from"./YP3AYJH3.js";import{b as F}from"./
|
|
2
|
+
import{b as R}from"./GZZYSINJ.js";import{a as z}from"./YP3AYJH3.js";import{b as F}from"./IVP2TAIE.js";import{A as X,B as V,k as I,m as U}from"./HWKBYMC2.js";import{Q as q}from"./JLFMHHHY.js";var Ce=o=>{let{manager:a}=o;return F((i,c)=>{let u,f,E=l=>!!(l&&i.referenceElementType),C=l=>{E(l)&&(a.registerElement(i,l),f=l)},v=l=>{E(l)&&(a.unregisterElement(i,l),f===l&&(f=void 0))},p=l=>{let{referenceElement:g,el:w}=l;return(typeof g=="string"?U(w,{id:g}):g)||void 0},m=(l=!0)=>{if(!i.referenceElementType)return;i.referenceEl=p(i);let{el:g,referenceElement:w,referenceEl:H}=i;l&&w&&!H&&q.warn(`${g.tagName}: reference-element id "${w}" was not found.`,{el:g})};c.onConnected(()=>{u=requestAnimationFrame(()=>{i.el.isConnected&&(m(i.manager.loadedCalled),C(i.referenceEl))})}),c.onLoaded(()=>{i.referenceElement&&!i.referenceEl&&m()}),c.onUpdate(l=>{i.hasUpdated&&(l.has("referenceElement")&&m(),l.has("referenceEl")?(v(l.get("referenceEl")),C(i.referenceEl)):l.has("open")&&a.updateElement(i,i.referenceEl))}),c.onDisconnected(()=>{u!=null&&(cancelAnimationFrame(u),u=void 0),v(f)})})};function $(o,a){if(o===a)return!0;if(o.length!==a.length)return!1;let i=new Set(o),c=new Set(a);if(i.size!==c.size)return!1;for(let u of i)if(!c.has(u))return!1;return!0}var ce=5,T=300,de=T/3,ue=T*1.5;function fe({startX:o,startY:a,endX:i,endY:c}){return Math.hypot(i-o,c-a)>ce}var pe=o=>{let a=new Map,i=new WeakMap,c=null,u=null,f=null,E=null,C=null,v=null,p=0,m=(e,n)=>{let t=e.find(s=>a.has(s));if(!t)return;let r=a.get(t);return n?r?.filter(s=>s.referenceElementType===n):r},l=(e,n)=>{let t=e.composedPath(),r=m(t,n);r?.forEach(s=>{s&&!s.triggerDisabled&&(s.open=!s.open)}),Array.from(a.values()).flat().filter(s=>!r?.includes(s)&&s.autoClose&&s.open&&!t.includes(s.el)).forEach(s=>s.open=!1)},g=e=>{V(e)||e.defaultPrevented||v&&fe({endY:e.clientY,endX:e.clientX,startY:v.y,startX:v.x})||(v=null,l(e,"click"))},w=()=>{E!=null&&window.clearTimeout(E),E=null},H=()=>{f!=null&&window.clearTimeout(f),f=null},h=()=>{w(),H()},D=(e,n)=>!!(c?.some(t=>t?.open&&n.includes(t.el))||e?.some(t=>t?.open&&n.includes(t.el))),k=(e,n)=>{e?.forEach(t=>t.open=n),c=n?e:null},y=()=>{k(c,!1)},G=e=>{if(e.key==="Escape"&&!e.defaultPrevented){let n=c?.filter(t=>t?.open);if(n?.length){h(),y();let t=e.composedPath();n.some(r=>r.referenceEl instanceof Element&&t.includes(r.referenceEl)||t.includes(r.el))&&e.preventDefault()}}},Q=e=>{if(e.defaultPrevented)return;u=null;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}if(y(),!t?.length)return;h();let r=t.filter(d=>d.closeOnClick),s=t.filter(d=>!d.closeOnClick);r?.length&&(u=r,k(r,!1)),k(s,!0)},x=e=>{if(e.defaultPrevented||!X(e))return;let{clientX:n,clientY:t}=e;v={x:n,y:t}},W=e=>{e.defaultPrevented||(e.key==="Escape"?J():z(e.key)&&l(e,"click"))},j=e=>{m(e.composedPath())?.forEach(t=>t.onReferenceElementKeyDown?.(e))},J=()=>{Array.from(a.values()).flat().forEach(e=>e.open=!1)},O=e=>{$(e??[],c??[])||y()},Z=e=>{E=window.setTimeout(()=>{E===null||!$(e??[],C??[])||(H(),O(e),k(e,!0))},c?.some(n=>n.open)?de:T)},S=()=>{f=window.setTimeout(()=>{f!==null&&y()},ue)},b=e=>{if(e.defaultPrevented){y();return}let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(t?.some(r=>C?.includes(r))||w(),C=t,t?.length?Z(t):c?.some(r=>r?.open)&&S(),u=null)},A=()=>{y()},M=e=>{e.defaultPrevented||(h(),S())},_=e=>{o.click&&g(e),o.hover&&Q(e)},B=e=>{j(e),o.click&&W(e),o.hover&&G(e)},ee=()=>{(o.click||o.hover)&&(window.addEventListener("click",_),window.addEventListener("keydown",B)),o.click&&window.addEventListener("pointerdown",x),o.hover&&(window.addEventListener("pointermove",b),window.addEventListener("focusin",P),window.addEventListener("blur",A),document.addEventListener("pointerleave",M))},ne=()=>{(o.click||o.hover)&&(window.removeEventListener("click",_),window.removeEventListener("keydown",B)),o.click&&window.removeEventListener("pointerdown",x),o.hover&&(window.removeEventListener("pointermove",b),window.removeEventListener("focusin",P),window.removeEventListener("blur",A),document.removeEventListener("pointerleave",M))},te=(e,n)=>{h(),k(e,n)},Y=e=>e instanceof Element?I(e):null,P=e=>{if(e.defaultPrevented)return;let n=e.composedPath(),t=m(n,"hover");if(D(t,n)){h();return}t?.some(r=>u?.includes(r))||(u=null,O(t),t?.length&&te(t,!0))},K=(e,n)=>{if(!(!n||!e.referenceElementType)&&o.click&&"ariaExpanded"in n){let r=(a.get(n)??[])?.some(s=>s.open)??!1;n.ariaExpanded=R(e.open||r)}},re=e=>{e.addEventListener("focusin",P)},se=e=>{e.removeEventListener("focusin",P)},oe=e=>{let n=i.get(e),t=(typeof n=="number"?n:0)+1;t===1&&re(e),i.set(e,t)},ie=e=>{let n=i.get(e),t=typeof n=="number"?n:0,r=Math.max(0,t-1);if(t>0&&r===0){se(e),i.delete(e);return}r>0&&i.set(e,r)},le=(e,n)=>{if(!n||!e.referenceElementType)return;let t=a.get(n)??[];if(t.includes(e))return;if(o.click&&"ariaControlsElements"in n){let s=n.ariaControlsElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaControlsElements=d}}if(o.hover&&"ariaDescribedByElements"in n){let s=n.ariaDescribedByElements??[];if(!s.includes(e.el)){let d=[...s,e.el];n.ariaDescribedByElements=d}}p++,a.set(n,[...t,e]);let r=o.hover?Y(n):null;r&&oe(r),p===1&&ee(),K(e,n)},N=e=>{p--,e&&ie(e)};return{registerElement:le,unregisterElement:(e,n)=>{if(!n||!e.referenceElementType)return;let t=o.hover?Y(n):null,r=a.get(n)??[],s=r.filter(d=>d!==e);if(s.length>0?(a.set(n,s),s.length!==r.length&&N(t)):a.delete(n)&&N(t),p===0&&(ne(),h()),o.click&&"ariaControlsElements"in n){let d=(n.ariaControlsElements??[]).filter(L=>L!==e.el);n.ariaControlsElements=d.length>0?d:null}if(o.click&&"ariaExpanded"in n)if((s?.length??0)>0){let L=s?.some(ae=>ae.open)??!1;n.ariaExpanded=R(L)}else n.ariaExpanded=null;if(o.hover&&"ariaDescribedByElements"in n){let d=(n.ariaDescribedByElements??[]).filter(L=>L!==e.el);n.ariaDescribedByElements=d.length>0?d:null}},updateElement:K}};export{Ce as a,pe as b};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{s as e}from"./
|
|
2
|
+
import{s as e}from"./HWKBYMC2.js";import{G as o,H as n,K as a,L as l,T as r,g as c,h as i}from"./JLFMHHHY.js";var d={inputMessageIcon:"calcite-input-message-icon"},u={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"},h=c`:host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;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;margin-block-start:var(--calcite-input-message-spacing, var(--calcite-input-message-spacing-value, var(--calcite-spacing-xxs)))}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;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;margin-inline-end:var(--calcite-spacing-sm)}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-status-danger))))}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-status-success))))}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-brand))))}:host([scale=s]){font-size:var(--calcite-font-size-relative-xs);line-height:var(--calcite-font-line-height-xs)}:host([scale=m]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=l]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends o{constructor(){super(...arguments),this.iconFlipRtl=!1,this.scale="m",this.status="idle"}static{this.properties={icon:[3,{converter:l},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}]}}static{this.styles=h}connectedCallback(){super.connectedCallback(),this.requestedIcon=e(u,this.icon,this.status)}willUpdate(t){(t.has("status")&&(this.hasUpdated||this.status!=="idle")||t.has("icon"))&&(this.requestedIcon=e(u,this.icon,this.status))}render(){let t=this.el.hidden;return a(this.el,"calcite-hydrated-hidden",t),i`${this.renderIcon(this.requestedIcon)}<slot></slot>`}renderIcon(t){return t&&i`<calcite-icon class=${n(d.inputMessageIcon)} .flipRtl=${this.iconFlipRtl} .icon=${t} scale=s></calcite-icon>`}};r("calcite-input-message",s);export{s as InputMessage};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{e as g}from"./KDUZXP3Z.js";import{a as S}from"./PKGGSZ3G.js";import"./VUYX7MNO.js";import{a as u}from"./XKR5TRKJ.js";import"./ZWPNZ5XW.js";import"./IVP2TAIE.js";import"./IDINCKYS.js";import{C as a,y as f}from"./HWKBYMC2.js";import{E as n,F as h,G as d,H as p,T as m,g as l,h as o,p as r}from"./JLFMHHHY.js";var w={container:"container"},b=l`: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:flex}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-swatch-group-space, var(--calcite-spacing-sm))}:host([scale=s]) .container{gap:var(--calcite-swatch-group-space, var(--calcite-spacing-xs))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,c=class extends d{constructor(){super(),this.items=[],this.slotRef=n(),this.focusSetter=u()(this),this.interactiveContainer=S(this),this.disabled=!1,this.scale="m",this.selectedItems=[],this.selectionMode="none",this.calciteSwatchGroupSelect=r({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("calciteSwatchSelect",this.calciteSwatchSelectListener),this.listen("calciteInternalSwatchSelect",this.calciteInternalSwatchSelectListener),this.listen("calciteInternalSyncSelectedSwatches",this.calciteInternalSyncSelectedSwatches)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=b}async setFocus(e){return this.focusSetter(()=>this.el,e)}willUpdate(e){(e.has("scale")||e.has("selectionMode"))&&(this.hasUpdated||this.selectionMode!=="none")&&this.updateItems()}keyDownHandler(e){let t=e.composedPath().find(g);if(e.defaultPrevented||!t||!this.el.contains(t))return;let s=this.items.filter(i=>!i.disabled);if(s.includes(t))switch(e.key){case"ArrowRight":a(s,t,"next"),e.preventDefault();break;case"ArrowLeft":a(s,t,"previous"),e.preventDefault();break;case"Home":a(s,t,"first"),e.preventDefault();break;case"End":a(s,t,"last"),e.preventDefault();break}}calciteSwatchSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!0,e.target),e.stopPropagation()}calciteInternalSwatchSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(!1,e.target),e.stopPropagation()}calciteInternalSyncSelectedSwatches(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(),this.selectionMode==="single"&&this.selectedItems.length>1&&this.setSelectedItems(!1,e.target)),e.stopPropagation()}handleSlotChange(e){this.updateItems(f(e,"calcite-swatch"))}updateItems(e=this.items){this.items=e,!(this.items.length<1)&&(this.items.forEach(t=>{t.interactive=!0,t.scale=this.scale,t.selectionMode=this.selectionMode,t.parentSwatchGroup=this.el}),this.setSelectedItems(!1))}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}setSelectedItems(e,t){t&&this.items.forEach(s=>{let i=t===s;switch(this.selectionMode){case"multiple":i&&(s.selected=!s.selected);break;case"single":s.selected=i?!s.selected:!1;break;case"single-persist":s.selected=!!i;break}}),this.updateSelectedItems(),e&&this.calciteSwatchGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup",{disabled:t}=this;return this.interactiveContainer({disabled:t,children:o`<div .ariaLabel=${this.label} class=${p(w.container)} .role=${e}><slot @slotchange=${this.handleSlotChange} ${h(this.slotRef)}></slot></div>`})}};m("calcite-swatch-group",c);export{c as SwatchGroup};
|