@esri/calcite-components 5.1.0-next.41 → 5.1.0-next.42
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/{UWTFVQZZ.js → 24VCNUH5.js} +1 -1
- package/dist/cdn/{KT5ZBHYJ.js → 2DH3FWEI.js} +1 -1
- package/dist/cdn/{J75WMG5K.js → 2ICOSO2N.js} +1 -1
- package/dist/cdn/{CUEFJU5M.js → 2LIAGA6D.js} +1 -1
- package/dist/cdn/{S6W6A66Z.js → 2SQTFFUH.js} +1 -1
- package/dist/cdn/{DVT6XGRX.js → 2TLYQB3H.js} +1 -1
- package/dist/cdn/{MHY3UNM6.js → 33U2YP4W.js} +1 -1
- package/dist/cdn/{5YJHDAMC.js → 36NKWNCT.js} +1 -1
- package/dist/cdn/{XL6HVXTT.js → 3F3D4BJ6.js} +1 -1
- package/dist/cdn/{JIPOSCDQ.js → 3JZWLIUO.js} +1 -1
- package/dist/cdn/{2CMEG656.js → 3LLRSOPX.js} +1 -1
- package/dist/cdn/{GF6UHDWG.js → 3RNGMZJL.js} +1 -1
- package/dist/cdn/{Q43RHQO7.js → 4J5GPFW4.js} +1 -1
- package/dist/cdn/{QH3YRMT7.js → 4VA2M4Z6.js} +1 -1
- package/dist/cdn/{QB4POCYZ.js → 4XDDF7QJ.js} +1 -1
- package/dist/cdn/{XQ2A5CAB.js → 55SHOESH.js} +1 -1
- package/dist/cdn/{7ZM7AHRH.js → 5F2MOSTC.js} +1 -1
- package/dist/cdn/{XWE4Y4LH.js → 5F3HT5EX.js} +1 -1
- package/dist/cdn/{MDIOA3TB.js → 5ITO27ET.js} +1 -1
- package/dist/cdn/{3JPPSAVC.js → 6BM6TWQ2.js} +1 -1
- package/dist/cdn/{S7XRYSLC.js → 6CBC7O2L.js} +1 -1
- package/dist/cdn/{6HUNPYIU.js → 6D52GNCZ.js} +1 -1
- package/dist/cdn/{LQJ57QQT.js → 6I6KIIFZ.js} +1 -1
- package/dist/cdn/{F2OT6ZS7.js → 6NMPQ7IK.js} +1 -1
- package/dist/cdn/{C3ZMZ6DZ.js → 7ALGUDRK.js} +1 -1
- package/dist/cdn/{XDZU4ZCM.js → 7BIMPQHS.js} +1 -1
- package/dist/cdn/{QKTDNEVV.js → 7N33UB6K.js} +1 -1
- package/dist/cdn/{GEWK7CNC.js → 7PA7GRRE.js} +1 -1
- package/dist/cdn/{Y73IXKXQ.js → 7UIJGCNT.js} +1 -1
- package/dist/cdn/{6IXX24B5.js → 7VQ2OKJE.js} +1 -1
- package/dist/cdn/{U4RNEEDS.js → AUMIVOTT.js} +1 -1
- package/dist/cdn/{M2AV52WE.js → AZ6SVWDM.js} +1 -1
- package/dist/cdn/{RUV4NSFE.js → BEBCUZFX.js} +1 -1
- package/dist/cdn/{YZZ2SHC2.js → C5YMLOZK.js} +1 -1
- package/dist/cdn/{CQTKLBEA.js → CBPLAPZD.js} +1 -1
- package/dist/cdn/{JQ2SIN67.js → CF4WXYS6.js} +1 -1
- package/dist/cdn/{PS3RNTX7.js → CLH4YTVT.js} +1 -1
- package/dist/cdn/{DM4TDFHC.js → CN4KGWO7.js} +1 -1
- package/dist/cdn/{QA5WKG2V.js → CVWXK3WH.js} +1 -1
- package/dist/cdn/{4RK74RAX.js → D7AS4CIT.js} +1 -1
- package/dist/cdn/{AMBU24RT.js → DDCJYR7L.js} +1 -1
- package/dist/cdn/{JGCSNM6I.js → DFEKS3S3.js} +1 -1
- package/dist/cdn/{5XXHCJWT.js → DLZLKA4T.js} +1 -1
- package/dist/cdn/{A3EVLDK2.js → DNJP6SCZ.js} +1 -1
- package/dist/cdn/{4EQVX3RN.js → DU3DPRSW.js} +1 -1
- package/dist/cdn/{DSZEUV6U.js → DVTWHLVS.js} +1 -1
- package/dist/cdn/{ZDXIPCCV.js → EJNEFXBB.js} +1 -1
- package/dist/cdn/{2HNLUEFE.js → EKZ27R6P.js} +1 -1
- package/dist/cdn/{3PMEQAA4.js → EOILUVEC.js} +1 -1
- package/dist/cdn/{JMESEQBV.js → EQWOSRJS.js} +1 -1
- package/dist/cdn/{EYQJAUTS.js → EUJZPMHT.js} +1 -1
- package/dist/cdn/{TWAQRNOV.js → F52J6R6Y.js} +1 -1
- package/dist/cdn/{K2J5VOGN.js → F74SA3H7.js} +1 -1
- package/dist/cdn/{24MYDDCX.js → FBU7VQQU.js} +1 -1
- package/dist/cdn/{45PPV4KB.js → FKAW7VF2.js} +1 -1
- package/dist/cdn/{RGLX6ZUD.js → FQQVFFDC.js} +1 -1
- package/dist/cdn/{AGJOJXT7.js → FRNKX4RT.js} +1 -1
- package/dist/cdn/{CX6NYW6U.js → FS3FP3E7.js} +1 -1
- package/dist/cdn/{CKN7KBBX.js → G655RHCC.js} +1 -1
- package/dist/cdn/{564OQMMG.js → GCI4G5CC.js} +1 -1
- package/dist/cdn/{6ALR2RKE.js → GDO67NG3.js} +1 -1
- package/dist/cdn/{FO5KZ2B4.js → GPNRDGRG.js} +1 -1
- package/dist/cdn/{FUAQVSMM.js → HBEKRRFA.js} +1 -1
- package/dist/cdn/{B6IJE67V.js → HBFFSKHQ.js} +1 -1
- package/dist/cdn/{4Y2EOU6I.js → HCTMBHQC.js} +1 -1
- package/dist/cdn/{E4G4YBUV.js → HHRSNWVJ.js} +1 -1
- package/dist/cdn/{DQX5RKEG.js → HJEIJ4CJ.js} +1 -1
- package/dist/cdn/{T5OE6UXW.js → HKBFAZAP.js} +1 -1
- package/dist/cdn/{JTIOKO5Z.js → HONIHA7Y.js} +1 -1
- package/dist/cdn/{FXPBVOSU.js → HYLBJYLD.js} +1 -1
- package/dist/cdn/{5DNRIF2T.js → IAIGNDF6.js} +1 -1
- package/dist/cdn/{SOV3TN4E.js → IELQCDZV.js} +1 -1
- package/dist/cdn/{V7U5TUOP.js → IGBSJW7P.js} +1 -1
- package/dist/cdn/{M3F5QBVV.js → IK5QGRIX.js} +1 -1
- package/dist/cdn/{2FA462GH.js → IROIUJI7.js} +1 -1
- package/dist/cdn/{YK2YMJCK.js → J2S7JUOG.js} +1 -1
- package/dist/cdn/{4BN3NFQE.js → JO67U7O6.js} +1 -1
- package/dist/cdn/{VFQ6FGYV.js → JSY36PGK.js} +1 -1
- package/dist/cdn/{NBJNGORU.js → KGCK5EOF.js} +1 -1
- package/dist/cdn/{Z3PR5L6P.js → KOTGZOPG.js} +1 -1
- package/dist/cdn/{G2N5QQQC.js → KTF3HRSC.js} +1 -1
- package/dist/cdn/{NT3HJBBX.js → KVNPKHJE.js} +1 -1
- package/dist/cdn/{GRAXNZVF.js → KWM5PO5E.js} +1 -1
- package/dist/cdn/{B74NISG7.js → LLIVQLYI.js} +1 -1
- package/dist/cdn/{PQFBEGNW.js → M72OX2NI.js} +1 -1
- package/dist/cdn/{TDPJ5IO7.js → M77PVNA5.js} +1 -1
- package/dist/cdn/{AGT4E2MR.js → MIW54I6U.js} +1 -1
- package/dist/cdn/{VIV5RTB5.js → MNWU4JG6.js} +1 -1
- package/dist/cdn/{7FDVLRYA.js → MWXXO2IF.js} +1 -1
- package/dist/cdn/{MWRUONCP.js → NUL2KWCK.js} +1 -1
- package/dist/cdn/{JQWPSLVQ.js → OBDWNMT4.js} +1 -1
- package/dist/cdn/{FWIH6QX6.js → OD2OFTAW.js} +1 -1
- package/dist/cdn/{K3TXMTAA.js → ONGJTZME.js} +1 -1
- package/dist/cdn/{R6ION3EX.js → OW4PP6H6.js} +1 -1
- package/dist/cdn/{V3MIT2UF.js → OY6ERUHE.js} +1 -1
- package/dist/cdn/{7MRRY2FG.js → P5BNCDUR.js} +1 -1
- package/dist/cdn/{RVXWIAKA.js → PD7IE5T5.js} +1 -1
- package/dist/cdn/{KKCLSEGI.js → PLB3J3MR.js} +1 -1
- package/dist/cdn/{T5FTXYCC.js → PUEYOG5S.js} +1 -1
- package/dist/cdn/{TIOSPWRC.js → Q2QADI72.js} +1 -1
- package/dist/cdn/{4LF7JOWB.js → Q75NF4J3.js} +1 -1
- package/dist/cdn/{I2C2U4EG.js → QCRJVL4W.js} +1 -1
- package/dist/cdn/{T5QTQYSJ.js → QJ2KZL5V.js} +1 -1
- package/dist/cdn/{V2V4HEZE.js → RGKZUYDU.js} +1 -1
- package/dist/cdn/{6W5UQMJB.js → RNCI46OL.js} +1 -1
- package/dist/cdn/{GPB37IZK.js → RP767HLZ.js} +1 -1
- package/dist/cdn/{6FYE5EO4.js → S37UIKHR.js} +1 -1
- package/dist/cdn/{GA7UTPCH.js → SAITVIPI.js} +1 -1
- package/dist/cdn/{AKNE222R.js → SWGJ5M7Q.js} +1 -1
- package/dist/cdn/{VJUAN25O.js → SZUV2NPG.js} +1 -1
- package/dist/cdn/{KGN7LNPW.js → TC7GHL27.js} +1 -1
- package/dist/cdn/{VS7QNWXR.js → TCECVX5W.js} +1 -1
- package/dist/cdn/{FVJPSUND.js → TNDJCXNK.js} +1 -1
- package/dist/cdn/{RBNGWGBY.js → TPRQEKIG.js} +1 -1
- package/dist/cdn/{5LFL3RZM.js → UBKHHZJ4.js} +1 -1
- package/dist/cdn/{RLDG7JKF.js → UL4OE7TO.js} +1 -1
- package/dist/cdn/{6OIJRLWE.js → UTW3AV2W.js} +1 -1
- package/dist/cdn/{FNUCXO5T.js → UU32DKVL.js} +1 -1
- package/dist/cdn/{ABWDY3S3.js → UWHVFXWB.js} +1 -1
- package/dist/cdn/{2S7YK3XB.js → V6MIIYPL.js} +1 -1
- package/dist/cdn/{DAN2REQH.js → VBECIGU3.js} +1 -1
- package/dist/cdn/{4JQR5BFT.js → VCRKEKZN.js} +1 -1
- package/dist/cdn/{FUUTIPHY.js → VKNBO4H5.js} +1 -1
- package/dist/cdn/{TRGMORRC.js → VLOGLRQW.js} +1 -1
- package/dist/cdn/{5W3NUC35.js → VO5MQPE6.js} +1 -1
- package/dist/cdn/{DNCPJ3MF.js → W23ALSYA.js} +1 -1
- package/dist/cdn/{DREDLWCT.js → WAPQVFTP.js} +1 -1
- package/dist/cdn/{6OJ75BQL.js → WQUJEW2K.js} +1 -1
- package/dist/cdn/{OW7J4OUX.js → X5XG2XVZ.js} +1 -1
- package/dist/cdn/{2ZVRANSV.js → XA3UTTKM.js} +1 -1
- package/dist/cdn/{6WINJYQB.js → XF3M5MQV.js} +1 -1
- package/dist/cdn/{II5Q35BQ.js → XHJ3URCF.js} +1 -1
- package/dist/cdn/{WLMV5NME.js → Y2SWMC2J.js} +1 -1
- package/dist/cdn/{2ERRVHOG.js → Y74NH24P.js} +1 -1
- package/dist/cdn/{B5HEG3NU.js → YLSKIDPZ.js} +1 -1
- package/dist/cdn/{NPL2RAJH.js → YRKWU5DH.js} +1 -1
- package/dist/cdn/{4R2OUXIA.js → YT7UFIFK.js} +1 -1
- package/dist/cdn/{VG74OPNP.js → YVTCTKMY.js} +1 -1
- package/dist/cdn/{U66XQE3L.js → ZG55RM66.js} +1 -1
- package/dist/cdn/{N7RECCIH.js → ZGMNMVE6.js} +1 -1
- package/dist/cdn/{KZ26ANWU.js → ZIPC4VCA.js} +1 -1
- package/dist/cdn/{3Z3BLSQV.js → ZQL5B4WP.js} +1 -1
- package/dist/cdn/{EDZNJS2P.js → ZX3OFVBE.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-card/customElement.d.ts +7 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as L}from"./TIOSPWRC.js";import{a as x,b as R}from"./6HUNPYIU.js";import{d as n}from"./DCWL5FUH.js";import{a as A}from"./MHY3UNM6.js";import{a as M}from"./3PITBECR.js";import{a as I}from"./4LF7JOWB.js";import{a as P}from"./ZDXIPCCV.js";import{a as O}from"./5YJHDAMC.js";import{a as C}from"./ENDXE7YY.js";import{a as B}from"./E4G4YBUV.js";import{a as E}from"./I2C2U4EG.js";import"./RH6ZIP65.js";import"./RVXWIAKA.js";import"./CX6NYW6U.js";import{D as u}from"./CUEFJU5M.js";import"./OAOQ5BXS.js";import{E as k,F as w,G as D,H as b,P as c,S as T,g as S,h as z,p as f}from"./RBNGWGBY.js";var g={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text"},s={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},F={x:null,y:null},U={top:null,right:null,bottom:null,left:null},j=S`: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-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;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-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}`,$=class extends D{constructor(){super(...arguments),this.dragPosition={...F},this.focusTrap=A({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=L()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...U},this.transitionEl=null,this.messages=B(),this.focusSetter=E()(this),this.sizeOverride=R({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=I({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,{type:String},{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(){P(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:a,resizable:o,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&o&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=u(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&o&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&o&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=u(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&o&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:a,resizable:o}=this;if(!r)return;if(!a&&!o){r.style.transform=null;return}let{top:d,right:l,bottom:p,left:y}=this.getAdjustedResizePosition(i),m=Math.round(e+y+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:null}cleanupInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...F},this.resizePosition={...U},this.updateTransform()}async setupInteractions(){this.cleanupInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:a,dragPosition:o}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=x(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:y}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[x.modifiers.restrictSize({min:{width:u(d),height:u(l)},max:{width:u(p)||window.innerWidth,height:u(y)||window.innerHeight}}),x.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(a.top+=h.top,a.right+=h.right,a.bottom+=h.bottom,a.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[x.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{o.x+=d,o.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let a=e/2,o=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:o,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:o,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};case"cover":case"center":default:return{top:a,right:o,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:a,iconFlipRtl:o}=this;return z`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[g.container]:!0,[g.containerOpen]:r,[g.containerEmbedded]:this.embedded})} .popover=${this.embedded?null:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?z`<calcite-scrim class=${b(g.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[g.dialog]:!0,[M("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?O("assistive-text",z`<div aria-live=polite class=${b(g.assistiveText)}>${e}</div>`):null}<slot name=${s.customContent}><calcite-panel class=${b(g.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${s.actionBar} slot=${n.actionBar}></slot><slot name=${s.alerts} slot=${n.alerts}></slot><slot name=${s.headerActionsStart} slot=${n.headerActionsStart}></slot><slot name=${s.headerActionsEnd} slot=${n.headerActionsEnd}></slot><slot name=${s.description} slot=${n.description}></slot><slot name=${s.heading} slot=${n.heading}></slot><slot name=${s.headerContent} slot=${n.headerContent}></slot><slot name=${s.headerMenuActions} slot=${n.headerMenuActions}></slot><slot name=${s.fab} slot=${n.fab}></slot><slot name=${s.contentTop} slot=${n.contentTop}></slot><slot name=${s.contentBottom} slot=${n.contentBottom}></slot><slot name=${s.footerStart} slot=${n.footerStart}></slot><slot name=${s.footer} slot=${n.footer}></slot><slot name=${s.footerEnd} slot=${n.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",$);export{$ as Dialog};
|
|
2
|
+
import{a as L}from"./Q2QADI72.js";import{a as x,b as R}from"./6D52GNCZ.js";import{d as n}from"./DCWL5FUH.js";import{a as A}from"./33U2YP4W.js";import{a as M}from"./3PITBECR.js";import{a as I}from"./Q75NF4J3.js";import{a as P}from"./EJNEFXBB.js";import{a as O}from"./36NKWNCT.js";import{a as C}from"./ENDXE7YY.js";import{a as B}from"./HHRSNWVJ.js";import{a as E}from"./QCRJVL4W.js";import"./RH6ZIP65.js";import"./PD7IE5T5.js";import"./FS3FP3E7.js";import{D as u}from"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{E as k,F as w,G as D,H as b,P as c,S as T,g as S,h as z,p as f}from"./TPRQEKIG.js";var g={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text"},s={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},F={x:null,y:null},U={top:null,right:null,bottom:null,left:null},j=S`: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-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;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-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}`,$=class extends D{constructor(){super(...arguments),this.dragPosition={...F},this.focusTrap=A({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=L()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...U},this.transitionEl=null,this.messages=B(),this.focusSetter=E()(this),this.sizeOverride=R({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=I({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,{type:String},{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(){P(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:a,resizable:o,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&o&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=u(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&o&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&o&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=u(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&o&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:a,resizable:o}=this;if(!r)return;if(!a&&!o){r.style.transform=null;return}let{top:d,right:l,bottom:p,left:y}=this.getAdjustedResizePosition(i),m=Math.round(e+y+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:null}cleanupInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...F},this.resizePosition={...U},this.updateTransform()}async setupInteractions(){this.cleanupInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:a,dragPosition:o}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=x(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:y}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[x.modifiers.restrictSize({min:{width:u(d),height:u(l)},max:{width:u(p)||window.innerWidth,height:u(y)||window.innerHeight}}),x.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(a.top+=h.top,a.right+=h.right,a.bottom+=h.bottom,a.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[x.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{o.x+=d,o.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let a=e/2,o=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:o,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:o,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};case"cover":case"center":default:return{top:a,right:o,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:a,iconFlipRtl:o}=this;return z`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[g.container]:!0,[g.containerOpen]:r,[g.containerEmbedded]:this.embedded})} .popover=${this.embedded?null:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?z`<calcite-scrim class=${b(g.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[g.dialog]:!0,[M("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?O("assistive-text",z`<div aria-live=polite class=${b(g.assistiveText)}>${e}</div>`):null}<slot name=${s.customContent}><calcite-panel class=${b(g.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @keydown=${this.handlePanelKeyDown} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${s.actionBar} slot=${n.actionBar}></slot><slot name=${s.alerts} slot=${n.alerts}></slot><slot name=${s.headerActionsStart} slot=${n.headerActionsStart}></slot><slot name=${s.headerActionsEnd} slot=${n.headerActionsEnd}></slot><slot name=${s.description} slot=${n.description}></slot><slot name=${s.heading} slot=${n.heading}></slot><slot name=${s.headerContent} slot=${n.headerContent}></slot><slot name=${s.headerMenuActions} slot=${n.headerMenuActions}></slot><slot name=${s.fab} slot=${n.fab}></slot><slot name=${s.contentTop} slot=${n.contentTop}></slot><slot name=${s.contentBottom} slot=${n.contentBottom}></slot><slot name=${s.footerStart} slot=${n.footerStart}></slot><slot name=${s.footer} slot=${n.footer}></slot><slot name=${s.footerEnd} slot=${n.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",$);export{$ as Dialog};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as i}from"./
|
|
2
|
+
import{a as i}from"./36NKWNCT.js";import{a as c}from"./QCRJVL4W.js";import"./RH6ZIP65.js";import"./PD7IE5T5.js";import"./FS3FP3E7.js";import"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{G as n,H as a,S as l,g as r,h as e}from"./TPRQEKIG.js";var t={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"},u=r`:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);outline-color:transparent;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;font-family:inherit;border:none;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem;--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-relative-md);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1))}.username{font-size:var(--calcite-font-size--1);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2))}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-2)}:host(:focus) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-3)}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends n{constructor(){super(...arguments),this.focusSetter=c()(this),this.textDisabled=!1}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],fullName:1,label:1,textDisabled:[7,{},{reflect:!0,type:Boolean}],thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=u}async setFocus(s){return this.focusSetter(()=>this.el,s)}render(){return e`<button .ariaLabel=${this.label} class=${a(t.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&e`<div class=${a(t.textContainer)}>${this.fullName&&i(t.fullName,e`<span class=${a(t.fullName)}>${this.fullName}</span>`)||""}${this.username&&i(t.username,e`<span class=${a(t.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};l("calcite-navigation-user",o);export{o as NavigationUser};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as i,b as m,c as o}from"./
|
|
2
|
+
import{a as i,b as m,c as o}from"./FQQVFFDC.js";import{a as r}from"./36NKWNCT.js";import{H as t}from"./TPRQEKIG.js";var p=({children:e,class:n,hidden:c=!1,key:f,level:a})=>{let s=a?i(`h${a}`):m`div`;return r(f,o`<${s} class=${t(n)} .hidden=${c}>${e}</${s}>`)};export{p as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as G}from"./JQWPSLVQ.js";import{b as h}from"./QS4T2NHO.js";import{b as u}from"./EDZNJS2P.js";import{a as j}from"./JMESEQBV.js";import{a as K}from"./Q43RHQO7.js";import{a as _}from"./DM4TDFHC.js";import{c as A,d as U,e as N}from"./VG74OPNP.js";import"./EYQJAUTS.js";import{a as L}from"./S7XRYSLC.js";import"./YGX7CUXN.js";import{a as V}from"./E4G4YBUV.js";import{a as q}from"./I2C2U4EG.js";import{a as B}from"./RH6ZIP65.js";import{e as M}from"./RVXWIAKA.js";import"./CX6NYW6U.js";import"./CUEFJU5M.js";import"./OAOQ5BXS.js";import{E as l,F as o,G as O,H as r,L as E,S as D,g as z,h as c,l as t,p}from"./RBNGWGBY.js";var se=z`: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:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover, var(--calcite-color-text-1))}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.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}`,i={clockIcon:"clock-icon",container:"container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},w={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends O{constructor(){super(),this.messages=V(),this.containerRef=l(),this.direction=M(),this.focusSetter=q()(this),this.formSupport=_({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=G(this),this.interactiveContainer=L(this),this.timePickerRef=l(),this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=p({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=p({cancelable:!1}),this.calciteInputTimePickerChange=p(),this.calciteInputTimePickerClose=p({cancelable:!1}),this.calciteInputTimePickerOpen=p({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),A(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}disconnectedCallback(){super.disconnectedCallback(),U(this)}blurHandler(){this.changeEventHandler()}changeEventHandler(){let{previousEmittedValue:e,value:s}=this;e!==s&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue):this.previousEmittedValue=s)}keyDownHandler(e){let{defaultPrevented:s,key:a}=e,{hourFormat:n,meridiemOrder:d}=this.time;if(!s)if(a==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&a==="Escape")this.open=!1,e.preventDefault();else{let v=h(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:a==="ArrowRight"?this.setFocusPart("minute"):a==="ArrowLeft"&&n==="12"&&d===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(a){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):n==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":h(this.step)>0?this.setFocusPart("fractionalSecond"):n==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":n==="12"&&d!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:a==="ArrowLeft"&&d!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):a==="ArrowRight"&&d===0&&this.setFocusPart("hour");break}}}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let s=e.detail;s!==this.value?this.value=s:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:s,scale:a}=this,{fractionalSecond:n,handleHourKeyDownEvent:d,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:J,hour:b,hourFormat:Q,localizedDecimalSeparator:W,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:X,localizedMinute:C,localizedMinuteSuffix:Y,localizedSecond:F,localizedSecondSuffix:H,meridiemOrder:Z,minute:$,second:x}=this.time,y="--",ee=u(n),ie=u(b),te=u($),ae=u(x),I=h(this.step)>0,R=Q==="12",re=this.step<60,T=Z===0||this.direction==="rtl",m=!this.disabled&&!this.readOnly;return this.interactiveContainer({disabled:this.disabled,children:c`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-labelledby=${f.inputContainer} class=${r({[i.container]:!0,[i.readOnly]:s})} role=combobox ${o(this.containerRef)}><calcite-icon class=${r(i.clockIcon)} .icon=${w.clock} .scale=${a==="l"?"m":"s"}></calcite-icon><div aria-label=${N(this)??t} .ariaRequired=${this.required} class=${r(i.inputContainer)} dir=ltr id=${f.inputContainer} role=group>${R&&T&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(b)||"0")??t} aria-valuetext=${b??t} class=${r({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?d:void 0} role=spinbutton tabindex=0 ${o(this.hourRef)}>${S||y}</span><span class=${r(i.hourSuffix)}>${X}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(te&&parseInt($)||"0")??t} aria-valuetext=${$??t} class=${r({[i.empty]:!C,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?v:void 0} role=spinbutton tabindex=0 ${o(this.minuteRef)}>${C||y}</span><span class=${r(i.minuteSuffix)}>${Y}</span>${re&&c`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ae&&parseInt(x)||"0")??t} aria-valuetext=${x??t} class=${r({[i.empty]:!F,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?g:void 0} role=spinbutton tabindex=0 ${o(this.secondRef)}>${F||y}</span>`||""}${I&&c`<span class=${r(i.decimalSeparator)}>${W}</span>`||""}${I&&c`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ee&&parseInt(n)||"0")??t} aria-valuetext=${k??t} class=${r({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?J:void 0} role=spinbutton tabindex=0 ${o(this.fractionalSecondRef)}>${k||"".padStart(h(this.step),"-")}</span>`||""}${H&&c`<span class=${r(i.secondSuffix)}>${H}</span>`||""}${R&&!T&&this.renderMeridiem()||""}</div>${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${o(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${o(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:s,meridiem:a}=this.time,n=!this.disabled&&!this.readOnly;return c`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${a==="PM"&&"2"||"1"} aria-valuetext=${a??t} class=${r({[i.empty]:!s,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${n?e:void 0} role=spinbutton tabindex=0 ${o(this.meridiemRef)}>${s||"--"}</span>`}renderToggleIcon(e){return c`<span class=${r(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?w.chevronUp:w.chevronDown} .scale=${B(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
2
|
+
import{a as G}from"./OBDWNMT4.js";import{b as h}from"./QS4T2NHO.js";import{b as u}from"./ZX3OFVBE.js";import{a as j}from"./EQWOSRJS.js";import{a as K}from"./4J5GPFW4.js";import{a as _}from"./CN4KGWO7.js";import{c as A,d as U,e as N}from"./YVTCTKMY.js";import"./EUJZPMHT.js";import{a as L}from"./6CBC7O2L.js";import"./YGX7CUXN.js";import{a as V}from"./HHRSNWVJ.js";import{a as q}from"./QCRJVL4W.js";import{a as B}from"./RH6ZIP65.js";import{e as M}from"./PD7IE5T5.js";import"./FS3FP3E7.js";import"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{E as l,F as o,G as O,H as r,L as E,S as D,g as z,h as c,l as t,p}from"./TPRQEKIG.js";var se=z`: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:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}calcite-time-picker{--calcite-time-picker-color: var(--calcite-input-time-picker-digit-text-color);--calcite-time-picker-icon-color: var(--calcite-input-time-picker-digit-icon-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color);--calcite-time-picker-button-background-color-hover: var(--calcite-input-time-picker-action-background-color-hover);--calcite-time-picker-button-background-color-press: var(--calcite-input-time-picker-action-background-color-press);--calcite-time-picker-input-border-color-hover: var(--calcite-input-time-picker-digit-border-color-hover);--calcite-time-picker-input-border-color-press: var(--calcite-input-time-picker-digit-border-color-press)}.container{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;background-color:var(--calcite-input-time-picker-input-background-color, var(--calcite-color-foreground-1));border:1px solid var(--calcite-input-time-picker-input-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-input-time-picker-input-corner-radius, var(--calcite-corner-radius-none));box-shadow:var(--calcite-input-time-picker-input-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:flex;color:var(--calcite-input-time-picker-input-text-color, var(--calcite-color-text-1));flex-wrap:nowrap;font-weight:var(--calcite-font-weight-normal);inline-size:100%;padding-block:var(--calcite-spacing-base);-webkit-user-select:none;user-select:none}.container:focus-within{border-color:var(--calcite-color-brand);outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container.read-only{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.clock-icon{--calcite-icon-color: var( --calcite-input-time-picker-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.hour-suffix,.minute-suffix,.second-suffix{white-space:pre}.input-container{display:flex;flex-grow:1}.input{align-items:center;display:flex;block-size:100%;justify-content:center;min-inline-size:max-content}.input.empty{inline-size:var(--calcite-spacing-xl)}.input:focus,.input:hover:focus{background-color:Highlight;color:HighlightText;outline:2px solid transparent;outline-offset:2px}.toggle-icon{--calcite-icon-color: var(--calcite-input-time-picker-icon-color, var(--calcite-color-text-3));align-items:center;block-size:24px;cursor:pointer;display:flex;inline-size:24px;justify-content:center}.toggle-icon:hover{--calcite-icon-color: var(--calcite-input-time-picker-icon-color-hover, var(--calcite-color-text-1))}:host([scale=s]) .container{block-size:1.5rem;font-size:var(--calcite-font-size-sm);gap:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .input-container{line-height:1rem}:host([scale=m]) .container{block-size:2rem;font-size:var(--calcite-font-size);gap:var(--calcite-spacing-md);padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .input-container{line-height:1.5rem}:host([scale=l]) .container{block-size:2.75rem;font-size:var(--calcite-font-size-md);gap:var(--calcite-spacing-lg);padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .input-container{line-height:2.25rem}:host([status=invalid]) .container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .container:focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-time-picker{--calcite-time-picker-background-color: var(--calcite-input-time-picker-background-color);--calcite-time-picker-border-color: var(--calcite-input-time-picker-border-color, transparent);--calcite-time-picker-corner-radius: var( --calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round) )}calcite-popover{--calcite-popover-corner-radius: var(--calcite-input-time-picker-corner-radius, var(--calcite-corner-radius-round))}.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}`,i={clockIcon:"clock-icon",container:"container",decimalSeparator:"decimal-separator",empty:"empty",fractionalSecond:"fractional-second",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputContainer:"input-container",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",readOnly:"read-only",second:"second",secondSuffix:"second-suffix",toggleIcon:"toggle-icon"},f={inputContainer:"inputContainer",validationMessage:"inputTimePickerValidationMessage"},w={clock:"clock",chevronUp:"chevron-up",chevronDown:"chevron-down"},P=class extends O{constructor(){super(),this.messages=V(),this.containerRef=l(),this.direction=M(),this.focusSetter=q()(this),this.formSupport=_({inputType:"time"})(this),this.fractionalSecondRef=l(),this.hourRef=l(),this.meridiemRef=l(),this.minuteRef=l(),this.secondRef=l(),this.time=G(this),this.interactiveContainer=L(this),this.timePickerRef=l(),this.disabled=!1,this.focusTrapDisabled=!1,this.hourFormat="user",this.open=!1,this.overlayPositioning="absolute",this.placement="auto",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=60,this.calciteInputTimePickerBeforeClose=p({cancelable:!1}),this.calciteInputTimePickerBeforeOpen=p({cancelable:!1}),this.calciteInputTimePickerChange=p(),this.calciteInputTimePickerClose=p({cancelable:!1}),this.calciteInputTimePickerOpen=p({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("calciteTimeChange",this.timeChangeHandler)}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],hourFormat:[3,{},{reflect:!0}],label:1,labelText:1,max:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],name:1,numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:1,placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=se}async reposition(e=!1){this.popoverEl?.reposition(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),A(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&(this.disabled||(this.open=!1)),e.has("readOnly")&&(this.hasUpdated||this.readOnly!==!1)&&(this.readOnly||(this.open=!1)),e.has("value")&&(this.hasUpdated?(this.time.userChangedValue||(this.previousEmittedValue=this.value),this.time.setValue(this.value),this.requestTimePickerUpdate()):this.previousEmittedValue=this.value)}disconnectedCallback(){super.disconnectedCallback(),U(this)}blurHandler(){this.changeEventHandler()}changeEventHandler(){let{previousEmittedValue:e,value:s}=this;e!==s&&(this.calciteInputTimePickerChange.emit().defaultPrevented?this.time.setValue(this.previousEmittedValue):this.previousEmittedValue=s)}keyDownHandler(e){let{defaultPrevented:s,key:a}=e,{hourFormat:n,meridiemOrder:d}=this.time;if(!s)if(a==="Enter")this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()),this.changeEventHandler();else if(this.open&&a==="Escape")this.open=!1,e.preventDefault();else{let v=h(this.step)>0,g=this.step<60;switch(this.activeEl){case this.hourRef.value:a==="ArrowRight"?this.setFocusPart("minute"):a==="ArrowLeft"&&n==="12"&&d===0&&this.setFocusPart("meridiem");break;case this.minuteRef.value:switch(a){case"ArrowLeft":this.setFocusPart("hour");break;case"ArrowRight":this.step!==60?this.setFocusPart("second"):n==="12"&&this.setFocusPart("meridiem");break}break;case this.secondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("minute");break;case"ArrowRight":h(this.step)>0?this.setFocusPart("fractionalSecond"):n==="12"&&this.setFocusPart("meridiem");break}break;case this.fractionalSecondRef.value:switch(a){case"ArrowLeft":this.setFocusPart("second");break;case"ArrowRight":n==="12"&&d!==0&&this.setFocusPart("meridiem");break}break;case this.meridiemRef.value:a==="ArrowLeft"&&d!==0?v?this.setFocusPart("fractionalSecond"):g?this.setFocusPart("second"):this.setFocusPart("minute"):a==="ArrowRight"&&d===0&&this.setFocusPart("hour");break}}}onLabelClick(){this.setFocus()}openHandler(){this.disabled||this.readOnly||this.popoverEl&&(this.popoverEl.open=this.open)}popoverBeforeOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeOpen.emit()}popoverOpenHandler(e){e.stopPropagation(),this.calciteInputTimePickerOpen.emit()}popoverBeforeCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerBeforeClose.emit()}popoverCloseHandler(e){e.stopPropagation(),this.calciteInputTimePickerClose.emit(),this.open=!1}requestTimePickerUpdate(){this.timePickerRef.value.manager?.component.requestUpdate()}setCalcitePopoverEl(e){this.popoverEl=e,this.openHandler()}async setFocusPart(e){(e==="hour"?this.hourRef:e==="minute"?this.minuteRef:e==="second"?this.secondRef:e==="fractionalSecond"?this.fractionalSecondRef:this.meridiemRef).value?.focus()}timeChangeHandler(e){if(e.stopPropagation(),this.disabled)return;let s=e.detail;s!==this.value?this.value=s:this.requestTimePickerUpdate()}timePartFocusHandler(e){this.activeEl=e.currentTarget}timePickerChangeHandler(e){e.stopPropagation()}toggleIconClickHandler(){this.open=!this.open}render(){let{messages:e,readOnly:s,scale:a}=this,{fractionalSecond:n,handleHourKeyDownEvent:d,handleMinuteKeyDownEvent:v,handleSecondKeyDownEvent:g,handleFractionalSecondKeyDownEvent:J,hour:b,hourFormat:Q,localizedDecimalSeparator:W,localizedFractionalSecond:k,localizedHour:S,localizedHourSuffix:X,localizedMinute:C,localizedMinuteSuffix:Y,localizedSecond:F,localizedSecondSuffix:H,meridiemOrder:Z,minute:$,second:x}=this.time,y="--",ee=u(n),ie=u(b),te=u($),ae=u(x),I=h(this.step)>0,R=Q==="12",re=this.step<60,T=Z===0||this.direction==="rtl",m=!this.disabled&&!this.readOnly;return this.interactiveContainer({disabled:this.disabled,children:c`${this.labelText&&K({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-controls=${f.inputContainer} aria-labelledby=${f.inputContainer} class=${r({[i.container]:!0,[i.readOnly]:s})} role=combobox ${o(this.containerRef)}><calcite-icon class=${r(i.clockIcon)} .icon=${w.clock} .scale=${a==="l"?"m":"s"}></calcite-icon><div aria-label=${N(this)??t} .ariaRequired=${this.required} class=${r(i.inputContainer)} dir=ltr id=${f.inputContainer} role=group>${R&&T&&this.renderMeridiem()||""}<span aria-label=${this.messages.hour??t} aria-valuemax=23 aria-valuemin=1 aria-valuenow=${(ie&&parseInt(b)||"0")??t} aria-valuetext=${b??t} class=${r({[i.empty]:!S,[i.hour]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?d:void 0} role=spinbutton tabindex=0 ${o(this.hourRef)}>${S||y}</span><span class=${r(i.hourSuffix)}>${X}</span><span aria-label=${this.messages.minute??t} aria-valuemax=12 aria-valuemin=1 aria-valuenow=${(te&&parseInt($)||"0")??t} aria-valuetext=${$??t} class=${r({[i.empty]:!C,[i.input]:!0,[i.minute]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?v:void 0} role=spinbutton tabindex=0 ${o(this.minuteRef)}>${C||y}</span><span class=${r(i.minuteSuffix)}>${Y}</span>${re&&c`<span aria-label=${this.messages.second??t} aria-valuemax=59 aria-valuemin=0 aria-valuenow=${(ae&&parseInt(x)||"0")??t} aria-valuetext=${x??t} class=${r({[i.empty]:!F,[i.input]:!0,[i.second]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?g:void 0} role=spinbutton tabindex=0 ${o(this.secondRef)}>${F||y}</span>`||""}${I&&c`<span class=${r(i.decimalSeparator)}>${W}</span>`||""}${I&&c`<span aria-label=${this.messages.fractionalSecond??t} aria-valuemax=999 aria-valuemin=1 aria-valuenow=${(ee&&parseInt(n)||"0")??t} aria-valuetext=${k??t} class=${r({[i.empty]:!k,[i.fractionalSecond]:!0,[i.input]:!0})} @focus=${this.timePartFocusHandler} @keydown=${m?J:void 0} role=spinbutton tabindex=0 ${o(this.fractionalSecondRef)}>${k||"".padStart(h(this.step),"-")}</span>`||""}${H&&c`<span class=${r(i.secondSuffix)}>${H}</span>`||""}${R&&!T&&this.renderMeridiem()||""}</div>${!this.readOnly&&this.renderToggleIcon(this.open)||""}</div><calcite-popover auto-close .focusTrapDisabled=${this.focusTrapDisabled} .focusTrapOptions=${{initialFocus:!1}} .label=${e.chooseTime} lang=${this.messages._lang??t} offset-distance=0 @calcitePopoverBeforeClose=${this.popoverBeforeCloseHandler} @calcitePopoverBeforeOpen=${this.popoverBeforeOpenHandler} @calcitePopoverClose=${this.popoverCloseHandler} @calcitePopoverOpen=${this.popoverOpenHandler} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} pointer-disabled .referenceElement=${this.containerRef.value} trigger-disabled ${o(this.setCalcitePopoverEl)}><calcite-time-picker .hourFormat=${this.time.hourFormat} lang=${this.messages._lang??t} .messageOverrides=${this.messageOverrides} .numberingSystem=${this.numberingSystem} @calciteTimePickerChange=${this.timePickerChangeHandler} .scale=${this.scale} .step=${this.step} tabindex=${(this.open?void 0:-1)??t} .time=${this.time} .value=${this.value} ${o(this.timePickerRef)}></calcite-time-picker></calcite-popover>${this.validationMessage&&this.status==="invalid"?j({icon:this.validationIcon,id:f.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderMeridiem(){let{handleMeridiemKeyDownEvent:e,localizedMeridiem:s,meridiem:a}=this.time,n=!this.disabled&&!this.readOnly;return c`<span aria-label=${this.messages.meridiem??t} aria-valuemax=2 aria-valuemin=1 aria-valuenow=${a==="PM"&&"2"||"1"} aria-valuetext=${a??t} class=${r({[i.empty]:!s,[i.input]:!0,[i.meridiem]:!0})} @focus=${this.timePartFocusHandler} @keydown=${n?e:void 0} role=spinbutton tabindex=0 ${o(this.meridiemRef)}>${s||"--"}</span>`}renderToggleIcon(e){return c`<span class=${r(i.toggleIcon)} @click=${this.toggleIconClickHandler}><calcite-icon .icon=${e?w.chevronUp:w.chevronDown} .scale=${B(this.scale)}></calcite-icon></span>`}};D("calcite-input-time-picker",P);export{P as InputTimePicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as i}from"./ISATMK3J.js";import"./6URRYJJC.js";import{a as v}from"./
|
|
2
|
+
import{a as i}from"./ISATMK3J.js";import"./6URRYJJC.js";import{a as v}from"./6CBC7O2L.js";import{a as g}from"./V6MIIYPL.js";import{a as m}from"./AP2LDRUV.js";import{a as b}from"./HHRSNWVJ.js";import{a as f}from"./QCRJVL4W.js";import"./RH6ZIP65.js";import"./PD7IE5T5.js";import"./FS3FP3E7.js";import"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{E as o,F as n,G as d,H as u,N as h,S as p,g as s,h as c,p as r}from"./TPRQEKIG.js";var y={container:"container"},x={search:"search"},k=s`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%}:host([scale=s]) .container{padding:var(--calcite-filter-content-space, var(--calcite-spacing-sm))}:host([scale=m]) .container{padding:var(--calcite-filter-content-space, var(--calcite-spacing-md))}:host([scale=l]) .container{padding:var(--calcite-filter-content-space, var(--calcite-spacing-lg))}label{position:relative;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}calcite-input{inline-size:100%;--calcite-input-background-color: var(--calcite-filter-input-background-color);--calcite-input-border-color: var(--calcite-filter-input-border-color);--calcite-input-corner-radius: var(--calcite-filter-input-corner-radius);--calcite-input-shadow: var(--calcite-filter-input-shadow);--calcite-input-icon-color: var(--calcite-filter-input-icon-color);--calcite-input-text-color: var(--calcite-filter-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-filter-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-filter-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-filter-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-filter-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-filter-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-filter-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-filter-input-actions-icon-color-press)}:host([hidden]){display:none}[hidden]{display:none}`,l=class extends d{constructor(){super(...arguments),this.cancelable=g()(this),this.filterDebounced=m((e,t=!1,a)=>this.updateFiltered(i(this.items??[],e,this.filterProps),t,a),h.filter),this.textInputRef=o(),this._value="",this.messages=b(),this.focusSetter=f()(this),this.interactiveContainer=v(this),this.disabled=!1,this.filteredItems=[],this.items=[],this.scale="m",this.calciteFilterChange=r({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],filterProps:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],items:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],placeholder:1,scale:[3,{},{reflect:!0}],value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=k}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueHandler(e))}async filter(e=this.value){return new Promise(t=>{this.value=e,this.updateFiltered(i(this.items??[],e,this.filterProps),!1,t)})}async setFocus(e){return this.focusSetter(()=>this.textInputRef.value,e)}connectedCallback(){super.connectedCallback(),this.cancelable.add(this.filterDebounced)}async load(){this.updateFiltered(i(this.items??[],this.value,this.filterProps))}willUpdate(e){(e.has("items")&&(this.hasUpdated||this.items?.length>0)||e.has("filterProps"))&&this.filterDebounced(this.value)}valueHandler(e){this.filterDebounced(e)}inputHandler(e){let t=e.target;this.value=t.value,this.filterDebounced(t.value,!0)}keyDownHandler(e){e.defaultPrevented||(e.key==="Escape"&&this.value.length>0&&(this.clear(),e.preventDefault()),e.key==="Enter"&&e.preventDefault())}clear(){this.value="",this.filterDebounced("",!0),this.setFocus()}updateFiltered(e,t=!1,a){this.filteredItems=e,t&&this.calciteFilterChange.emit(),a?.()}render(){let{disabled:e,scale:t}=this;return this.interactiveContainer({disabled:e,children:c`<div class=${u(y.container)}><label><calcite-input clearable .disabled=${e} .icon=${x.search} .label=${this.label??this.messages.label} .messageOverrides=${{clear:this.messages.clear}} @keydown=${this.keyDownHandler} @calciteInputInput=${this.inputHandler} .placeholder=${this.placeholder} .scale=${t} type=text .value=${this.value} ${n(this.textInputRef)}></calcite-input></label></div>`})}};p("calcite-filter",l);export{l as Filter};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as u}from"./WKR7R7AZ.js";import{q as b}from"./
|
|
2
|
+
import{b as u}from"./WKR7R7AZ.js";import{q as b}from"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{G as g,H as c,S as m,g as d,h as o,p as h}from"./TPRQEKIG.js";var f={input:"input"},t={label:"label",labelScale:i=>`label--scale-${i}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"},v=d`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,border-color var(--calcite-animation-timing) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);border-color:var(--calcite-segmented-control-border-color);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,border-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px;z-index:var(--calcite-z-index)}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));border-color:var(--calcite-segmented-control-border-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-segmented-control-border-color, var(--calcite-color-brand));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`,r=class extends g{constructor(){super(...arguments),this.hasSlottedContent=!1,this.appearance="solid",this.checked=!1,this.iconFlipRtl=!1,this.layout="horizontal",this.scale="m",this.calciteInternalSegmentedControlItemChange=h({cancelable:!1})}static{this.properties={hasSlottedContent:[16,{},{state:!0}],appearance:1,checked:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],iconStart:[3,{type:String},{reflect:!0}],layout:1,scale:1,value:1}}static{this.styles=v}willUpdate(e){e.has("checked")&&(this.hasUpdated||this.checked!==!1)&&this.calciteInternalSegmentedControlItemChange.emit()}handleSlotChange(e){this.hasSlottedContent=b(e)}renderIcon(e,l=!1){return e?o`<calcite-icon class=${c({[t.icon]:!0,[t.iconSolo]:l})} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`:null}render(){let{appearance:e,checked:l,layout:n,scale:a,value:s}=this;return this.el.ariaChecked=u(l),this.el.ariaLabel=s,this.el.role="radio",o`<label class=${c({[t.label]:!0,[t.labelScale(a)]:!0,[t.labelHorizontal]:n==="horizontal",[t.labelOutline]:e==="outline",[t.labelOutlineFill]:e==="outline-fill"})}>${this.renderContent()}</label>`}renderContent(){let{hasSlottedContent:e,iconEnd:l,iconStart:n}=this,a=n||l;return!e&&a?[this.renderIcon(a,!0),o`<slot @slotchange=${this.handleSlotChange}></slot>`]:[this.renderIcon(n),o`<slot @slotchange=${this.handleSlotChange}></slot>`,o`<slot name=${f.input}></slot>`,this.renderIcon(l)]}};m("calcite-segmented-control-item",r);export{r as SegmentedControlItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as g,c as F}from"./QS4T2NHO.js";import{b as m,f as z,g as N,j as w,k as U}from"./EDZNJS2P.js";import{a as C}from"./EYQJAUTS.js";import{b as P}from"./YGX7CUXN.js";import{d as $}from"./RVXWIAKA.js";import{p as y,r as O}from"./RBNGWGBY.js";var B=5;function x({locale:r,numberingSystem:e,includeSeconds:i,fractionalSecondDigits:t,hour12:n}){let o={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:N(e)};return typeof n=="boolean"&&(o.hour12=n),i&&(o.second="2-digit",t&&(o.fractionalSecondDigits=t)),U(r,o)}function W(r,e){return parseFloat(`0.${r}`).toFixed(g(e)).replace("0.","")}function M(r,e){if(r==null)return;let i=r.toString(),t=g(r);if(r<1&&t>0&&t<4){let n=i.replace("0.","");return!e||n.length===e?n:n.length<e?n.padEnd(e,"0"):n}if(r>=0&&r<10)return i.padStart(2,"0");if(r>=10)return i}function J(r){return parseInt((parseFloat(`0.${r}`)/.001).toFixed(3))}function Q(r){let e={locale:r};return r==="mk"?e.hour12=!1:r.toLowerCase()==="es-mx"&&(e.hour12=!0),x(e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))).find(({type:n})=>n==="dayPeriod")?.value?"12":"24"}function K({locale:r,meridiem:e,parts:i}){let t=["he","bs","mk"],n;if(i){if(n=i.find(({type:o})=>o==="dayPeriod")?.value||null,r&&t.includes(r)){let o=z.get(r);n==="PM"&&(n=o.pm),n==="AM"&&(n=o.am)}}else if(e)if(t.includes(r)){let o=z.get(r);n=e==="PM"?o.pm:o.am}else{let o=x({locale:r,hour12:!0}),s=6,a=18,l=new Date(Date.UTC(0,0,0,e==="AM"?s:a,0));n=o.formatToParts(l).find(({type:d})=>d==="dayPeriod")?.value||null}return n}function k(r,e){return w.numberFormatOptions={locale:r,numberingSystem:e},w.localize("1.1").split("")[1]}function I({hour12:r,locale:e,numberingSystem:i="latn",part:t,step:n}){let s=x({hour12:r,includeSeconds:n<60,locale:e,numberingSystem:i}).formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return p(`${t}Suffix`,s,e)}function p(r,e,i="en"){if(!r||!e)return null;if(r==="hourSuffix"){let t=e.indexOf(e.find(({type:s})=>s==="hour")),n=e.indexOf(e.find(({type:s})=>s==="minute")),o=e[t+1];return o?.type==="literal"&&n-t===2&&o.value||null}if(r==="minuteSuffix"){let t=e.indexOf(e.find(({type:o})=>o==="minute")),n=e[t+1];return n?.type==="literal"&&n.value||null}if(r==="secondSuffix"){let t,n=e.indexOf(e.find(({type:o})=>o==="fractionalSecond"));if(n!==-1)t=e[n+1];else{let o=e.indexOf(e.find(({type:s})=>s==="second"));t=e[o+1]}return t?.type==="literal"&&t.value||null}return r==="meridiem"&&(e.find(({type:n})=>n==="dayPeriod")?.value||null)?K({locale:i,parts:e}):e.find(({type:t})=>t===r)?.value||null}function E(r){if(!m(r))return null;let e=parseInt(r);return e>=0&&e<=11?"AM":"PM"}function X(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 V(r){let e=typeof r=="string";if(!r||e&&(r.startsWith(":")||r.endsWith(":"))||!e&&(!r.hour||!r.minute))return!1;let i,t,n;if(e?[i,t,n]=r.split(":"):{hour:i,minute:t,second:n}=r,!i||!t)return!1;let o=parseInt(i),s=parseInt(t),a=parseInt(n),l=m(i)&&o>=0&&o<24,u=m(t)&&s>=0&&s<60,d=m(n)&&a>=0&&a<60;return!!(l&&u&&!n||l&&u&&d)}function Y(r,e){if(e==="meridiem")return r==="AM"||r==="PM";if(!m(r))return!1;let i=Number(r),t=i>=0,n=i<24,o=i<60,s=i<=999;return e==="hour"?t&&n:e==="fractionalSecond"?t&&s:t&&o}function A({value:r,part:e,locale:i,numberingSystem:t="latn",hour12:n}){if(!Y(r,e))return;if(e==="fractionalSecond"){let d=k(i,t),f=null;if(r){w.numberFormatOptions={locale:i,numberingSystem:t};let h=w.localize("0");parseInt(r)===0?f="".padStart(r.length,h):(f=w.localize(`0.${r}`).replace(`${h}${d}`,""),f.length<r.length&&(f=f.padEnd(r.length,h)))}return f}let o=parseInt(r),s=new Date(Date.UTC(0,0,0,e==="hour"?o:e==="meridiem"?r==="AM"?0:12:0,e==="minute"?o:0,e==="second"?o:0));if(!s)return;let a=["second","fractionalSecond"].includes(e),u=x({hour12:n,includeSeconds:a,locale:i,numberingSystem:t}).formatToParts(s);return p(e,u,i)}function v({hour12:r,locale:e,numberingSystem:i="latn",parts:t=!1,step:n,value:o}){if(!V(o))return null;let{hour:s,minute:a,second:l="0",fractionalSecond:u}=_(o,n),d=n<60,f=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(a),d&&parseInt(l),d&&u&&J(u))),h=x({fractionalSecondDigits:g(n),hour12:r,includeSeconds:d,locale:e,numberingSystem:i});if(t){let c=h.formatToParts(f);return{hour:p("hour",c),hourSuffix:p("hourSuffix",c),minute:p("minute",c),minuteSuffix:p("minuteSuffix",c),second:p("second",c),decimalSeparator:k(e,i),fractionalSecond:p("fractionalSecond",c),secondSuffix:e!=="bg"&&p("secondSuffix",c),meridiem:p("meridiem",c,e)}}else{let c=h.format(f)||null;if(!t&&typeof c=="string"&&e==="bg"&&c&&c.includes(" \u0447.")&&(c=c.replaceAll(" \u0447.","")),["he","bs","mk"].includes(e)){let D=z.get(e);c.includes("AM")?c=c.replaceAll("AM",D.am):c.includes("PM")&&(c=c.replaceAll("PM",D.pm)),e!=="he"&&c.indexOf(".")!==c.length-1&&(c=c.replace(".",","))}return c}}function _(r,e){if(V(r)){let[i,t,n]=r.split(":"),o=n,s=null;return n?.includes(".")&&([o,s]=n.split(".")),e&&(s=W(s,e)),{fractionalSecond:s,hour:i,minute:t,second:o}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function L(r,e=60){if(!V(r))return null;let i,t,n,o,s,a=null;return typeof r=="string"?([i,t,o]=r.split(":"),[n,s]=o?.split(".")||["0"]):(i=r.hour,t=r.minute,n=r.second,s=r.fractionalSecond),i&&t&&(a=`${M(parseInt(i))}:${M(parseInt(t))}`,e<60&&(a+=`:${M(parseInt(n||"0"))}`,e<1&&(a+=`.${W(s||"0",e)}`))),a}var T=class extends O{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let i=e.key;if(P.includes(i)){let t=parseInt(i),n;if(m(this.hour))switch(this.hourFormat){case"12":n=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":this.hour==="01"?n=`1${t}`:this.hour==="02"&&t>=0&&t<=3?n=`2${t}`:n=t;break}else n=t;this.setValuePart("hour",n)}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",null);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 i=e.key;if(P.includes(i)){let t=parseInt(i),n;if(m(this.minute)&&this.minute.startsWith("0")){let o=parseInt(this.minute);n=o>B?t:`${o}${t}`}else n=t;this.setValuePart("minute",n)}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",null);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 i=e.key;if(P.includes(i)){let t=parseInt(i),n;if(m(this.second)&&this.second.startsWith("0")){let o=parseInt(this.second);n=o>B?t:`${o}${t}`}else n=t;this.setValuePart("second",n)}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",null);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:i}=e;if(P.includes(i)){let t=g(this.component.step),n=parseInt(this.fractionalSecond),o=n.toString().length,s;o>=t?s=i.padStart(t,"0"):o<t&&(s=`${n}${i}`.padStart(t,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${s}`))}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",null);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()}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=m(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let i=F(this.component.step),t=g(this.component.step),n=parseInt(this.fractionalSecond),o=parseFloat(`0.${this.fractionalSecond}`),s,a,l,u;e==="up"&&(s=isNaN(n)?0:o+i,a=parseFloat(s.toFixed(t)),l=F(a),u=a<1&&g(l)>0?M(l,t):"".padStart(t,"0")),e==="down"&&(s=isNaN(n)||n===0?1-i:o-i,a=parseFloat(s.toFixed(t)),l=F(a),u=a<1&&g(l)>0&&Math.sign(l)===1?M(l,t):"".padStart(t,"0")),this.setValuePart("fractionalSecond",u)}toggleMeridiem(e){let i;this.meridiem?i=this.meridiem==="AM"?"PM":"AM":i=e==="down"?"PM":"AM",this.setValuePart("meridiem",i)}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){let i=!1,t=!1,n=!1;if(e.has("hourFormat")&&(i=!0,n=!0),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(i=!0,t=!0,n=!0),e.has("numberingSystem")&&(n=!0),e.has("step")){let o=this.component.step,s=e.get("step");(o>=60&&s>0&&s<60||s>=60&&o>0&&o<60)&&(n=!0)}i&&this.setHourFormat(),t&&this.setMeridiemOrder(),n&&this.setValue(this.component.value),this.userChangedValue=!1}decrementMinuteOrSecond(e){let i;if(m(this[e])){let t=parseInt(this[e]);i=t===0?59:t-1}else i=59;this.setValuePart(e,i)}incrementMinuteOrSecond(e){let i=m(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,i)}setHourFormat(){let{hourFormat:e,messages:i}=this.component;this.hourFormat=e==="user"?Q(i._lang):e}setMeridiemOrder(){let{messages:e}=this.component;this.meridiemOrder=X(e._lang)}setValue(e,i=!1){let{messages:t,numberingSystem:n,step:o,value:s}=this.component,a=t._lang,l=this.hourFormat==="12",u=L(e,o);if(V(e)){let{hour:d,minute:f,second:h,fractionalSecond:c}=_(u,o),{hour:D,hourSuffix:b,minute:S,minuteSuffix:q,second:Z,secondSuffix:G,decimalSeparator:R,fractionalSecond:j,meridiem:H}=v({hour12:l,locale:a,numberingSystem:n,parts:!0,step:o,value:u});this.hour=d,this.minute=f,this.second=h,this.fractionalSecond=c,this.localizedHour=D,this.localizedHourSuffix=b,this.localizedMinute=S,this.localizedMinuteSuffix=q,this.localizedSecond=Z,this.localizedDecimalSeparator=R,this.localizedFractionalSecond=j,this.localizedSecondSuffix=G,H&&(this.meridiem=E(this.hour),this.localizedMeridiem=H)}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=I({hour12:l,part:"hour",locale:a,numberingSystem:n,step:o}),this.localizedMinute=null,this.localizedMinuteSuffix=I({hour12:l,part:"minute",locale:a,numberingSystem:n,step:o}),this.localizedSecond=null,this.localizedDecimalSeparator=k(a,n),this.localizedFractionalSecond=null,this.localizedSecondSuffix=I({hour12:l,part:"second",locale:a,numberingSystem:n,step:o}),this.localizedMeridiem=null;u!==s?(this.userChangedValue=i,this.component.value=u??""):this.component.requestUpdate()}setValuePart(e,i){let{hourFormat:t}=this,{messages:n,numberingSystem:o,step:s}=this.component,a=n._lang,l=t==="12",u=this.component.value;if(e==="meridiem"){let b=this.meridiem;if(this.meridiem=i,this.localizedMeridiem=A({hour12:l,locale:a,numberingSystem:o,part:"meridiem",value:this.meridiem}),m(this.hour)){let S=parseInt(this.hour);switch(i){case"AM":S>=12&&(this.hour=M(S-12));break;case"PM":S<12&&(this.hour=M(S+12));break;default:this.userChangedValue=!0,this.component.value="";break}this.localizedHour=A({hour12:l,locale:a,numberingSystem:o,part:"hour",value:this.hour})}b!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let b=this.fractionalSecond,S=g(s);typeof i=="number"?this.fractionalSecond=i===0?"".padStart(S,"0"):M(i,S):this.fractionalSecond=i,this.localizedFractionalSecond=A({value:this.fractionalSecond,part:"fractionalSecond",locale:a,numberingSystem:o,hour12:l}),b!==this.fractionalSecond&&this.component.requestUpdate()}else{let b=this[e];this[e]=typeof i=="number"?M(i):i,this[`localized${C(e)}`]=A({value:this[e],part:e,locale:a,numberingSystem:o,hour12:l}),b!==this[e]&&this.component.requestUpdate()}let{hour:d,minute:f,second:h,fractionalSecond:c}=this,D=L({hour:d,minute:f,second:h,fractionalSecond:c},s);u!==D&&(e==="hour"&&t==="12"&&(this.meridiem=E(d),this.localizedMeridiem=K({locale:a,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(D??""))}},se=$(T);export{se as a};
|
|
2
|
+
import{b as g,c as F}from"./QS4T2NHO.js";import{b as m,f as z,g as N,j as w,k as U}from"./ZX3OFVBE.js";import{a as C}from"./EUJZPMHT.js";import{b as P}from"./YGX7CUXN.js";import{d as $}from"./PD7IE5T5.js";import{p as y,r as O}from"./TPRQEKIG.js";var B=5;function x({locale:r,numberingSystem:e,includeSeconds:i,fractionalSecondDigits:t,hour12:n}){let o={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:N(e)};return typeof n=="boolean"&&(o.hour12=n),i&&(o.second="2-digit",t&&(o.fractionalSecondDigits=t)),U(r,o)}function W(r,e){return parseFloat(`0.${r}`).toFixed(g(e)).replace("0.","")}function M(r,e){if(r==null)return;let i=r.toString(),t=g(r);if(r<1&&t>0&&t<4){let n=i.replace("0.","");return!e||n.length===e?n:n.length<e?n.padEnd(e,"0"):n}if(r>=0&&r<10)return i.padStart(2,"0");if(r>=10)return i}function J(r){return parseInt((parseFloat(`0.${r}`)/.001).toFixed(3))}function Q(r){let e={locale:r};return r==="mk"?e.hour12=!1:r.toLowerCase()==="es-mx"&&(e.hour12=!0),x(e).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))).find(({type:n})=>n==="dayPeriod")?.value?"12":"24"}function K({locale:r,meridiem:e,parts:i}){let t=["he","bs","mk"],n;if(i){if(n=i.find(({type:o})=>o==="dayPeriod")?.value||null,r&&t.includes(r)){let o=z.get(r);n==="PM"&&(n=o.pm),n==="AM"&&(n=o.am)}}else if(e)if(t.includes(r)){let o=z.get(r);n=e==="PM"?o.pm:o.am}else{let o=x({locale:r,hour12:!0}),s=6,a=18,l=new Date(Date.UTC(0,0,0,e==="AM"?s:a,0));n=o.formatToParts(l).find(({type:d})=>d==="dayPeriod")?.value||null}return n}function k(r,e){return w.numberFormatOptions={locale:r,numberingSystem:e},w.localize("1.1").split("")[1]}function I({hour12:r,locale:e,numberingSystem:i="latn",part:t,step:n}){let s=x({hour12:r,includeSeconds:n<60,locale:e,numberingSystem:i}).formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return p(`${t}Suffix`,s,e)}function p(r,e,i="en"){if(!r||!e)return null;if(r==="hourSuffix"){let t=e.indexOf(e.find(({type:s})=>s==="hour")),n=e.indexOf(e.find(({type:s})=>s==="minute")),o=e[t+1];return o?.type==="literal"&&n-t===2&&o.value||null}if(r==="minuteSuffix"){let t=e.indexOf(e.find(({type:o})=>o==="minute")),n=e[t+1];return n?.type==="literal"&&n.value||null}if(r==="secondSuffix"){let t,n=e.indexOf(e.find(({type:o})=>o==="fractionalSecond"));if(n!==-1)t=e[n+1];else{let o=e.indexOf(e.find(({type:s})=>s==="second"));t=e[o+1]}return t?.type==="literal"&&t.value||null}return r==="meridiem"&&(e.find(({type:n})=>n==="dayPeriod")?.value||null)?K({locale:i,parts:e}):e.find(({type:t})=>t===r)?.value||null}function E(r){if(!m(r))return null;let e=parseInt(r);return e>=0&&e<=11?"AM":"PM"}function X(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 V(r){let e=typeof r=="string";if(!r||e&&(r.startsWith(":")||r.endsWith(":"))||!e&&(!r.hour||!r.minute))return!1;let i,t,n;if(e?[i,t,n]=r.split(":"):{hour:i,minute:t,second:n}=r,!i||!t)return!1;let o=parseInt(i),s=parseInt(t),a=parseInt(n),l=m(i)&&o>=0&&o<24,u=m(t)&&s>=0&&s<60,d=m(n)&&a>=0&&a<60;return!!(l&&u&&!n||l&&u&&d)}function Y(r,e){if(e==="meridiem")return r==="AM"||r==="PM";if(!m(r))return!1;let i=Number(r),t=i>=0,n=i<24,o=i<60,s=i<=999;return e==="hour"?t&&n:e==="fractionalSecond"?t&&s:t&&o}function A({value:r,part:e,locale:i,numberingSystem:t="latn",hour12:n}){if(!Y(r,e))return;if(e==="fractionalSecond"){let d=k(i,t),f=null;if(r){w.numberFormatOptions={locale:i,numberingSystem:t};let h=w.localize("0");parseInt(r)===0?f="".padStart(r.length,h):(f=w.localize(`0.${r}`).replace(`${h}${d}`,""),f.length<r.length&&(f=f.padEnd(r.length,h)))}return f}let o=parseInt(r),s=new Date(Date.UTC(0,0,0,e==="hour"?o:e==="meridiem"?r==="AM"?0:12:0,e==="minute"?o:0,e==="second"?o:0));if(!s)return;let a=["second","fractionalSecond"].includes(e),u=x({hour12:n,includeSeconds:a,locale:i,numberingSystem:t}).formatToParts(s);return p(e,u,i)}function v({hour12:r,locale:e,numberingSystem:i="latn",parts:t=!1,step:n,value:o}){if(!V(o))return null;let{hour:s,minute:a,second:l="0",fractionalSecond:u}=_(o,n),d=n<60,f=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(a),d&&parseInt(l),d&&u&&J(u))),h=x({fractionalSecondDigits:g(n),hour12:r,includeSeconds:d,locale:e,numberingSystem:i});if(t){let c=h.formatToParts(f);return{hour:p("hour",c),hourSuffix:p("hourSuffix",c),minute:p("minute",c),minuteSuffix:p("minuteSuffix",c),second:p("second",c),decimalSeparator:k(e,i),fractionalSecond:p("fractionalSecond",c),secondSuffix:e!=="bg"&&p("secondSuffix",c),meridiem:p("meridiem",c,e)}}else{let c=h.format(f)||null;if(!t&&typeof c=="string"&&e==="bg"&&c&&c.includes(" \u0447.")&&(c=c.replaceAll(" \u0447.","")),["he","bs","mk"].includes(e)){let D=z.get(e);c.includes("AM")?c=c.replaceAll("AM",D.am):c.includes("PM")&&(c=c.replaceAll("PM",D.pm)),e!=="he"&&c.indexOf(".")!==c.length-1&&(c=c.replace(".",","))}return c}}function _(r,e){if(V(r)){let[i,t,n]=r.split(":"),o=n,s=null;return n?.includes(".")&&([o,s]=n.split(".")),e&&(s=W(s,e)),{fractionalSecond:s,hour:i,minute:t,second:o}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function L(r,e=60){if(!V(r))return null;let i,t,n,o,s,a=null;return typeof r=="string"?([i,t,o]=r.split(":"),[n,s]=o?.split(".")||["0"]):(i=r.hour,t=r.minute,n=r.second,s=r.fractionalSecond),i&&t&&(a=`${M(parseInt(i))}:${M(parseInt(t))}`,e<60&&(a+=`:${M(parseInt(n||"0"))}`,e<1&&(a+=`.${W(s||"0",e)}`))),a}var T=class extends O{constructor(){super(...arguments),this.localizedDecimalSeparator=".",this.userChangedValue=!1,this.handleHourKeyDownEvent=e=>{let i=e.key;if(P.includes(i)){let t=parseInt(i),n;if(m(this.hour))switch(this.hourFormat){case"12":n=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":this.hour==="01"?n=`1${t}`:this.hour==="02"&&t>=0&&t<=3?n=`2${t}`:n=t;break}else n=t;this.setValuePart("hour",n)}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("hour",null);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 i=e.key;if(P.includes(i)){let t=parseInt(i),n;if(m(this.minute)&&this.minute.startsWith("0")){let o=parseInt(this.minute);n=o>B?t:`${o}${t}`}else n=t;this.setValuePart("minute",n)}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("minute",null);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 i=e.key;if(P.includes(i)){let t=parseInt(i),n;if(m(this.second)&&this.second.startsWith("0")){let o=parseInt(this.second);n=o>B?t:`${o}${t}`}else n=t;this.setValuePart("second",n)}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("second",null);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:i}=e;if(P.includes(i)){let t=g(this.component.step),n=parseInt(this.fractionalSecond),o=n.toString().length,s;o>=t?s=i.padStart(t,"0"):o<t&&(s=`${n}${i}`.padStart(t,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${s}`))}else switch(i){case"Backspace":case"Delete":e.preventDefault(),this.setValuePart("fractionalSecond",null);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()}decrementHour(){let e=this.hour?this.hour==="00"?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}incrementHour(){let e=m(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}nudgeFractionalSecond(e){let i=F(this.component.step),t=g(this.component.step),n=parseInt(this.fractionalSecond),o=parseFloat(`0.${this.fractionalSecond}`),s,a,l,u;e==="up"&&(s=isNaN(n)?0:o+i,a=parseFloat(s.toFixed(t)),l=F(a),u=a<1&&g(l)>0?M(l,t):"".padStart(t,"0")),e==="down"&&(s=isNaN(n)||n===0?1-i:o-i,a=parseFloat(s.toFixed(t)),l=F(a),u=a<1&&g(l)>0&&Math.sign(l)===1?M(l,t):"".padStart(t,"0")),this.setValuePart("fractionalSecond",u)}toggleMeridiem(e){let i;this.meridiem?i=this.meridiem==="AM"?"PM":"AM":i=e==="down"?"PM":"AM",this.setValuePart("meridiem",i)}hostConnected(){this.setHourFormat(),this.setMeridiemOrder(),this.setValue(this.component.value)}hostUpdate(e){let i=!1,t=!1,n=!1;if(e.has("hourFormat")&&(i=!0,n=!0),e.has("messages")&&e.get("messages")?._lang!==this.component.messages._lang&&(i=!0,t=!0,n=!0),e.has("numberingSystem")&&(n=!0),e.has("step")){let o=this.component.step,s=e.get("step");(o>=60&&s>0&&s<60||s>=60&&o>0&&o<60)&&(n=!0)}i&&this.setHourFormat(),t&&this.setMeridiemOrder(),n&&this.setValue(this.component.value),this.userChangedValue=!1}decrementMinuteOrSecond(e){let i;if(m(this[e])){let t=parseInt(this[e]);i=t===0?59:t-1}else i=59;this.setValuePart(e,i)}incrementMinuteOrSecond(e){let i=m(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,i)}setHourFormat(){let{hourFormat:e,messages:i}=this.component;this.hourFormat=e==="user"?Q(i._lang):e}setMeridiemOrder(){let{messages:e}=this.component;this.meridiemOrder=X(e._lang)}setValue(e,i=!1){let{messages:t,numberingSystem:n,step:o,value:s}=this.component,a=t._lang,l=this.hourFormat==="12",u=L(e,o);if(V(e)){let{hour:d,minute:f,second:h,fractionalSecond:c}=_(u,o),{hour:D,hourSuffix:b,minute:S,minuteSuffix:q,second:Z,secondSuffix:G,decimalSeparator:R,fractionalSecond:j,meridiem:H}=v({hour12:l,locale:a,numberingSystem:n,parts:!0,step:o,value:u});this.hour=d,this.minute=f,this.second=h,this.fractionalSecond=c,this.localizedHour=D,this.localizedHourSuffix=b,this.localizedMinute=S,this.localizedMinuteSuffix=q,this.localizedSecond=Z,this.localizedDecimalSeparator=R,this.localizedFractionalSecond=j,this.localizedSecondSuffix=G,H&&(this.meridiem=E(this.hour),this.localizedMeridiem=H)}else this.hour=null,this.minute=null,this.second=null,this.fractionalSecond=null,this.meridiem=null,this.localizedHour=null,this.localizedHourSuffix=I({hour12:l,part:"hour",locale:a,numberingSystem:n,step:o}),this.localizedMinute=null,this.localizedMinuteSuffix=I({hour12:l,part:"minute",locale:a,numberingSystem:n,step:o}),this.localizedSecond=null,this.localizedDecimalSeparator=k(a,n),this.localizedFractionalSecond=null,this.localizedSecondSuffix=I({hour12:l,part:"second",locale:a,numberingSystem:n,step:o}),this.localizedMeridiem=null;u!==s?(this.userChangedValue=i,this.component.value=u??""):this.component.requestUpdate()}setValuePart(e,i){let{hourFormat:t}=this,{messages:n,numberingSystem:o,step:s}=this.component,a=n._lang,l=t==="12",u=this.component.value;if(e==="meridiem"){let b=this.meridiem;if(this.meridiem=i,this.localizedMeridiem=A({hour12:l,locale:a,numberingSystem:o,part:"meridiem",value:this.meridiem}),m(this.hour)){let S=parseInt(this.hour);switch(i){case"AM":S>=12&&(this.hour=M(S-12));break;case"PM":S<12&&(this.hour=M(S+12));break;default:this.userChangedValue=!0,this.component.value="";break}this.localizedHour=A({hour12:l,locale:a,numberingSystem:o,part:"hour",value:this.hour})}b!==this.meridiem&&this.component.requestUpdate()}else if(e==="fractionalSecond"){let b=this.fractionalSecond,S=g(s);typeof i=="number"?this.fractionalSecond=i===0?"".padStart(S,"0"):M(i,S):this.fractionalSecond=i,this.localizedFractionalSecond=A({value:this.fractionalSecond,part:"fractionalSecond",locale:a,numberingSystem:o,hour12:l}),b!==this.fractionalSecond&&this.component.requestUpdate()}else{let b=this[e];this[e]=typeof i=="number"?M(i):i,this[`localized${C(e)}`]=A({value:this[e],part:e,locale:a,numberingSystem:o,hour12:l}),b!==this[e]&&this.component.requestUpdate()}let{hour:d,minute:f,second:h,fractionalSecond:c}=this,D=L({hour:d,minute:f,second:h,fractionalSecond:c},s);u!==D&&(e==="hour"&&t==="12"&&(this.meridiem=E(d),this.localizedMeridiem=K({locale:a,meridiem:this.meridiem})),this.userChangedValue=!0,this.calciteTimeChange.emit(D??""))}},se=$(T);export{se as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{j as a}from"./EDZNJS2P.js";import{a as x}from"./S7XRYSLC.js";import"./YGX7CUXN.js";import{a as y}from"./E4G4YBUV.js";import{a as f}from"./I2C2U4EG.js";import{b as g}from"./RH6ZIP65.js";import"./RVXWIAKA.js";import"./CX6NYW6U.js";import{q as b}from"./CUEFJU5M.js";import"./OAOQ5BXS.js";import{E as d,F as h,G as m,H as t,K as u,S as v,g as n,h as r,l as p,p as o}from"./RBNGWGBY.js";var i={container:"container",hasSlottedContent:"has-slotted-content",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemIcon:"stepper-item-icon",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"},l={circle:"circle",circleF:"circleF",exclamationMarkCircleF:"exclamationMarkCircleF",checkCircleF:"checkCircleF"},z=n`:host([disabled]),:host([layout=horizontal][disabled]) .stepper-item-header,:host([layout=horizontal-single][disabled]) .stepper-item-header{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header *,:host([layout=horizontal-single][disabled]) .stepper-item-header *,:host([disabled]) ::slotted(*),:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([layout=horizontal-single][disabled]) .stepper-item-header ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s: .25rem;--calcite-internal-stepper-item-spacing-unit-m: .75rem;--calcite-internal-stepper-item-spacing-unit-l: 1rem;--calcite-internal-stepper-item-header-padding: var(--calcite-spacing-md);--calcite-internal-stepper-action-inline-size: 2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);margin-inline-end:.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size-relative-sm)}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s: .5rem;--calcite-internal-stepper-item-spacing-unit-m: 1rem;--calcite-internal-stepper-item-spacing-unit-l: 1.25rem;--calcite-internal-stepper-item-header-padding: var(--calcite-spacing-lg);--calcite-internal-stepper-action-inline-size: 2.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);margin-inline-end:.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size-relative-base)}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s: .75rem;--calcite-internal-stepper-item-spacing-unit-m: 1.25rem;--calcite-internal-stepper-item-spacing-unit-l: 1.5rem;--calcite-internal-stepper-item-header-padding: var(--calcite-spacing-xl);--calcite-internal-stepper-action-inline-size: 3rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-lg);margin-inline-end:.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-relative-md)}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px}:host .container:active{background-color:var(--calcite-stepper-item-background-color-press, var(--calcite-color-foreground-3))}:host{outline-color:transparent}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host .stepper-item-content,:host .stepper-item-header{box-sizing:border-box;padding-block:var(--calcite-internal-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start;padding-block:var(--calcite-internal-stepper-item-header-padding)}:host .stepper-item-header:active{background-color:var(--calcite-stepper-item-background-color-press, var(--calcite-color-foreground-3))}:host .stepper-item-header *{display:inline-flex;align-items:center}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host .stepper-item-icon{margin-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);display:inline-flex;block-size:.75rem;flex-shrink:0;align-self:flex-start;margin-block-start:var(--calcite-spacing-base);color:var(--calcite-stepper-item-icon-color, var(--calcite-color-border-input))}:host([complete]) .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}.stepper-item-heading,.stepper-item-description,.stepper-item-number{line-height:var(--calcite-font-line-height-relative-snug)}:host .stepper-item-heading{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-stepper-item-header-text-color, var(--calcite-color-text-1))}:host .stepper-item-description{color:var(--calcite-stepper-item-description-text-color, var(--calcite-color-text-3))}:host .stepper-item-number{font-weight:var(--calcite-font-weight-normal);margin-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);color:var(--calcite-stepper-item-description-text-color, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:#007ac280}:host([complete]) .container .stepper-item-icon{color:var(--calcite-stepper-item-complete-icon-color, var(--calcite-color-brand))}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-stepper-item-header-text-color-hover, var(--calcite-color-text-1))}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-stepper-item-description-text-color-hover, var(--calcite-color-text-2))}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-stepper-item-selected-header-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium)}:host([selected]) .container .stepper-item-description{color:var(--calcite-stepper-item-description-text-color-hover, var(--calcite-color-text-2))}:host([selected]) .container .stepper-item-number{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-brand));font-weight:var(--calcite-font-weight-medium)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-brand));opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]){inline-size:100%}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-internal-stepper-item-spacing-unit-l);border-color:var(--calcite-stepper-bar-fill-color, var(--calcite-color-border-2))}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-internal-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0}:host([layout=vertical][complete]) .container{border-color:var(--calcite-stepper-bar-complete-fill-color, rgba(0, 122, 194, .5))}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-complete-fill-color-hover, var(--calcite-color-brand))}:host([layout=vertical][error]) .container{border-color:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}:host([layout=vertical][selected]) .container{border-color:var(--calcite-stepper-bar-selected-fill-color, var(--calcite-color-brand))}:host([layout=vertical][selected]) .container .stepper-item-content.has-slotted-content{margin-block-end:var(--calcite-internal-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-fill-color-hover, rgba(0, 122, 194, .5))}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-error-fill-color-hover, var(--calcite-color-status-danger-hover))}:host([layout=horizontal]),:host([layout=horizontal-single]){display:contents}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header,:host([layout=horizontal-single]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;outline-color:transparent;grid-row:items;border-color:var(--calcite-stepper-bar-fill-color, var(--calcite-color-border-2))}:host([layout=horizontal]) .stepper-item-header:focus,:host([layout=horizontal-single]) .stepper-item-header:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{cursor:auto;transition-timing-function:cubic-bezier(.4,0,.2,1);padding-block:0;padding-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal-single]) .stepper-item-header{grid-area:1/1/1/-1}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header,:host([layout=horizontal-single][complete]) .stepper-item-header{border-color:var(--calcite-stepper-bar-complete-fill-color, rgba(0, 122, 194, .5))}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-complete-fill-color-hover, var(--calcite-color-brand))}:host([layout=horizontal][error]) .stepper-item-header,:host([layout=horizontal-single][error]) .stepper-item-header{border-color:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}:host([layout=horizontal][selected]) .stepper-item-header,:host([layout=horizontal-single][selected]) .stepper-item-header{border-color:var(--calcite-stepper-bar-selected-fill-color, var(--calcite-color-brand))}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-fill-color-hover, rgba(0, 122, 194, .5))}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-error-fill-color-hover, var(--calcite-color-status-danger-hover))}@media(forced-colors:active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal-single]) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + .5rem)}:host([layout=horizontal-single][error]) .container .stepper-item-number{color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([layout=horizontal-single][error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([layout=horizontal-single][error][selected]),:host([layout=horizontal-single][complete][selected]) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal-single][error][selected]) .stepper-item-heading,:host([layout=horizontal-single][complete][selected]) .container .stepper-item-heading{color:var(--calcite-stepper-item-header-text-color, var(--calcite-color-text-2))}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-number{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-text-3))}.visually-hidden{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}:host([item-hidden]){display:none}`,c=class extends m{constructor(){super(),this.headerRef=d(),this.messages=y(),this.focusSetter=f()(this),this.interactiveContainer=x(this),this.complete=!1,this.disabled=!1,this.error=!1,this.icon=!1,this.iconFlipRtl=!1,this.itemHidden=!1,this.numbered=!1,this.scale="m",this.selected=!1,this.calciteInternalStepperItemKeyEvent=o({cancelable:!1}),this.calciteInternalStepperItemUpdate=o({cancelable:!1}),this.calciteInternalStepperItemSelect=o({cancelable:!1}),this.calciteStepperItemSelect=o({cancelable:!1}),this.listenOn(document.body,"calciteInternalStepperItemChange",this.updateActiveItemOnChange),this.listen("click",this.handleItemClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={stepperItemHasContent:[16,{},{state:!0}],complete:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],error:[7,{},{reflect:!0,type:Boolean}],heading:1,icon:[5,{},{type:Boolean}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],itemHidden:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[5,{},{type:Boolean}],numberingSystem:1,scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=z}async setFocus(e){return this.focusSetter(()=>this.layout==="vertical"?this.el:this.headerRef.value,e)}async load(){this.parentStepperEl=this.el.parentElement,this.itemPosition=this.getItemPosition(),this.selected&&this.emitRequestedItem()}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.calciteInternalStepperItemUpdate.emit(),e.has("messages")&&this.effectiveLocaleWatcher(this.messages._lang)}updated(){u(this.el,"tabindex",this.disabled||this.layout==="horizontal"?null:0)}selectedHandler(){this.selected&&this.emitRequestedItem()}effectiveLocaleWatcher(e){a.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:!1}}updateActiveItemOnChange(e){(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl))&&(this.selectedPosition=e.detail.position,this.determineSelectedItem())}keyDownHandler(e){if(!this.disabled&&e.target===this.el)switch(e.key){case" ":case"Enter":this.emitUserRequestedItem(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e}),e.preventDefault();break}}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}handleItemClick(e){this.disabled||g(this.el)||this.layout==="horizontal"&&e.composedPath().some(s=>s.classList?.contains("stepper-item-content"))||this.emitUserRequestedItem()}emitUserRequestedItem(){this.emitRequestedItem(),this.disabled||this.calciteStepperItemSelect.emit()}emitRequestedItem(){if(!this.disabled){let e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item:not([hidden]):not([item-hidden])")).indexOf(this.el)}render(){this.el.ariaCurrent=this.selected?"step":"false";let e=this.layout==="horizontal"&&!this.disabled?0:null;return this.interactiveContainer({disabled:this.disabled,children:r`<div class=${t(i.container)}>${this.complete&&r`<span aria-live=polite class=${t(i.visuallyHidden)}>${this.messages.complete}</span>`||""}<div class=${t(i.stepperItemHeader)} tabindex=${e??p} ${h(this.headerRef)}>${this.icon?this.renderIcon():null}${this.numbered?r`<div class=${t(i.stepperItemNumber)}>${this.renderNumbers()}.</div>`:null}<div class=${t(i.stepperItemHeaderText)}><span class=${t(i.stepperItemHeading)}>${this.heading}</span><span class=${t(i.stepperItemDescription)}>${this.description}</span></div></div><div class=${t({[i.stepperItemContent]:!0,[i.hasSlottedContent]:this.stepperItemHasContent})}><slot @slotchange=${s=>this.stepperItemHasContent=b(s)}></slot></div></div>`})}renderIcon(){let e=l.circle;return this.selected&&(this.layout!=="horizontal-single"||!this.error&&!this.complete)?e=l.circleF:this.error?e=l.exclamationMarkCircleF:this.complete&&(e=l.checkCircleF),r`<calcite-icon class=${t(i.stepperItemIcon)} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`}renderNumbers(){return a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1},a.numberFormatter.format(this.itemPosition+1)}};v("calcite-stepper-item",c);export{c as StepperItem};
|
|
2
|
+
import{j as a}from"./ZX3OFVBE.js";import{a as x}from"./6CBC7O2L.js";import"./YGX7CUXN.js";import{a as y}from"./HHRSNWVJ.js";import{a as f}from"./QCRJVL4W.js";import{b as g}from"./RH6ZIP65.js";import"./PD7IE5T5.js";import"./FS3FP3E7.js";import{q as b}from"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{E as d,F as h,G as m,H as t,K as u,S as v,g as n,h as r,l as p,p as o}from"./TPRQEKIG.js";var i={container:"container",hasSlottedContent:"has-slotted-content",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemIcon:"stepper-item-icon",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"},l={circle:"circle",circleF:"circleF",exclamationMarkCircleF:"exclamationMarkCircleF",checkCircleF:"checkCircleF"},z=n`:host([disabled]),:host([layout=horizontal][disabled]) .stepper-item-header,:host([layout=horizontal-single][disabled]) .stepper-item-header{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header *,:host([layout=horizontal-single][disabled]) .stepper-item-header *,:host([disabled]) ::slotted(*),:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([layout=horizontal-single][disabled]) .stepper-item-header ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s: .25rem;--calcite-internal-stepper-item-spacing-unit-m: .75rem;--calcite-internal-stepper-item-spacing-unit-l: 1rem;--calcite-internal-stepper-item-header-padding: var(--calcite-spacing-md);--calcite-internal-stepper-action-inline-size: 2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);margin-inline-end:.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size-relative-sm)}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s: .5rem;--calcite-internal-stepper-item-spacing-unit-m: 1rem;--calcite-internal-stepper-item-spacing-unit-l: 1.25rem;--calcite-internal-stepper-item-header-padding: var(--calcite-spacing-lg);--calcite-internal-stepper-action-inline-size: 2.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);margin-inline-end:.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size-relative-base)}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s: .75rem;--calcite-internal-stepper-item-spacing-unit-m: 1.25rem;--calcite-internal-stepper-item-spacing-unit-l: 1.5rem;--calcite-internal-stepper-item-header-padding: var(--calcite-spacing-xl);--calcite-internal-stepper-action-inline-size: 3rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-lg);margin-inline-end:.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-relative-md)}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px}:host .container:active{background-color:var(--calcite-stepper-item-background-color-press, var(--calcite-color-foreground-3))}:host{outline-color:transparent}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host .stepper-item-content,:host .stepper-item-header{box-sizing:border-box;padding-block:var(--calcite-internal-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start;padding-block:var(--calcite-internal-stepper-item-header-padding)}:host .stepper-item-header:active{background-color:var(--calcite-stepper-item-background-color-press, var(--calcite-color-foreground-3))}:host .stepper-item-header *{display:inline-flex;align-items:center}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host .stepper-item-icon{margin-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);display:inline-flex;block-size:.75rem;flex-shrink:0;align-self:flex-start;margin-block-start:var(--calcite-spacing-base);color:var(--calcite-stepper-item-icon-color, var(--calcite-color-border-input))}:host([complete]) .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}.stepper-item-heading,.stepper-item-description,.stepper-item-number{line-height:var(--calcite-font-line-height-relative-snug)}:host .stepper-item-heading{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-stepper-item-header-text-color, var(--calcite-color-text-1))}:host .stepper-item-description{color:var(--calcite-stepper-item-description-text-color, var(--calcite-color-text-3))}:host .stepper-item-number{font-weight:var(--calcite-font-weight-normal);margin-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);color:var(--calcite-stepper-item-description-text-color, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:#007ac280}:host([complete]) .container .stepper-item-icon{color:var(--calcite-stepper-item-complete-icon-color, var(--calcite-color-brand))}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-stepper-item-header-text-color-hover, var(--calcite-color-text-1))}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-stepper-item-description-text-color-hover, var(--calcite-color-text-2))}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-stepper-item-selected-header-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium)}:host([selected]) .container .stepper-item-description{color:var(--calcite-stepper-item-description-text-color-hover, var(--calcite-color-text-2))}:host([selected]) .container .stepper-item-number{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-brand));font-weight:var(--calcite-font-weight-medium)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-brand));opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]){inline-size:100%}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-internal-stepper-item-spacing-unit-l);border-color:var(--calcite-stepper-bar-fill-color, var(--calcite-color-border-2))}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-internal-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0}:host([layout=vertical][complete]) .container{border-color:var(--calcite-stepper-bar-complete-fill-color, rgba(0, 122, 194, .5))}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-complete-fill-color-hover, var(--calcite-color-brand))}:host([layout=vertical][error]) .container{border-color:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}:host([layout=vertical][selected]) .container{border-color:var(--calcite-stepper-bar-selected-fill-color, var(--calcite-color-brand))}:host([layout=vertical][selected]) .container .stepper-item-content.has-slotted-content{margin-block-end:var(--calcite-internal-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-fill-color-hover, rgba(0, 122, 194, .5))}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-error-fill-color-hover, var(--calcite-color-status-danger-hover))}:host([layout=horizontal]),:host([layout=horizontal-single]){display:contents}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header,:host([layout=horizontal-single]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;outline-color:transparent;grid-row:items;border-color:var(--calcite-stepper-bar-fill-color, var(--calcite-color-border-2))}:host([layout=horizontal]) .stepper-item-header:focus,:host([layout=horizontal-single]) .stepper-item-header:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{cursor:auto;transition-timing-function:cubic-bezier(.4,0,.2,1);padding-block:0;padding-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal-single]) .stepper-item-header{grid-area:1/1/1/-1}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header,:host([layout=horizontal-single][complete]) .stepper-item-header{border-color:var(--calcite-stepper-bar-complete-fill-color, rgba(0, 122, 194, .5))}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-complete-fill-color-hover, var(--calcite-color-brand))}:host([layout=horizontal][error]) .stepper-item-header,:host([layout=horizontal-single][error]) .stepper-item-header{border-color:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}:host([layout=horizontal][selected]) .stepper-item-header,:host([layout=horizontal-single][selected]) .stepper-item-header{border-color:var(--calcite-stepper-bar-selected-fill-color, var(--calcite-color-brand))}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-fill-color-hover, rgba(0, 122, 194, .5))}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-error-fill-color-hover, var(--calcite-color-status-danger-hover))}@media(forced-colors:active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal-single]) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + .5rem)}:host([layout=horizontal-single][error]) .container .stepper-item-number{color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([layout=horizontal-single][error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([layout=horizontal-single][error][selected]),:host([layout=horizontal-single][complete][selected]) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal-single][error][selected]) .stepper-item-heading,:host([layout=horizontal-single][complete][selected]) .container .stepper-item-heading{color:var(--calcite-stepper-item-header-text-color, var(--calcite-color-text-2))}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-number{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-text-3))}.visually-hidden{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}:host([item-hidden]){display:none}`,c=class extends m{constructor(){super(),this.headerRef=d(),this.messages=y(),this.focusSetter=f()(this),this.interactiveContainer=x(this),this.complete=!1,this.disabled=!1,this.error=!1,this.icon=!1,this.iconFlipRtl=!1,this.itemHidden=!1,this.numbered=!1,this.scale="m",this.selected=!1,this.calciteInternalStepperItemKeyEvent=o({cancelable:!1}),this.calciteInternalStepperItemUpdate=o({cancelable:!1}),this.calciteInternalStepperItemSelect=o({cancelable:!1}),this.calciteStepperItemSelect=o({cancelable:!1}),this.listenOn(document.body,"calciteInternalStepperItemChange",this.updateActiveItemOnChange),this.listen("click",this.handleItemClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={stepperItemHasContent:[16,{},{state:!0}],complete:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],error:[7,{},{reflect:!0,type:Boolean}],heading:1,icon:[5,{},{type:Boolean}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],itemHidden:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[5,{},{type:Boolean}],numberingSystem:1,scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=z}async setFocus(e){return this.focusSetter(()=>this.layout==="vertical"?this.el:this.headerRef.value,e)}async load(){this.parentStepperEl=this.el.parentElement,this.itemPosition=this.getItemPosition(),this.selected&&this.emitRequestedItem()}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.calciteInternalStepperItemUpdate.emit(),e.has("messages")&&this.effectiveLocaleWatcher(this.messages._lang)}updated(){u(this.el,"tabindex",this.disabled||this.layout==="horizontal"?null:0)}selectedHandler(){this.selected&&this.emitRequestedItem()}effectiveLocaleWatcher(e){a.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:!1}}updateActiveItemOnChange(e){(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl))&&(this.selectedPosition=e.detail.position,this.determineSelectedItem())}keyDownHandler(e){if(!this.disabled&&e.target===this.el)switch(e.key){case" ":case"Enter":this.emitUserRequestedItem(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e}),e.preventDefault();break}}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}handleItemClick(e){this.disabled||g(this.el)||this.layout==="horizontal"&&e.composedPath().some(s=>s.classList?.contains("stepper-item-content"))||this.emitUserRequestedItem()}emitUserRequestedItem(){this.emitRequestedItem(),this.disabled||this.calciteStepperItemSelect.emit()}emitRequestedItem(){if(!this.disabled){let e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item:not([hidden]):not([item-hidden])")).indexOf(this.el)}render(){this.el.ariaCurrent=this.selected?"step":"false";let e=this.layout==="horizontal"&&!this.disabled?0:null;return this.interactiveContainer({disabled:this.disabled,children:r`<div class=${t(i.container)}>${this.complete&&r`<span aria-live=polite class=${t(i.visuallyHidden)}>${this.messages.complete}</span>`||""}<div class=${t(i.stepperItemHeader)} tabindex=${e??p} ${h(this.headerRef)}>${this.icon?this.renderIcon():null}${this.numbered?r`<div class=${t(i.stepperItemNumber)}>${this.renderNumbers()}.</div>`:null}<div class=${t(i.stepperItemHeaderText)}><span class=${t(i.stepperItemHeading)}>${this.heading}</span><span class=${t(i.stepperItemDescription)}>${this.description}</span></div></div><div class=${t({[i.stepperItemContent]:!0,[i.hasSlottedContent]:this.stepperItemHasContent})}><slot @slotchange=${s=>this.stepperItemHasContent=b(s)}></slot></div></div>`})}renderIcon(){let e=l.circle;return this.selected&&(this.layout!=="horizontal-single"||!this.error&&!this.complete)?e=l.circleF:this.error?e=l.exclamationMarkCircleF:this.complete&&(e=l.checkCircleF),r`<calcite-icon class=${t(i.stepperItemIcon)} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`}renderNumbers(){return a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1},a.numberFormatter.format(this.itemPosition+1)}};v("calcite-stepper-item",c);export{c as StepperItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as f,d as S}from"./DNYAPW4C.js";import{c as $}from"./RRXOB3GM.js";import{F as A,h as g,l as v}from"./
|
|
2
|
+
import{a as f,d as S}from"./DNYAPW4C.js";import{c as $}from"./RRXOB3GM.js";import{F as A,h as g,l as v}from"./TPRQEKIG.js";var b=o=>Array.from(o.querySelectorAll("calcite-action")).filter(t=>t.closest("calcite-action-menu")?t.slot===$.trigger:!0),w=({actionGroups:o,expanded:t,overflowCount:n})=>{let e=n;o.reverse().forEach(i=>{let l=0,s=b(i).filter(c=>S(c.parentElement)).reverse();s.forEach(c=>{c.slot===f.menuActions&&(c.removeAttribute("slot"),c.textEnabled=t)}),e>0&&s.some(c=>(s.filter(a=>!a.slot).length>1&&s.length>2&&!c.closest("calcite-action-menu")&&(c.textEnabled=!0,c.setAttribute("slot",f.menuActions),l++,l>1&&e--),e<1)),i.manager.component.requestUpdate()})},E={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function L(o,t){return t||o.closest("calcite-shell-panel")?.position||"start"}function P({el:o,expanded:t}){b(o).filter(n=>n.slot!==f.menuActions).forEach(n=>n.textEnabled=t),o.querySelectorAll("calcite-action-group, calcite-action-menu").forEach(n=>n.expanded=t)}var G=({tooltip:o,referenceElement:t,expanded:n,ref:e})=>(o&&(o.referenceElement=!n&&t?t:null),e&&e(t),t),U=({collapseText:o,collapseLabel:t,direction:n,expanded:e,expandText:i,expandLabel:l,toggle:s,el:c,position:u,tooltip:a,ref:d,scale:p})=>{let T=n==="rtl",h=e?o:i,q=e?t:l,r=[E.chevronsLeft,E.chevronsRight];T&&r.reverse();let m=L(c,u)==="end",x=m?r[1]:r[0],C=m?r[0]:r[1];return g`<calcite-action .aria=${{expanded:e}} .icon=${e?x:C} id=expand-toggle .label=${q} @click=${s} .scale=${p} .text=${h} .textEnabled=${e} title=${(!e&&!a?h:null)??v} ${A(y=>G({tooltip:a,referenceElement:y,expanded:e,ref:d}))}></calcite-action>`};export{b as a,w as b,P as c,U as d};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as p}from"./
|
|
2
|
+
import{a as p}from"./HHRSNWVJ.js";import{a as c}from"./QCRJVL4W.js";import"./RH6ZIP65.js";import{c as h}from"./PD7IE5T5.js";import"./FS3FP3E7.js";import{l as m,u as f,y as l}from"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{G as u,S as r,g as o,h as n}from"./TPRQEKIG.js";var d=o`:host{display:flex;line-height:var(--calcite-font-line-height-fixed-lg)}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends u{constructor(){super(),this.attributeWatch=h(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.messages=p(),this.focusSetter=c()(this),this.layout="horizontal",this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=d}async setFocus(e){return this.focusSetter(()=>this.menuItems[0],e)}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(e){let t=e.target,s=e.detail.children,i=e.detail.event.key;e.stopPropagation(),i==="ArrowDown"?t.layout==="vertical"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowUp"?this.layout==="vertical"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&s[s.length-1].setFocus():i==="ArrowRight"?this.layout==="horizontal"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowLeft"?this.layout==="horizontal"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&this.focusParentElement(e.target):i==="Escape"&&this.focusParentElement(e.target),e.preventDefault()}handleMenuSlotChange(e){this.menuItems=f(e),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(e){let t=e.parentElement;t&&(m(t),t.open=!1)}setMenuItemLayout(e,t){e.forEach(s=>{s.layout=t,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return n`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};r("calcite-menu",a);export{a as Menu};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as v,b as h,e as O,f as W,k as x,l as b,n as y,o as F,q as p}from"./QB4POCYZ.js";import{j as d}from"./EDZNJS2P.js";import{h as I,i as P,j as A}from"./CUJ2U3RS.js";import{a as u}from"./YGX7CUXN.js";import"./CX6NYW6U.js";import{h as S,j as R}from"./CUEFJU5M.js";import"./OAOQ5BXS.js";import{D as z,E as m,F as g,G as Y,H as r,S as w,g as D,h as l,l as $,p as C}from"./RBNGWGBY.js";var E=D`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-spacing-sm);margin-inline-start:var(--calcite-spacing-sm-plus)}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-spacing-xxs)}:host([scale=l]){block-size:44px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-spacing-sm-plus)}.chevron{box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;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;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-spacing-xxs)}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-select-spacing-inline: var(--calcite-spacing-xxs);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-spacing-xxs);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-xxs);--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-base);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-spacing-base);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-base);--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-sm);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-spacing-sm);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,s={header:"header",chevron:"chevron",chevronContainer:"chevron-container",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container",year:"year"},N={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,k=class extends Y{constructor(){super(...arguments),this.monthPickerRef=m(),this.nextMonthActionRef=m(),this.prevMonthActionRef=m(),this.yearInputRef=m(),this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:[16,{},{state:!0}],prevMonthDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],headingLevel:[9,{},{type:Number}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,position:1,scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=R(this.el,"calcite-date-picker")}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(y(this.activeDate),this.min,this.max),this.prevMonthDate=h(x(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return d.localize(`${W(e,this.localeData)}`)}parseCalendarYear(e){return d.localize(`${O(Number(d.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){u(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){u(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:a,wide:n}=this.localeData.months,i=(this.monthStyle==="wide"?n:a).indexOf(t.value),o=b(this.activeDate,i);v(o,this.min,this.max)||(o=h(o,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(o),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:a,max:n,activeDate:c}=this,i=Number(d.delocalize(e)),o=i.toString().length,f=isNaN(i)?!1:i+t,L=f&&(!a||a.getFullYear()<=f)&&(!n||n.getFullYear()>=f);if(f&&L&&o===e.length){let M=new Date(c);return M.setFullYear(f),h(M,a,n)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){let{yearInputRef:n,activeDate:c}=this,i=this.getInRangeDate({localizedYear:e,offset:a});i&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(i),t&&(n.value.value=this.formatCalendarYear((i||c).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding()),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerRef.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),a=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,c=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],i=Math.ceil(S(c,a));e.style.width=`${i+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=b(this.activeDate,e);return!this.min&&!this.max||v(t,this.min,this.max)?!0:p(t,this.max)||p(t,this.min)}async handlePenultimateValidMonth(e){let n=e.target.getAttribute("data-direction")==="left",c;if(n&&this.min){let i=h(x(this.activeDate),this.min,this.max);c=p(i,this.min)}else if(this.max){let i=h(y(this.activeDate),this.min,this.max);c=p(i,this.max)}if(c)if(this.position)this.yearInputRef.value?.focus();else{let o=(n?this.nextMonthActionRef:this.prevMonthActionRef).value;if(!o)return;o.disabled=!1,await o.setFocus()}}getPx(e){let t=Number(e.replace(/[rem|px]/g,"")),a=16;return e.includes("rem")?`${t*a}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=I;break;default:e=P;break}return this.getPx(e)}render(){return l`<div class=${r(s.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:c,lang:i}=this.parentDatePickerEl;d.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...i&&{locale:i}}}let a=F(e.unitOrder),n=a.indexOf("y")<a.indexOf("m");return l`${this.position&&l`<div class=${r({[s.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${r({[s.monthYearContainer]:!0,[s.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(n)}</div>${!this.position&&l`<div class=${r({[s.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${r({[s.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return l`<calcite-select class=${r(s.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${g(this.monthPickerRef)}>${t.map((a,n)=>l`<calcite-option .disabled=${!this.isMonthInRange(n)} .selected=${n===e} .value=${a}>${a}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return l`<span class=${r(s.yearContainer)}><input .ariaLabel=${this.messages.year} class=${r({[s.year]:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${z(t??"")} ${g(this.yearInputRef)}>${e&&l`<span class=${r(s.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",a=p(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!v(this.activeDate,this.min,this.max);return l`<calcite-action alignment=center .ariaDisabled=${a} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${r(s.chevron)} compact data-direction=${e??$} .disabled=${a} .icon=${t?N.chevronRight:N.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${g(t?this.nextMonthActionRef:this.prevMonthActionRef)}></calcite-action>`}};w("calcite-date-picker-month-header",k);export{k as DatePickerMonthHeader};
|
|
2
|
+
import{a as v,b as h,e as O,f as W,k as x,l as b,n as y,o as F,q as p}from"./4XDDF7QJ.js";import{j as d}from"./ZX3OFVBE.js";import{h as I,i as P,j as A}from"./CUJ2U3RS.js";import{a as u}from"./YGX7CUXN.js";import"./FS3FP3E7.js";import{h as S,j as R}from"./2LIAGA6D.js";import"./OAOQ5BXS.js";import{D as z,E as m,F as g,G as Y,H as r,S as w,g as D,h as l,l as $,p as C}from"./TPRQEKIG.js";var E=D`:host{display:block}.header{display:flex;block-size:100%;align-items:center;justify-content:space-between}.chevron-container{display:flex;align-items:center}:host([scale=s]){block-size:24px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .chevron-container,:host([scale=s]) .chevron{min-inline-size:24px;block-size:24px}:host([scale=m]){block-size:32px;margin:var(--calcite-spacing-sm);margin-inline-start:var(--calcite-spacing-sm-plus)}:host([scale=m]) .chevron-container,:host([scale=m]) .chevron{min-inline-size:32px;block-size:32px;--calcite-internal-action-padding-block: var(--calcite-spacing-xxs)}:host([scale=l]){block-size:44px;margin:var(--calcite-spacing-xs);margin-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .chevron-container,:host([scale=l]) .chevron{min-inline-size:44px;block-size:44px;--calcite-internal-action-padding-block: var(--calcite-spacing-sm-plus)}.chevron{box-sizing:content-box;display:flex;block-size:100%;inline-size:100%;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;outline-color:transparent;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;--calcite-internal-action-padding-block: 0;--calcite-action-background-color: var(--calcite-date-picker-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-date-picker-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-date-picker-header-action-background-color-press);--calcite-action-text-color: var(--calcite-date-picker-header-action-text-color);--calcite-action-text-color-press: var(--calcite-date-picker-header-action-text-color-press)}.chevron:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron[aria-disabled=true]{pointer-events:none}.month-year-container{display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:flex-start;text-align:center;line-height:1;gap:var(--calcite-spacing-xxs)}.month-year-container.range-calendar{justify-content:center}.year-container{position:relative;display:flex;block-size:100%}.suffix{display:flex;align-items:center}.year,.suffix{margin-inline:var(--calcite-spacing-xxs);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-date-picker-year-text-color, var(--calcite-color-text-1));font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-fixed-lg)}.year{position:relative;display:inline-block;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent;inline-size:44px}.year:hover{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:-2px}.year:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.month-select{--calcite-select-internal-border-width: 0;--calcite-select-internal-icon-border-inline-end-width: 0;--calcite-select-spacing-inline: var(--calcite-spacing-xxs);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-md));--calcite-select-text-color: var(--calcite-date-picker-month-select-text-color, var(--calcite-color-text-1));--calcite-select-icon-color: var(--calcite-date-picker-month-select-icon-color);--calcite-select-icon-color-hover: var(--calcite-date-picker-month-select-icon-color-hover);--calcite-internal-select-spacing-block: var(--calcite-spacing-xxs);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-xxs);--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-lg);--calcite-internal-select-font-weight: var(--calcite-font-weight-medium)}:host([scale=s]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-base);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size));--calcite-internal-select-spacing-block: var(--calcite-spacing-base);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-base);--calcite-internal-select-block-size: 24px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-base)}:host([scale=s]) .month-year-container .year{inline-size:40px}:host([scale=s]) .month-year-container .year,:host([scale=s]) .month-year-container .suffix{font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-fixed-base)}:host([scale=l]) .month-year-container .month-select{--calcite-select-spacing-inline: var(--calcite-spacing-sm);--calcite-select-font-size: var(--calcite-date-picker-month-select-font-size, var(--calcite-font-size-lg));--calcite-internal-select-spacing-block: var(--calcite-spacing-sm);--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 44px;--calcite-internal-select-line-height: var(--calcite-font-line-height-fixed-xl)}:host([scale=l]) .month-year-container .year{inline-size:48px}:host([scale=l]) .month-year-container .year,:host([scale=l]) .month-year-container .suffix{font-size:var(--calcite-font-size-lg);line-height:var(--calcite-font-line-height-fixed-xl)}:host([hidden]){display:none}[hidden]{display:none}`,s={header:"header",chevron:"chevron",chevronContainer:"chevron-container",monthYearContainer:"month-year-container",monthPicker:"month-select",rangeCalendar:"range-calendar",suffix:"suffix",yearContainer:"year-container",year:"year"},N={chevronLeft:"chevron-left",chevronRight:"chevron-right"},K=16,k=class extends Y{constructor(){super(...arguments),this.monthPickerRef=m(),this.nextMonthActionRef=m(),this.prevMonthActionRef=m(),this.yearInputRef=m(),this.calciteInternalDatePickerMonthHeaderSelectChange=C({cancelable:!1})}static{this.properties={nextMonthDate:[16,{},{state:!0}],prevMonthDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],headingLevel:[9,{},{type:Number}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,position:1,scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.setNextPrevMonthDates()}load(){this.parentDatePickerEl=R(this.el,"calcite-date-picker")}willUpdate(e){this.hasUpdated&&(e.has("activeDate")||e.has("localeData"))&&this.setYearSelectMenuWidth(),this.hasUpdated&&e.has("scale")&&this.setYearSelectWidthOffset(),(e.has("min")||e.has("max")||e.has("activeDate"))&&this.setNextPrevMonthDates()}loaded(){this.setYearSelectWidthOffset()}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(y(this.activeDate),this.min,this.max),this.prevMonthDate=h(x(this.activeDate),this.min,this.max))}onYearKey(e){let t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault(),this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault(),this.setYear({localizedYear:t,offset:1});break}}formatCalendarYear(e){return d.localize(`${W(e,this.localeData)}`)}parseCalendarYear(e){return d.localize(`${O(Number(d.delocalize(e)),this.localeData)}`)}onYearChange(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})}onYearInput(e){this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})}prevMonthClick(e){this.handleArrowClick(e,this.prevMonthDate)}prevMonthKeydown(e){u(e.key)&&this.prevMonthClick(e)}nextMonthClick(e){this.handleArrowClick(e,this.nextMonthDate)}nextMonthKeydown(e){u(e.key)&&this.nextMonthClick(e)}async handleArrowClick(e,t){e.preventDefault(),await this.handlePenultimateValidMonth(e),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(t)}handleMonthChange(e){let t=e.target,{abbreviated:a,wide:n}=this.localeData.months,i=(this.monthStyle==="wide"?n:a).indexOf(t.value),o=b(this.activeDate,i);v(o,this.min,this.max)||(o=h(o,this.min,this.max)),this.calciteInternalDatePickerMonthHeaderSelectChange.emit(o),this.setYearSelectMenuWidth()}getInRangeDate({localizedYear:e,offset:t=0}){let{min:a,max:n,activeDate:c}=this,i=Number(d.delocalize(e)),o=i.toString().length,f=isNaN(i)?!1:i+t,L=f&&(!a||a.getFullYear()<=f)&&(!n||n.getFullYear()>=f);if(f&&L&&o===e.length){let M=new Date(c);return M.setFullYear(f),h(M,a,n)}}setYear({localizedYear:e,commit:t=!0,offset:a=0}){let{yearInputRef:n,activeDate:c}=this,i=this.getInRangeDate({localizedYear:e,offset:a});i&&this.calciteInternalDatePickerMonthHeaderSelectChange.emit(i),t&&(n.value.value=this.formatCalendarYear((i||c).getFullYear()))}setYearSelectWidthOffset(){this.yearSelectWidthOffset=K+3*parseInt(this.getYearSelectPadding()),this.setYearSelectMenuWidth()}setYearSelectMenuWidth(){let e=this.monthPickerRef.value;e&&requestAnimationFrame(()=>{let t=getComputedStyle(e),a=`${t.fontStyle} ${t.fontVariant} ${t.fontWeight} ${t.fontSize}/${t.lineHeight} ${t.fontFamily}`,c=this.localeData.months[this.monthStyle][this.activeDate.getMonth()],i=Math.ceil(S(c,a));e.style.width=`${i+this.yearSelectWidthOffset}px`})}isMonthInRange(e){let t=b(this.activeDate,e);return!this.min&&!this.max||v(t,this.min,this.max)?!0:p(t,this.max)||p(t,this.min)}async handlePenultimateValidMonth(e){let n=e.target.getAttribute("data-direction")==="left",c;if(n&&this.min){let i=h(x(this.activeDate),this.min,this.max);c=p(i,this.min)}else if(this.max){let i=h(y(this.activeDate),this.min,this.max);c=p(i,this.max)}if(c)if(this.position)this.yearInputRef.value?.focus();else{let o=(n?this.nextMonthActionRef:this.prevMonthActionRef).value;if(!o)return;o.disabled=!1,await o.setFocus()}}getPx(e){let t=Number(e.replace(/[rem|px]/g,"")),a=16;return e.includes("rem")?`${t*a}px`:`${t}px`}getYearSelectPadding(){let e;switch(this.scale){case"l":e=A;break;case"s":e=I;break;default:e=P;break}return this.getPx(e)}render(){return l`<div class=${r(s.header)}>${this.renderContent()}</div>`}renderContent(){let{localeData:e,activeDate:t}=this;if(!t||!e)return null;if(this.parentDatePickerEl){let{numberingSystem:c,lang:i}=this.parentDatePickerEl;d.numberFormatOptions={useGrouping:!1,...c&&{numberingSystem:c},...i&&{locale:i}}}let a=F(e.unitOrder),n=a.indexOf("y")<a.indexOf("m");return l`${this.position&&l`<div class=${r({[s.chevronContainer]:!0})}>${this.position==="start"&&this.renderChevron("left")||""}</div>`||""}<div class=${r({[s.monthYearContainer]:!0,[s.rangeCalendar]:!!this.position})}>${this.renderMonthYearContainer(n)}</div>${!this.position&&l`<div class=${r({[s.chevronContainer]:!0})}>${this.renderChevron("left")}</div>`||""}<div class=${r({[s.chevronContainer]:!0})}>${this.position!=="start"&&this.renderChevron("right")||""}</div>`}renderMonthYearContainer(e){return e?[this.renderYearInput(),this.renderMonthPicker()]:[this.renderMonthPicker(),this.renderYearInput()]}renderMonthPicker(){let e=this.activeDate.getMonth(),t=this.localeData.months[this.monthStyle];return l`<calcite-select class=${r(s.monthPicker)} .label=${this.messages.monthMenu} @calciteSelectChange=${this.handleMonthChange} width=auto ${g(this.monthPickerRef)}>${t.map((a,n)=>l`<calcite-option .disabled=${!this.isMonthInRange(n)} .selected=${n===e} .value=${a}>${a}</calcite-option>`)}</calcite-select>`}renderYearInput(){let e=this.localeData.year?.suffix,t=this.formatCalendarYear(this.activeDate.getFullYear());return l`<span class=${r(s.yearContainer)}><input .ariaLabel=${this.messages.year} class=${r({[s.year]:!0})} inputmode=numeric maxlength=4 minlength=1 @change=${this.onYearChange} @input=${this.onYearInput} @keydown=${this.onYearKey} pattern=\\d* type=text .value=${z(t??"")} ${g(this.yearInputRef)}>${e&&l`<span class=${r(s.suffix)}>${e}</span>`||""}</span>`}renderChevron(e){let t=e==="right",a=p(t?this.nextMonthDate:this.prevMonthDate,this.activeDate)||!v(this.activeDate,this.min,this.max);return l`<calcite-action alignment=center .ariaDisabled=${a} .ariaLabel=${t?this.messages.nextMonth:this.messages.prevMonth} class=${r(s.chevron)} compact data-direction=${e??$} .disabled=${a} .icon=${t?N.chevronRight:N.chevronLeft} icon-flip-rtl @click=${t?this.nextMonthClick:this.prevMonthClick} @keydown=${t?this.nextMonthKeydown:this.prevMonthKeydown} role=button .scale=${this.scale} .text=${t?this.messages.nextMonth:this.messages.prevMonth} ${g(t?this.nextMonthActionRef:this.prevMonthActionRef)}></calcite-action>`}};w("calcite-date-picker-month-header",k);export{k as DatePickerMonthHeader};
|