@esri/calcite-components 5.1.0-next.28 → 5.1.0-next.29
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/{2MMJ4SPG.js → 2774KVH7.js} +1 -1
- package/dist/cdn/{6FQKE7Z2.js → 2A7OD3NI.js} +1 -1
- package/dist/cdn/{V6IT236F.js → 2KHMJHMG.js} +1 -1
- package/dist/cdn/{OHIB37SX.js → 2LFFLS5I.js} +1 -1
- package/dist/cdn/{U3536CVR.js → 2ME5OYB5.js} +1 -1
- package/dist/cdn/{COPGTJZJ.js → 2P5OSUTT.js} +1 -1
- package/dist/cdn/{UZKX3HC4.js → 2ROQUV63.js} +1 -1
- package/dist/cdn/{MDD4M37C.js → 2VIUBNU7.js} +1 -1
- package/dist/cdn/{J5OIQ5JE.js → 35CFNMQ2.js} +1 -1
- package/dist/cdn/{S7ZCPVU4.js → 3GW2GQKK.js} +1 -1
- package/dist/cdn/{IYXIAEHS.js → 3J6QKRUK.js} +1 -1
- package/dist/cdn/{JUCGU6F4.js → 3MCKHHNA.js} +1 -1
- package/dist/cdn/{VWXBWDIP.js → 3PK46TTS.js} +1 -1
- package/dist/cdn/{HZPUZPD5.js → 3URV7ITM.js} +1 -1
- package/dist/cdn/{Q6RQZPCK.js → 3UZVTUAF.js} +1 -1
- package/dist/cdn/{HLRSZIAD.js → 3WH6RKNU.js} +1 -1
- package/dist/cdn/{SGO42EA4.js → 3XHNWY7K.js} +1 -1
- package/dist/cdn/{EMPWZF2H.js → 4A5A5D5W.js} +1 -1
- package/dist/cdn/{LLEN3PWH.js → 4HWFXEKI.js} +1 -1
- package/dist/cdn/{WPWHYZH7.js → 4MLDWQAD.js} +1 -1
- package/dist/cdn/{O3EKC2W5.js → 4ORDMS52.js} +1 -1
- package/dist/cdn/{YKBFTHVJ.js → 4QLF3MYZ.js} +1 -1
- package/dist/cdn/{GTEFPCTJ.js → 4RNWEA42.js} +1 -1
- package/dist/cdn/{25U4VD6X.js → 56L55R3T.js} +1 -1
- package/dist/cdn/{IP6VXIUB.js → 57JKZXSD.js} +1 -1
- package/dist/cdn/{5QWXZ7O5.js → 5F7EWFYE.js} +1 -1
- package/dist/cdn/{3Z2TZ6ND.js → 5L4ZE6B3.js} +1 -1
- package/dist/cdn/{QJ4QU5F7.js → 5N6XKIEY.js} +1 -1
- package/dist/cdn/{Y6UL3JOS.js → 5PK5K6DV.js} +1 -1
- package/dist/cdn/{MCZEOJFQ.js → 5RSEGD3Q.js} +1 -1
- package/dist/cdn/{KITS253P.js → 5SSMIBVX.js} +1 -1
- package/dist/cdn/{RWNEGUGO.js → 5YTWFFBC.js} +1 -1
- package/dist/cdn/{HERIOGF7.js → 62SLF7YF.js} +1 -1
- package/dist/cdn/{X6J23ZTN.js → 6CXASKN6.js} +1 -1
- package/dist/cdn/{2EXJPUJE.js → 6J5IRG7C.js} +1 -1
- package/dist/cdn/{RWNDJLJK.js → 6MUHKMRN.js} +1 -1
- package/dist/cdn/{DWSAQKML.js → 72FG7HOT.js} +1 -1
- package/dist/cdn/{R6HAPYWH.js → 72IUD3WR.js} +1 -1
- package/dist/cdn/{2PNNQC2S.js → 757UMZB3.js} +1 -1
- package/dist/cdn/{O7PIYB32.js → 7B3BGNCD.js} +1 -1
- package/dist/cdn/{BFIXL2HX.js → 7JZ6GIIK.js} +1 -1
- package/dist/cdn/{5PFRZ4R7.js → A2LLJ3B3.js} +1 -1
- package/dist/cdn/{2643VWIK.js → ASZO3JVA.js} +1 -1
- package/dist/cdn/{F5HY7BK6.js → AZXGCZOO.js} +1 -1
- package/dist/cdn/{673NIPDB.js → B4TU2ZSH.js} +1 -1
- package/dist/cdn/{A7NET2GW.js → BGR6GMQK.js} +1 -1
- package/dist/cdn/{534TBQTP.js → BHX26PYQ.js} +1 -1
- package/dist/cdn/{EDQAKFHD.js → BVIPXSON.js} +1 -1
- package/dist/cdn/{W4T4QVLN.js → C6MEU4R3.js} +1 -1
- package/dist/cdn/{MQ5FPEYS.js → CMDKA2BD.js} +1 -1
- package/dist/cdn/{EMCMVQJW.js → CRFOCZQW.js} +1 -1
- package/dist/cdn/{K5A3RPBX.js → D24OZELU.js} +1 -1
- package/dist/cdn/{FSSB6TID.js → DML77MCY.js} +1 -1
- package/dist/cdn/{4X236WQB.js → DNWLCEPS.js} +1 -1
- package/dist/cdn/{5REK75ZQ.js → DQ66AZG2.js} +1 -1
- package/dist/cdn/{LD5T6ORB.js → DX2SQKVV.js} +1 -1
- package/dist/cdn/{S3V6TOMA.js → E2D5MUPH.js} +1 -1
- package/dist/cdn/{GR2KNMLT.js → EC5JUIYO.js} +1 -1
- package/dist/cdn/{UUUUOCAJ.js → ECIAN3N2.js} +1 -1
- package/dist/cdn/{IYQLG63Y.js → EI5VZJ4U.js} +1 -1
- package/dist/cdn/{IGJQVVEE.js → F3F7X7O6.js} +1 -1
- package/dist/cdn/{L7DHGVWB.js → F4Z7TYLG.js} +1 -1
- package/dist/cdn/{2JUCSOBI.js → FBXMNXWX.js} +1 -1
- package/dist/cdn/{2H37PYTE.js → FCWPLIRV.js} +1 -1
- package/dist/cdn/{H2VB5JWW.js → FL6D5D6K.js} +1 -1
- package/dist/cdn/{HHES5U5R.js → FQ3WJLJO.js} +1 -1
- package/dist/cdn/{OHAZWGSF.js → FZ2JZSMA.js} +1 -1
- package/dist/cdn/{HI6WIZIP.js → GJD26N3G.js} +1 -1
- package/dist/cdn/{GW32UUS6.js → GY7MUY5M.js} +1 -1
- package/dist/cdn/{B6DTM6BY.js → H5NIQBIL.js} +1 -1
- package/dist/cdn/{UH6REHEA.js → HCKEAQP3.js} +1 -1
- package/dist/cdn/{FX7SYXUV.js → HFI7CKQS.js} +1 -1
- package/dist/cdn/{SUUO54XJ.js → HI2CNLLK.js} +1 -1
- package/dist/cdn/{BYVPXKJ7.js → HM54UK7F.js} +1 -1
- package/dist/cdn/{4BGRVTT3.js → HNTFWSL5.js} +1 -1
- package/dist/cdn/{WB4EJTWL.js → HUHH7HH4.js} +1 -1
- package/dist/cdn/{D7S4O5FG.js → HVX5VZEE.js} +1 -1
- package/dist/cdn/{4S3TKRGW.js → I2C67Y67.js} +1 -1
- package/dist/cdn/{PKUFCNJL.js → I2GEGGLW.js} +1 -1
- package/dist/cdn/{P2HNC7UU.js → IZMEKECH.js} +1 -1
- package/dist/cdn/{QSJAA23T.js → JQAOERYZ.js} +1 -1
- package/dist/cdn/{O5K4HYXO.js → JULD2ZZJ.js} +1 -1
- package/dist/cdn/{EPQBEA3C.js → JWLSYQWW.js} +1 -1
- package/dist/cdn/{BSODHHVB.js → K54R67HB.js} +1 -1
- package/dist/cdn/{QGXFAME4.js → K5IV2PUI.js} +1 -1
- package/dist/cdn/{3S45J7UC.js → K6G2LLUP.js} +1 -1
- package/dist/cdn/{2DJC4GZJ.js → KXMVRMR4.js} +1 -1
- package/dist/cdn/{36PW4GMJ.js → KYYTSHOB.js} +1 -1
- package/dist/cdn/{POW5ZY3S.js → LBJOOP5D.js} +1 -1
- package/dist/cdn/{OX6ZVQOQ.js → LXVFVBN5.js} +1 -1
- package/dist/cdn/{OODA5MID.js → M4S5JCJJ.js} +1 -1
- package/dist/cdn/{YQHV57HI.js → MHKVSMA2.js} +1 -1
- package/dist/cdn/{OK67HOMS.js → MN7GRG5C.js} +1 -1
- package/dist/cdn/{QM6GQBK7.js → MPWCYZAP.js} +1 -1
- package/dist/cdn/{BQVS5YO7.js → MRMQXGPG.js} +1 -1
- package/dist/cdn/{LDBUTWJE.js → MU5V47HR.js} +1 -1
- package/dist/cdn/{RLWVKKZ6.js → NAVKK6W5.js} +1 -1
- package/dist/cdn/{XOOZFRBP.js → NCERYKAV.js} +1 -1
- package/dist/cdn/{A4ZB732C.js → NN645OFY.js} +1 -1
- package/dist/cdn/{SNIBDYWV.js → ODR2JIF7.js} +1 -1
- package/dist/cdn/{KQKKVDVX.js → OEW7E3YX.js} +1 -1
- package/dist/cdn/{3C2B243A.js → ORMSV2TU.js} +1 -1
- package/dist/cdn/{I6DAXC3K.js → P5J4U7OT.js} +1 -1
- package/dist/cdn/{VK2MV6YO.js → PEP2AH5X.js} +1 -1
- package/dist/cdn/{ZDELR6R4.js → POQQQUYI.js} +1 -1
- package/dist/cdn/{LYFLHG5P.js → PRTYOKYD.js} +1 -1
- package/dist/cdn/{MMWNMQTT.js → QU6Z6ZBG.js} +1 -1
- package/dist/cdn/{WHZDXO2G.js → QUCQKJ4W.js} +1 -1
- package/dist/cdn/{YE4F22RW.js → R2A2OZRS.js} +1 -1
- package/dist/cdn/{6INFW6IQ.js → R6IWVD4X.js} +1 -1
- package/dist/cdn/{2ZMYDGAU.js → RG5N3OMG.js} +1 -1
- package/dist/cdn/{37M4EOUV.js → RNXM2KNR.js} +1 -1
- package/dist/cdn/{ADUAK3QA.js → RWDLTH4M.js} +1 -1
- package/dist/cdn/{I2O5WUMR.js → RZEINJFA.js} +1 -1
- package/dist/cdn/{SXM3L3QB.js → S5AKV5YP.js} +1 -1
- package/dist/cdn/{KKFAA3UK.js → S5GMOJ4U.js} +1 -1
- package/dist/cdn/{XGZEI4GA.js → SMTCKMGV.js} +1 -1
- package/dist/cdn/{JEHYYN4E.js → TEFHWHI3.js} +1 -1
- package/dist/cdn/{RRZ2ZYLF.js → THB3WT3W.js} +1 -1
- package/dist/cdn/{VDTLW43K.js → TNXTU6DC.js} +1 -1
- package/dist/cdn/{YBR3HGSE.js → U6HWDPH5.js} +1 -1
- package/dist/cdn/{W4D3AVVQ.js → UC65BMRG.js} +1 -1
- package/dist/cdn/{NB2DKUA2.js → UWJGUBBX.js} +1 -1
- package/dist/cdn/{AOUOFESI.js → X2ZWT3TQ.js} +1 -1
- package/dist/cdn/{JY56PHCK.js → X4FGFHEI.js} +1 -1
- package/dist/cdn/{Y77VQ7DL.js → X4MVJKT4.js} +1 -1
- package/dist/cdn/{NKTFZNQM.js → X6O4NMTT.js} +1 -1
- package/dist/cdn/{IQ267LZU.js → XA4URCKQ.js} +1 -1
- package/dist/cdn/{WXLEKCG7.js → XNWE3PAG.js} +1 -1
- package/dist/cdn/{42ZM6AFE.js → XQW6DTWU.js} +1 -1
- package/dist/cdn/{2DDWG4KY.js → XTO4RFJW.js} +1 -1
- package/dist/cdn/{MQK3E45Q.js → XUADJAPV.js} +1 -1
- package/dist/cdn/{YFODJXYU.js → YAZASOGD.js} +1 -1
- package/dist/cdn/{ZJOU76RH.js → YCRFHLNV.js} +1 -1
- package/dist/cdn/{3ALZSO5N.js → YKA2ZCMA.js} +1 -1
- package/dist/cdn/{RO26I72Q.js → YM3OJHXD.js} +1 -1
- package/dist/cdn/{PE3YPUPJ.js → YO23HNJ3.js} +1 -1
- package/dist/cdn/{VNCQZGV7.js → YONXEXEH.js} +1 -1
- package/dist/cdn/{T2YYC46N.js → YWW7ERUT.js} +1 -1
- package/dist/cdn/{R7GEJZJQ.js → Z6PXXTUK.js} +1 -1
- package/dist/cdn/{IIBTALKU.js → Z76NX6MY.js} +1 -1
- package/dist/cdn/{J4V2FFWV.js → ZRNTWXE6.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-accordion-item/customElement.d.ts +1 -1
- package/dist/components/calcite-action/customElement.d.ts +2 -2
- package/dist/components/calcite-action-bar/customElement.d.ts +1 -1
- package/dist/components/calcite-action-group/customElement.d.ts +2 -2
- package/dist/components/calcite-action-menu/customElement.d.ts +2 -2
- package/dist/components/calcite-action-pad/customElement.d.ts +1 -1
- package/dist/components/calcite-alert/customElement.d.ts +2 -2
- package/dist/components/calcite-autocomplete/customElement.d.ts +10 -10
- package/dist/components/calcite-block/customElement.d.ts +2 -2
- package/dist/components/calcite-block-group/customElement.d.ts +1 -1
- package/dist/components/calcite-block-section/customElement.d.ts +1 -1
- package/dist/components/calcite-button/customElement.d.ts +5 -5
- package/dist/components/calcite-card/customElement.d.ts +1 -1
- package/dist/components/calcite-card-group/customElement.d.ts +1 -1
- package/dist/components/calcite-carousel/customElement.d.ts +1 -1
- package/dist/components/calcite-checkbox/customElement.d.ts +3 -3
- package/dist/components/calcite-chip/customElement.d.ts +1 -1
- package/dist/components/calcite-chip-group/customElement.d.ts +1 -1
- package/dist/components/calcite-color-picker/customElement.d.ts +2 -2
- package/dist/components/calcite-color-picker-hex-input/customElement.d.ts +1 -1
- package/dist/components/calcite-color-picker-swatch/customElement.d.ts +1 -1
- package/dist/components/calcite-combobox/customElement.d.ts +3 -3
- package/dist/components/calcite-date-picker/customElement.d.ts +1 -1
- package/dist/components/calcite-date-picker-day/customElement.d.ts +1 -1
- package/dist/components/calcite-dialog/customElement.d.ts +3 -3
- package/dist/components/calcite-dropdown/customElement.d.ts +2 -2
- package/dist/components/calcite-dropdown-item/customElement.d.ts +1 -1
- package/dist/components/calcite-fab/customElement.d.ts +1 -1
- package/dist/components/calcite-filter/customElement.d.ts +1 -1
- package/dist/components/calcite-flow/customElement.d.ts +1 -1
- package/dist/components/calcite-flow-item/customElement.d.ts +2 -2
- package/dist/components/calcite-handle/customElement.d.ts +1 -1
- package/dist/components/calcite-inline-editable/customElement.d.ts +1 -1
- package/dist/components/calcite-input/customElement.d.ts +16 -16
- package/dist/components/calcite-input-date-picker/customElement.d.ts +4 -4
- package/dist/components/calcite-input-number/customElement.d.ts +12 -12
- package/dist/components/calcite-input-text/customElement.d.ts +10 -10
- package/dist/components/calcite-input-time-picker/customElement.d.ts +5 -5
- package/dist/components/calcite-input-time-zone/customElement.d.ts +4 -4
- package/dist/components/calcite-link/customElement.d.ts +2 -2
- package/dist/components/calcite-list/customElement.d.ts +1 -1
- package/dist/components/calcite-list-item/customElement.d.ts +2 -2
- package/dist/components/calcite-menu/customElement.d.ts +1 -1
- package/dist/components/calcite-menu-item/customElement.d.ts +3 -3
- package/dist/components/calcite-navigation/customElement.d.ts +1 -1
- package/dist/components/calcite-navigation-logo/customElement.d.ts +3 -3
- package/dist/components/calcite-navigation-user/customElement.d.ts +1 -1
- package/dist/components/calcite-notice/customElement.d.ts +1 -1
- package/dist/components/calcite-pagination/customElement.d.ts +1 -1
- package/dist/components/calcite-panel/customElement.d.ts +2 -2
- package/dist/components/calcite-popover/customElement.d.ts +2 -2
- package/dist/components/calcite-radio-button/customElement.d.ts +1 -1
- package/dist/components/calcite-radio-button-group/customElement.d.ts +1 -1
- package/dist/components/calcite-rating/customElement.d.ts +2 -2
- package/dist/components/calcite-segmented-control/customElement.d.ts +2 -2
- package/dist/components/calcite-select/customElement.d.ts +2 -2
- package/dist/components/calcite-sheet/customElement.d.ts +2 -2
- package/dist/components/calcite-slider/customElement.d.ts +2 -2
- package/dist/components/calcite-sort-handle/customElement.d.ts +2 -2
- package/dist/components/calcite-split-button/customElement.d.ts +5 -5
- package/dist/components/calcite-stepper-item/customElement.d.ts +1 -1
- package/dist/components/calcite-swatch/customElement.d.ts +1 -1
- package/dist/components/calcite-switch/customElement.d.ts +1 -1
- package/dist/components/calcite-table-cell/customElement.d.ts +1 -1
- package/dist/components/calcite-table-header/customElement.d.ts +1 -1
- package/dist/components/calcite-text-area/customElement.d.ts +12 -12
- package/dist/components/calcite-tile/customElement.d.ts +1 -1
- package/dist/components/calcite-time-picker/customElement.d.ts +1 -1
- package/dist/components/calcite-tooltip/customElement.d.ts +1 -1
- package/dist/controllers/useSortable.d.ts +3 -3
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as q,b as f,c as W,d as M,e as _,j as n}from"./37M4EOUV.js";import{a as J}from"./4S3TKRGW.js";import{a as Z}from"./KQKKVDVX.js";import{a as Q}from"./WPWHYZH7.js";import{c as K,d as G,e as Y}from"./GTEFPCTJ.js";import{a as A}from"./3ALZSO5N.js";import{a as R}from"./IYXIAEHS.js";import{b as U}from"./YGX7CUXN.js";import{a as L}from"./IQ267LZU.js";import{a as j}from"./O3EKC2W5.js";import{a as y}from"./RH6ZIP65.js";import{c as P,e as F}from"./O7PIYB32.js";import"./V6IT236F.js";import{o as $,w as V}from"./QSJAA23T.js";import"./OAOQ5BXS.js";import{D as C,E as k,F as w,G as O,H as s,L as I,M as E,S as H,g as D,h as c,l as u,p as x}from"./EMCMVQJW.js";var r={loader:"loader",clearButton:"clear-button",clearable:"clearable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},X={validationMessage:"inputNumberValidationMessage"},ne={action:"action"},S={clear:"x",chevronUp:"chevron-up",chevronDown:"chevron-down"},ee={up:"up",down:"down"},ae=150,re=D`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;font-family:inherit;font-weight:var(--calcite-font-weight-normal);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input{outline-color:transparent}input: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))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;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-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;outline-color:transparent;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1));border-inline-start-width:0px}.clear-button calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color, var(--calcite-color-text-3))}.clear-button:hover{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.clear-button:hover calcite-icon{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-icon-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.clear-button:active calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button: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))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;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}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:1px;border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;padding-block:0px;padding-inline:.5rem;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;border-inline-start-width:0px;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1))}.number-button-item calcite-icon{pointer-events:none;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-icon-color: var(--calcite-input-actions-icon-color, var(--calcite-color-text-3))}.number-button-item:disabled{pointer-events:none}.number-button-item:hover{background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.number-button-item:hover calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.number-button-item:active calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.prefix,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down]{border-start-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}:host(:not([status=invalid])) .has-prefix input{border-inline-start-width:0}:host(:not([status=invalid])) .has-suffix input{border-inline-end-width:0}.has-suffix input,:host .clearable input,:host(:not([read-only])) input,:host .suffix,:host .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host .wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-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}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.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}::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}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,B=class extends O{constructor(){super(),this.actionWrapperRef=k(),this.attributeWatch=P(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=k(),this.direction=F(),this.formSupport=Q({inputType:"number"})(this),this.inputWrapperRef=k(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=L({blocking:!0}),this.focusSetter=j()(this),this.interactiveContainer=A(this),this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputNumberChange=x({cancelable:!1}),this.calciteInputNumberInput=x(),this.calciteInternalInputNumberBlur=x({cancelable:!1}),this.calciteInternalInputNumberFocus=x({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:I,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:I,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=re}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childNumberRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),K(this)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=$({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:f(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||null),e.has("min")&&(this.minString=this.min?.toString()||null),e.has("icon")&&(this.requestedIcon=$({},this.icon,"number")),e.has("messages")&&(n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),G(this),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":f(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()))}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,d){let{value:a}=this;if(a==="Infinity"||a==="-Infinity")return;let h=e==="up"?1:-1,o=this.integer&&this.step!=="any"?Math.round(this.step):this.step,b=o==="any"?1:Math.abs(o||1),p=new q(a!==""?a:"0").add(`${b*h}`),g=()=>typeof i=="number"&&!isNaN(i)&&p.subtract(`${i}`).isNegative,m=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,l=g()?`${i}`:m()?`${t}`:p.toString();this.setNumberValue({committing:!0,nativeEvent:d,origin:"user",value:l})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){this.stopNudging(),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||this.setFocus()}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=n.delocalize(t);e.inputType==="insertFromPaste"?((!f(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:W(i)}),this.childNumberRef.value.value=this.displayedValue):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){e.preventDefault(),this.nudgeNumberValue("down",e);return}let t=[...U,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){e.key==="Enter"&&this.emitChangeIfUserModified();return}n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===n.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value.value||this.value&&this.childNumberRef.value.value.indexOf(n.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value.value||this.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value.value||this.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,d=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,d,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,i,d,t)},ae)}nudgeButtonPointerUpHandler(e){V(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!V(e))return;e.preventDefault();let t=e.target.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputNumberValue(e){this.childNumberRef.value&&(this.childNumberRef.value.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return f(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:d,value:a}){n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let h=this.previousValue?.length>a.length||this.value?.length>a.length,o=this.integer?a.replace(/[e.]/g,""):a,b=o.charAt(o.length-1)===".",v=o.charAt(0)==="-",p=o.match(/^-?(0+)\d/),g=b&&h?o:M(o),m=a&&!g?f(this.previousValue)?this.previousValue:"":g,l=n.localize(m);i!=="connected"&&!b&&(l=_(l,m,n)),b&&h&&(l=`${l}${n.decimal}`),p&&(l=`${v?l.charAt(0):""}${n.localize("0").repeat(p[1].length)}${v?l.slice(1):l}`),this.displayedValue=l,this.setPreviousNumberValue(d??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==m;let T=["-","."].includes(m)?"":m;this.value=T;let te=new Set(["e","E",n.decimal,n.minusSign,n.group,...n.digits]),z=this.childNumberRef.value?.value;if(z){let N=Array.from(z).filter(ie=>te.has(ie)).join("");N!==z&&this.setInputNumberValue(N)}i==="direct"&&(this.setInputNumberValue(l),this.setPreviousEmittedNumberValue(T)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=n.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!f(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=c`<div class=${s(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=c`<button .ariaLabel=${this.messages.clear} class=${s(r.clearButton)} .disabled=${this.disabled||this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon .icon=${S.clear} .scale=${y(this.scale)}></calcite-icon></button>`,d=c`<calcite-icon class=${s(r.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon>`,a=this.numberButtonType==="horizontal",h=c`<button aria-hidden=true class=${s({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.up} data-testid=number-button-up .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon .icon=${S.chevronUp} .scale=${y(this.scale)}></calcite-icon></button>`,o=c`<button aria-hidden=true class=${s({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.down} data-testid=number-button-down .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon .icon=${S.chevronDown} .scale=${y(this.scale)}></calcite-icon></button>`,b=c`<div class=${s(r.numberButtonWrapper)}>${h}${o}</div>`,v=c`<div class=${s(r.prefix)}>${this.prefixText}</div>`,p=c`<div class=${s(r.suffix)}>${this.suffixText}</div>`,g=R("localized-input",c`<input aria-errormessage=${X.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Y(this)} autocomplete=${this.autocomplete??u} .autofocus=${this.el.autofocus} value=${this.defaultValue??u} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??u} inputmode=${(this.el.inputMode||"decimal")??u} maxlength=${this.maxLength??u} minlength=${this.minLength??u} name=${u} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??u} .readOnly=${this.readOnly} .required=${this.required} type=text .value=${C(this.displayedValue??"")} ${w(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:c`${this.labelText&&Z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${s({[r.inputWrapper]:!0,[E.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText,[r.clearable]:this.isClearable})} ${w(this.inputWrapperRef)}>${this.numberButtonType==="horizontal"&&!this.readOnly?o:null}${this.prefixText?v:null}<div class=${s(r.wrapper)}>${g}${this.isClearable?i:null}${this.requestedIcon?d:null}${this.loading?t:null}</div><div class=${s(r.actionWrapper)} ${w(this.actionWrapperRef)}><slot name=${ne.action}></slot></div>${this.numberButtonType==="vertical"&&!this.readOnly?b:null}${this.suffixText?p:null}${this.numberButtonType==="horizontal"&&!this.readOnly?h:null}</div>${this.validationMessage&&this.status==="invalid"?J({icon:this.validationIcon,id:X.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};H("calcite-input-number",B);export{B as InputNumber};
|
|
2
|
+
import{a as q,b as f,c as W,d as M,e as _,j as n}from"./RNXM2KNR.js";import{a as J}from"./I2C67Y67.js";import{a as Z}from"./OEW7E3YX.js";import{a as Q}from"./4MLDWQAD.js";import{c as K,d as G,e as Y}from"./4RNWEA42.js";import{a as A}from"./YKA2ZCMA.js";import{a as R}from"./3J6QKRUK.js";import{b as U}from"./YGX7CUXN.js";import{a as L}from"./XA4URCKQ.js";import{a as j}from"./4ORDMS52.js";import{a as y}from"./RH6ZIP65.js";import{c as P,e as F}from"./7B3BGNCD.js";import"./2KHMJHMG.js";import{o as $,w as V}from"./JQAOERYZ.js";import"./OAOQ5BXS.js";import{D as C,E as k,F as w,G as O,H as s,L as I,M as E,S as H,g as D,h as c,l as u,p as x}from"./CRFOCZQW.js";var r={loader:"loader",clearButton:"clear-button",clearable:"clearable",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",numberButtonItem:"number-button-item",hasSuffix:"has-suffix",hasPrefix:"has-prefix"},X={validationMessage:"inputNumberValidationMessage"},ne={action:"action"},S={clear:"x",chevronUp:"chevron-up",chevronDown:"chevron-down"},ee={up:"up",down:"down"},ae=150,re=D`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) input{padding-inline:var(--calcite-spacing-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-xxs)}:host([scale=s]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper{block-size:var(--calcite-input-number-height, 1.5rem)}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) input{padding-inline:var(--calcite-spacing-md)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) var(--calcite-spacing-xs)}:host([scale=m]) .has-suffix input{padding-inline-end:var(--calcite-spacing-xs)}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper{block-size:var(--calcite-input-number-height, 2rem)}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) input{padding-inline:var(--calcite-spacing-lg)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) var(--calcite-spacing-sm)}:host([scale=l]) .has-suffix input{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) var(--calcite-spacing-lg)}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper{block-size:var(--calcite-input-number-height, 2.75rem)}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;font-family:inherit;font-weight:var(--calcite-font-weight-normal);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-number-text-color, var(--calcite-color-text-1));border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input[readonly]:focus{color:var(--calcite-input-number-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}input{outline-color:transparent}input: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))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;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-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) )}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;outline-color:transparent;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1));border-inline-start-width:0px}.clear-button calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color, var(--calcite-color-text-3))}.clear-button:hover{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.clear-button:hover calcite-icon{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-icon-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.clear-button:active calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button: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))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-number-alignment: start}:host([alignment=center]){--calcite-internal-input-number-alignment: center}:host([alignment=end]){--calcite-internal-input-number-alignment: end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;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}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:1px;border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;padding-block:0px;padding-inline:.5rem;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;border-inline-start-width:0px;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-actions-background-color, var(--calcite-color-foreground-1))}.number-button-item calcite-icon{pointer-events:none;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-icon-color: var(--calcite-input-actions-icon-color, var(--calcite-color-text-3))}.number-button-item:disabled{pointer-events:none}.number-button-item:hover{background-color:var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2))}.number-button-item:hover calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active{background-color:var(--calcite-input-actions-background-color-press, var(--calcite-color-foreground-3))}.number-button-item:active calcite-icon{--calcite-icon-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.prefix,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down]{border-start-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-end-start-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([read-only]) .suffix,:host([read-only]) .wrapper:not(.has-suffix) .clear-button,:host([number-button-type=horizontal]) .number-button-item[data-adjustment=up]{border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px;border-end-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]{border-start-end-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}:host(:not([read-only])[number-button-type=horizontal]) .prefix,:host(:not([read-only])[number-button-type=horizontal]) input,.has-prefix input{border-start-start-radius:0;border-end-start-radius:0}:host(:not([status=invalid])) .has-prefix input{border-inline-start-width:0}:host(:not([status=invalid])) .has-suffix input{border-inline-end-width:0}.has-suffix input,:host .clearable input,:host(:not([read-only])) input,:host .suffix,:host .clear-button{border-start-end-radius:0;border-end-end-radius:0}:host .wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-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}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.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}::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}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,B=class extends O{constructor(){super(),this.actionWrapperRef=k(),this.attributeWatch=P(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=k(),this.direction=F(),this.formSupport=Q({inputType:"number"})(this),this.inputWrapperRef=k(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=L({blocking:!0}),this.focusSetter=j()(this),this.interactiveContainer=A(this),this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.groupSeparator=!1,this.iconFlipRtl=!1,this.integer=!1,this.loading=!1,this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputNumberChange=x({cancelable:!1}),this.calciteInputNumberInput=x(),this.calciteInternalInputNumberBlur=x({cancelable:!1}),this.calciteInternalInputNumberFocus=x({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:I,type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],integer:[5,{},{type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],localeFormat:[5,{},{type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],min:[11,{},{reflect:!0,type:Number}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],numberButtonType:[3,{},{reflect:!0}],numberingSystem:[3,{},{reflect:!0}],placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],step:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:I,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=re}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),e&&this._value===""&&this.setNumberValue({origin:"reset",value:t}))}async selectText(){this.childNumberRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childNumberRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),K(this)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=$({},this.icon,"number"),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.value==="Infinity"||this.value==="-Infinity"?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:f(this.value)?this.value:""})}willUpdate(e){e.has("max")&&(this.maxString=this.max?.toString()||null),e.has("min")&&(this.minString=this.min?.toString()||null),e.has("icon")&&(this.requestedIcon=$({},this.icon,"number")),e.has("messages")&&(n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),G(this),this.stopNudging()}stopNudging(){window.clearInterval(this.nudgeNumberValueIntervalId)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){if(!this.userChangedValue){if(e==="Infinity"||e==="-Infinity"){this.displayedValue=e,this.previousEmittedNumberValue=e;return}this.setNumberValue({origin:"direct",previousValue:t,value:e==null||e==""?"":f(e)?e:this.previousValue||""}),this.warnAboutInvalidNumberValue(e)}this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()))}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(e,t,i,d){let{value:a}=this;if(a==="Infinity"||a==="-Infinity")return;let h=e==="up"?1:-1,o=this.integer&&this.step!=="any"?Math.round(this.step):this.step,b=o==="any"?1:Math.abs(o||1),p=new q(a!==""?a:"0").add(`${b*h}`),g=()=>typeof i=="number"&&!isNaN(i)&&p.subtract(`${i}`).isNegative,m=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,l=g()?`${i}`:m()?`${t}`:p.toString();this.setNumberValue({committing:!0,nativeEvent:d,origin:"user",value:l})}clearInputValue(e){this.setNumberValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))}inputNumberBlurHandler(){this.stopNudging(),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath();!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||this.setFocus()}inputNumberFocusHandler(){this.calciteInternalInputNumberFocus.emit()}inputNumberInputHandler(e){if(this.disabled||this.readOnly||this.value==="Infinity"||this.value==="-Infinity")return;let t=e.target.value;n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=n.delocalize(t);e.inputType==="insertFromPaste"?((!f(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:W(i)}),this.childNumberRef.value.value=this.displayedValue):this.setNumberValue({nativeEvent:e,origin:"user",value:i})}inputNumberKeyDownHandler(e){if(this.disabled||this.readOnly)return;if(this.value==="Infinity"||this.value==="-Infinity"){e.preventDefault(),(e.key==="Backspace"||e.key==="Delete")&&this.clearInputValue(e);return}if(e.key==="ArrowUp"){e.preventDefault(),this.nudgeNumberValue("up",e);return}if(e.key==="ArrowDown"){e.preventDefault(),this.nudgeNumberValue("down",e);return}let t=[...U,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(e.altKey||e.ctrlKey||e.metaKey)return;let i=e.shiftKey&&e.key==="Tab";if(t.includes(e.key)||i){e.key==="Enter"&&this.emitChangeIfUserModified();return}n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===n.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value.value||this.value&&this.childNumberRef.value.value.indexOf(n.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value.value||this.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value.value||this.value&&this.childNumberRef.value.value.split("-").length<=2)||e.preventDefault())}nudgeNumberValue(e,t){if(t instanceof KeyboardEvent&&t.repeat)return;let i=this.maxString?parseFloat(this.maxString):null,d=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,d,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let a=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(a){a=!1;return}this.incrementOrDecrementNumberValue(e,i,d,t)},ae)}nudgeButtonPointerUpHandler(e){V(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!V(e))return;e.preventDefault();let t=e.target.dataset.adjustment;this.disabled||this.nudgeNumberValue(t,e)}setInputNumberValue(e){this.childNumberRef.value&&(this.childNumberRef.value.value=e)}setPreviousEmittedNumberValue(e){this.previousEmittedNumberValue=this.normalizeValue(e)}normalizeValue(e){return f(e)?e:""}setPreviousNumberValue(e){this.previousValue=this.normalizeValue(e)}setNumberValue({committing:e=!1,nativeEvent:t,origin:i,previousValue:d,value:a}){n.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let h=this.previousValue?.length>a.length||this.value?.length>a.length,o=this.integer?a.replace(/[e.]/g,""):a,b=o.charAt(o.length-1)===".",v=o.charAt(0)==="-",p=o.match(/^-?(0+)\d/),g=b&&h?o:M(o),m=a&&!g?f(this.previousValue)?this.previousValue:"":g,l=n.localize(m);i!=="connected"&&!b&&(l=_(l,m,n)),b&&h&&(l=`${l}${n.decimal}`),p&&(l=`${v?l.charAt(0):""}${n.localize("0").repeat(p[1].length)}${v?l.slice(1):l}`),this.displayedValue=l,this.setPreviousNumberValue(d??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==m;let T=["-","."].includes(m)?"":m;this.value=T;let te=new Set(["e","E",n.decimal,n.minusSign,n.group,...n.digits]),z=this.childNumberRef.value?.value;if(z){let N=Array.from(z).filter(ie=>te.has(ie)).join("");N!==z&&this.setInputNumberValue(N)}i==="direct"&&(this.setInputNumberValue(l),this.setPreviousEmittedNumberValue(T)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=n.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!f(e)&&console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=c`<div class=${s(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=c`<button .ariaLabel=${this.messages.clear} class=${s(r.clearButton)} .disabled=${this.disabled||this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon .icon=${S.clear} .scale=${y(this.scale)}></calcite-icon></button>`,d=c`<calcite-icon class=${s(r.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon>`,a=this.numberButtonType==="horizontal",h=c`<button aria-hidden=true class=${s({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.up} data-testid=number-button-up .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon .icon=${S.chevronUp} .scale=${y(this.scale)}></calcite-icon></button>`,o=c`<button aria-hidden=true class=${s({[r.numberButtonItem]:!0,[r.buttonItemHorizontal]:a})} data-adjustment=${ee.down} data-testid=number-button-down .disabled=${this.disabled||this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon .icon=${S.chevronDown} .scale=${y(this.scale)}></calcite-icon></button>`,b=c`<div class=${s(r.numberButtonWrapper)}>${h}${o}</div>`,v=c`<div class=${s(r.prefix)}>${this.prefixText}</div>`,p=c`<div class=${s(r.suffix)}>${this.suffixText}</div>`,g=R("localized-input",c`<input aria-errormessage=${X.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${Y(this)} autocomplete=${this.autocomplete??u} .autofocus=${this.el.autofocus} value=${this.defaultValue??u} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??u} inputmode=${(this.el.inputMode||"decimal")??u} maxlength=${this.maxLength??u} minlength=${this.minLength??u} name=${u} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??u} .readOnly=${this.readOnly} .required=${this.required} type=text .value=${C(this.displayedValue??"")} ${w(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:c`${this.labelText&&Z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${s({[r.inputWrapper]:!0,[E.rtl]:e==="rtl",[r.hasSuffix]:this.suffixText,[r.hasPrefix]:this.prefixText,[r.clearable]:this.isClearable})} ${w(this.inputWrapperRef)}>${this.numberButtonType==="horizontal"&&!this.readOnly?o:null}${this.prefixText?v:null}<div class=${s(r.wrapper)}>${g}${this.isClearable?i:null}${this.requestedIcon?d:null}${this.loading?t:null}</div><div class=${s(r.actionWrapper)} ${w(this.actionWrapperRef)}><slot name=${ne.action}></slot></div>${this.numberButtonType==="vertical"&&!this.readOnly?b:null}${this.suffixText?p:null}${this.numberButtonType==="horizontal"&&!this.readOnly?h:null}</div>${this.validationMessage&&this.status==="invalid"?J({icon:this.validationIcon,id:X.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};H("calcite-input-number",B);export{B as InputNumber};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as Lt}from"./AP2LDRUV.js";import{N as Tt}from"./EMCMVQJW.js";var vt=["top","right","bottom","left"],Dt=["start","end"],bt=vt.reduce((t,e)=>t.concat(e,e+"-"+Dt[0],e+"-"+Dt[1]),[]),j=Math.min,_=Math.max,rt=Math.round,ct=Math.floor,M=t=>({x:t,y:t}),Ae={left:"right",right:"left",bottom:"top",top:"bottom"},Oe={start:"end",end:"start"};function ut(t,e,n){return _(t,j(e,n))}function X(t,e){return typeof t=="function"?t(e):t}function W(t){return t.split("-")[0]}function k(t){return t.split("-")[1]}function At(t){return t==="x"?"y":"x"}function dt(t){return t==="y"?"height":"width"}var Re=new Set(["top","bottom"]);function z(t){return Re.has(W(t))?"y":"x"}function mt(t){return At(z(t))}function Ot(t,e,n){n===void 0&&(n=!1);let o=k(t),i=mt(t),r=dt(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=st(s)),[s,st(s)]}function kt(t){let e=st(t);return[it(t),e,it(e)]}function it(t){return t.replace(/start|end/g,e=>Oe[e])}var Ft=["left","right"],Mt=["right","left"],Se=["top","bottom"],Pe=["bottom","top"];function Ce(t,e,n){switch(t){case"top":case"bottom":return n?e?Mt:Ft:e?Ft:Mt;case"left":case"right":return e?Se:Pe;default:return[]}}function Nt(t,e,n,o){let i=k(t),r=Ce(W(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(it)))),r}function st(t){return t.replace(/left|right|bottom|top/g,e=>Ae[e])}function Ee(t){return{top:0,right:0,bottom:0,left:0,...t}}function Rt(t){return typeof t!="number"?Ee(t):{top:t,right:t,bottom:t,left:t}}function K(t){let{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function Bt(t,e,n){let{reference:o,floating:i}=t,r=z(e),s=mt(e),c=dt(s),a=W(e),l=r==="y",d=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,m=o[c]/2-i[c]/2,f;switch(a){case"top":f={x:d,y:o.y-i.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-i.width,y:u};break;default:f={x:o.x,y:o.y}}switch(k(e)){case"start":f[s]-=m*(n&&l?-1:1);break;case"end":f[s]+=m*(n&&l?-1:1);break}return f}var Ht=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),a=await(s.isRTL==null?void 0:s.isRTL(e)),l=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:u}=Bt(l,o,a),m=o,f={},g=0;for(let p=0;p<c.length;p++){let{name:w,fn:h}=c[p],{x,y,data:A,reset:v}=await h({x:d,y:u,initialPlacement:o,placement:m,strategy:i,middlewareData:f,rects:l,platform:s,elements:{reference:t,floating:e}});d=x??d,u=y??u,f={...f,[w]:{...f[w],...A}},v&&g<=50&&(g++,typeof v=="object"&&(v.placement&&(m=v.placement),v.rects&&(l=v.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):v.rects),{x:d,y:u}=Bt(l,m,a)),p=-1)}return{x:d,y:u,placement:m,strategy:i,middlewareData:f}};async function Z(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:a}=t,{boundary:l="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:m=!1,padding:f=0}=X(e,t),g=Rt(f),w=c[m?u==="floating"?"reference":"floating":u],h=K(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(w)))==null||n?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:l,rootBoundary:d,strategy:a})),x=u==="floating"?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),A=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1},v=K(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:y,strategy:a}):x);return{top:(h.top-v.top+g.top)/A.y,bottom:(v.bottom-h.bottom+g.bottom)/A.y,left:(h.left-v.left+g.left)/A.x,right:(v.right-h.right+g.right)/A.x}}var Vt=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:a}=e,{element:l,padding:d=0}=X(t,e)||{};if(l==null)return{};let u=Rt(d),m={x:n,y:o},f=mt(i),g=dt(f),p=await s.getDimensions(l),w=f==="y",h=w?"top":"left",x=w?"bottom":"right",y=w?"clientHeight":"clientWidth",A=r.reference[g]+r.reference[f]-m[f]-r.floating[g],v=m[f]-r.reference[f],S=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l)),O=S?S[y]:0;(!O||!await(s.isElement==null?void 0:s.isElement(S)))&&(O=c.floating[y]||r.floating[g]);let $=A/2-v/2,C=O/2-p[g]/2-1,b=j(u[h],C),L=j(u[x],C),H=b,Y=O-p[g]-L,R=O/2-p[g]/2+$,q=ut(H,R,Y),V=!a.arrow&&k(i)!=null&&R!==q&&r.reference[g]/2-(R<H?b:L)-p[g]/2<0,D=V?R<H?R-H:R-Y:0;return{[f]:m[f]+D,data:{[f]:q,centerOffset:R-q-D,...V&&{alignmentOffset:D}},reset:V}}});function Te(t,e,n){return(t?[...n.filter(i=>k(i)===t),...n.filter(i=>k(i)!==t)]:n.filter(i=>W(i)===i)).filter(i=>t?k(i)===t||(e?it(i)!==i:!1):!0)}var _t=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,i;let{rects:r,middlewareData:s,placement:c,platform:a,elements:l}=e,{crossAxis:d=!1,alignment:u,allowedPlacements:m=bt,autoAlignment:f=!0,...g}=X(t,e),p=u!==void 0||m===bt?Te(u||null,f,m):m,w=await Z(e,g),h=((n=s.autoPlacement)==null?void 0:n.index)||0,x=p[h];if(x==null)return{};let y=Ot(x,r,await(a.isRTL==null?void 0:a.isRTL(l.floating)));if(c!==x)return{reset:{placement:p[0]}};let A=[w[W(x)],w[y[0]],w[y[1]]],v=[...((o=s.autoPlacement)==null?void 0:o.overflows)||[],{placement:x,overflows:A}],S=p[h+1];if(S)return{data:{index:h+1,overflows:v},reset:{placement:S}};let O=v.map(b=>{let L=k(b.placement);return[b.placement,L&&d?b.overflows.slice(0,2).reduce((H,Y)=>H+Y,0):b.overflows[0],b.overflows]}).sort((b,L)=>b[1]-L[1]),C=((i=O.filter(b=>b[2].slice(0,k(b[0])?2:3).every(L=>L<=0))[0])==null?void 0:i[0])||O[0][0];return C!==c?{data:{index:h+1,overflows:v},reset:{placement:C}}:{}}}},zt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:a,elements:l}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:p=!0,...w}=X(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};let h=W(i),x=z(c),y=W(c)===c,A=await(a.isRTL==null?void 0:a.isRTL(l.floating)),v=m||(y||!p?[st(c)]:kt(c)),S=g!=="none";!m&&S&&v.push(...Nt(c,p,g,A));let O=[c,...v],$=await Z(e,w),C=[],b=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&C.push($[h]),u){let R=Ot(i,s,A);C.push($[R[0]],$[R[1]])}if(b=[...b,{placement:i,overflows:C}],!C.every(R=>R<=0)){var L,H;let R=(((L=r.flip)==null?void 0:L.index)||0)+1,q=O[R];if(q&&(!(u==="alignment"?x!==z(q):!1)||b.every(F=>z(F.placement)===x?F.overflows[0]>0:!0)))return{data:{index:R,overflows:b},reset:{placement:q}};let V=(H=b.filter(D=>D.overflows[0]<=0).sort((D,F)=>D.overflows[1]-F.overflows[1])[0])==null?void 0:H.placement;if(!V)switch(f){case"bestFit":{var Y;let D=(Y=b.filter(F=>{if(S){let U=z(F.placement);return U===x||U==="y"}return!0}).map(F=>[F.placement,F.overflows.filter(U=>U>0).reduce((U,be)=>U+be,0)]).sort((F,U)=>F[1]-U[1])[0])==null?void 0:Y[0];D&&(V=D);break}case"initialPlacement":V=c;break}if(i!==V)return{reset:{placement:V}}}return{}}}};function Wt(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function $t(t){return vt.some(e=>t[e]>=0)}var It=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:n}=e,{strategy:o="referenceHidden",...i}=X(t,e);switch(o){case"referenceHidden":{let r=await Z(e,{...i,elementContext:"reference"}),s=Wt(r,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:$t(s)}}}case"escaped":{let r=await Z(e,{...i,altBoundary:!0}),s=Wt(r,n.floating);return{data:{escapedOffsets:s,escaped:$t(s)}}}default:return{}}}}};var Le=new Set(["left","top"]);async function De(t,e){let{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=W(n),c=k(n),a=z(n)==="y",l=Le.has(s)?-1:1,d=r&&a?-1:1,u=X(e,t),{mainAxis:m,crossAxis:f,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof g=="number"&&(f=c==="end"?g*-1:g),a?{x:f*d,y:m*l}:{x:m*l,y:f*d}}var Ut=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:r,placement:s,middlewareData:c}=e,a=await De(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+a.x,y:r+a.y,data:{...a,placement:s}}}}},jt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:w=>{let{x:h,y:x}=w;return{x:h,y:x}}},...a}=X(t,e),l={x:n,y:o},d=await Z(e,a),u=z(W(i)),m=At(u),f=l[m],g=l[u];if(r){let w=m==="y"?"top":"left",h=m==="y"?"bottom":"right",x=f+d[w],y=f-d[h];f=ut(x,f,y)}if(s){let w=u==="y"?"top":"left",h=u==="y"?"bottom":"right",x=g+d[w],y=g-d[h];g=ut(x,g,y)}let p=c.fn({...e,[m]:f,[u]:g});return{...p,data:{x:p.x-n,y:p.y-o,enabled:{[m]:r,[u]:s}}}}}};function gt(){return typeof window<"u"}function G(t){return Yt(t)?(t.nodeName||"").toLowerCase():"#document"}function P(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function N(t){var e;return(e=(Yt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Yt(t){return gt()?t instanceof Node||t instanceof P(t).Node:!1}function E(t){return gt()?t instanceof Element||t instanceof P(t).Element:!1}function B(t){return gt()?t instanceof HTMLElement||t instanceof P(t).HTMLElement:!1}function Xt(t){return!gt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof P(t).ShadowRoot}var Fe=new Set(["inline","contents"]);function et(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=T(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Fe.has(i)}var Me=new Set(["table","td","th"]);function qt(t){return Me.has(G(t))}var ke=[":popover-open",":modal"];function lt(t){return ke.some(e=>{try{return t.matches(e)}catch{return!1}})}var Ne=["transform","translate","scale","rotate","perspective"],Be=["transform","translate","scale","rotate","perspective","filter"],We=["paint","layout","strict","content"];function nt(t){let e=ht(),n=E(t)?T(t):t;return Ne.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||Be.some(o=>(n.willChange||"").includes(o))||We.some(o=>(n.contain||"").includes(o))}function Kt(t){let e=I(t);for(;B(e)&&!J(e);){if(nt(e))return e;if(lt(e))return null;e=I(e)}return null}function ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var $e=new Set(["html","body","#document"]);function J(t){return $e.has(G(t))}function T(t){return P(t).getComputedStyle(t)}function at(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function I(t){if(G(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Xt(t)&&t.host||N(t);return Xt(e)?e.host:e}function Gt(t){let e=I(t);return J(e)?t.ownerDocument?t.ownerDocument.body:t.body:B(e)&&et(e)?e:Gt(e)}function tt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Gt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=P(i);if(r){let c=pt(s);return e.concat(s,s.visualViewport||[],et(i)?i:[],c&&n?tt(c):[])}return e.concat(i,tt(i,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function te(t){let e=T(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=B(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=rt(n)!==r||rt(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function Pt(t){return E(t)?t:t.contextElement}function ot(t){let e=Pt(t);if(!B(e))return M(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=te(e),s=(r?rt(n.width):n.width)/o,c=(r?rt(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var He=M(0);function ee(t){let e=P(t);return!ht()||!e.visualViewport?He:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ve(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==P(t)?!1:e}function Q(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=Pt(t),s=M(1);e&&(o?E(o)&&(s=ot(o)):s=ot(t));let c=Ve(r,n,o)?ee(r):M(0),a=(i.left+c.x)/s.x,l=(i.top+c.y)/s.y,d=i.width/s.x,u=i.height/s.y;if(r){let m=P(r),f=o&&E(o)?P(o):o,g=m,p=pt(g);for(;p&&o&&f!==g;){let w=ot(p),h=p.getBoundingClientRect(),x=T(p),y=h.left+(p.clientLeft+parseFloat(x.paddingLeft))*w.x,A=h.top+(p.clientTop+parseFloat(x.paddingTop))*w.y;a*=w.x,l*=w.y,d*=w.x,u*=w.y,a+=y,l+=A,g=P(p),p=pt(g)}}return K({width:d,height:u,x:a,y:l})}function wt(t,e){let n=at(t).scrollLeft;return e?e.left+n:Q(N(t)).left+n}function ne(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-wt(t,n),i=n.top+e.scrollTop;return{x:o,y:i}}function _e(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,r=i==="fixed",s=N(o),c=e?lt(e.floating):!1;if(o===s||c&&r)return n;let a={scrollLeft:0,scrollTop:0},l=M(1),d=M(0),u=B(o);if((u||!u&&!r)&&((G(o)!=="body"||et(s))&&(a=at(o)),B(o))){let f=Q(o);l=ot(o),d.x=f.x+o.clientLeft,d.y=f.y+o.clientTop}let m=s&&!u&&!r?ne(s,a):M(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-a.scrollLeft*l.x+d.x+m.x,y:n.y*l.y-a.scrollTop*l.y+d.y+m.y}}function ze(t){return Array.from(t.getClientRects())}function Ie(t){let e=N(t),n=at(t),o=t.ownerDocument.body,i=_(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=_(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+wt(t),c=-n.scrollTop;return T(o).direction==="rtl"&&(s+=_(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}var Jt=25;function Ue(t,e){let n=P(t),o=N(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,a=0;if(i){r=i.width,s=i.height;let d=ht();(!d||d&&e==="fixed")&&(c=i.offsetLeft,a=i.offsetTop)}let l=wt(o);if(l<=0){let d=o.ownerDocument,u=d.body,m=getComputedStyle(u),f=d.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,g=Math.abs(o.clientWidth-u.clientWidth-f);g<=Jt&&(r-=g)}else l<=Jt&&(r+=l);return{width:r,height:s,x:c,y:a}}var je=new Set(["absolute","fixed"]);function Xe(t,e){let n=Q(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=B(t)?ot(t):M(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,a=i*r.x,l=o*r.y;return{width:s,height:c,x:a,y:l}}function Qt(t,e,n){let o;if(e==="viewport")o=Ue(t,n);else if(e==="document")o=Ie(N(t));else if(E(e))o=Xe(e,n);else{let i=ee(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return K(o)}function oe(t,e){let n=I(t);return n===e||!E(n)||J(n)?!1:T(n).position==="fixed"||oe(n,e)}function Ye(t,e){let n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter(c=>E(c)&&G(c)!=="body"),i=null,r=T(t).position==="fixed",s=r?I(t):t;for(;E(s)&&!J(s);){let c=T(s),a=nt(s);!a&&c.position==="fixed"&&(i=null),(r?!a&&!i:!a&&c.position==="static"&&!!i&&je.has(i.position)||et(s)&&!a&&oe(t,s))?o=o.filter(d=>d!==s):i=c,s=I(s)}return e.set(t,o),o}function qe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?lt(e)?[]:Ye(e,this._c):[].concat(n),o],c=s[0],a=s.reduce((l,d)=>{let u=Qt(e,d,i);return l.top=_(u.top,l.top),l.right=j(u.right,l.right),l.bottom=j(u.bottom,l.bottom),l.left=_(u.left,l.left),l},Qt(e,c,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function Ke(t){let{width:e,height:n}=te(t);return{width:e,height:n}}function Ge(t,e,n){let o=B(e),i=N(e),r=n==="fixed",s=Q(t,!0,r,e),c={scrollLeft:0,scrollTop:0},a=M(0);function l(){a.x=wt(i)}if(o||!o&&!r)if((G(e)!=="body"||et(i))&&(c=at(e)),o){let f=Q(e,!0,r,e);a.x=f.x+e.clientLeft,a.y=f.y+e.clientTop}else i&&l();r&&!o&&i&&l();let d=i&&!o&&!r?ne(i,c):M(0),u=s.left+c.scrollLeft-a.x-d.x,m=s.top+c.scrollTop-a.y-d.y;return{x:u,y:m,width:s.width,height:s.height}}function St(t){return T(t).position==="static"}function Zt(t,e){if(!B(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return N(t)===n&&(n=n.ownerDocument.body),n}function ie(t,e){let n=P(t);if(lt(t))return n;if(!B(t)){let i=I(t);for(;i&&!J(i);){if(E(i)&&!St(i))return i;i=I(i)}return n}let o=Zt(t,e);for(;o&&qt(o)&&St(o);)o=Zt(o,e);return o&&J(o)&&St(o)&&!nt(o)?n:o||Kt(t)||n}var Je=async function(t){let e=this.getOffsetParent||ie,n=this.getDimensions,o=await n(t.floating);return{reference:Ge(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Qe(t){return T(t).direction==="rtl"}var xt={convertOffsetParentRelativeRectToViewportRelativeRect:_e,getDocumentElement:N,getClippingRect:qe,getOffsetParent:ie,getElementRects:Je,getClientRects:ze,getDimensions:Ke,getScale:ot,isElement:E,isRTL:Qe};function se(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Ze(t,e){let n=null,o,i=N(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,a){c===void 0&&(c=!1),a===void 0&&(a=1),r();let l=t.getBoundingClientRect(),{left:d,top:u,width:m,height:f}=l;if(c||e(),!m||!f)return;let g=ct(u),p=ct(i.clientWidth-(d+m)),w=ct(i.clientHeight-(u+f)),h=ct(d),y={rootMargin:-g+"px "+-p+"px "+-w+"px "+-h+"px",threshold:_(0,j(1,a))||1},A=!0;function v(S){let O=S[0].intersectionRatio;if(O!==a){if(!A)return s();O?s(!1,O):o=setTimeout(()=>{s(!1,1e-7)},1e3)}O===1&&!se(l,t.getBoundingClientRect())&&s(),A=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function re(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,l=Pt(t),d=i||r?[...l?tt(l):[],...tt(e)]:[];d.forEach(h=>{i&&h.addEventListener("scroll",n,{passive:!0}),r&&h.addEventListener("resize",n)});let u=l&&c?Ze(l,n):null,m=-1,f=null;s&&(f=new ResizeObserver(h=>{let[x]=h;x&&x.target===l&&f&&(f.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var y;(y=f)==null||y.observe(e)})),n()}),l&&!a&&f.observe(l),f.observe(e));let g,p=a?Q(t):null;a&&w();function w(){let h=Q(t);p&&!se(p,h)&&n(),p=h,g=requestAnimationFrame(w)}return n(),()=>{var h;d.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),u?.(),(h=f)==null||h.disconnect(),f=null,a&&cancelAnimationFrame(g)}}var ce=Ut,le=_t,ae=jt,Ct=zt;var fe=It,ue=Vt;var de=(t,e,n)=>{let o=new Map,i={platform:xt,...n},r={...i.platform,_c:o};return Ht(t,e,{...i,platform:r})};function me(t){return tn(t)}function Et(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function tn(t){for(let e=t;e;e=Et(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=Et(t);e;e=Et(e)){if(!(e instanceof Element))continue;let n=getComputedStyle(e);if(n.display!=="contents"&&(n.position!=="static"||nt(n)||e.tagName==="BODY"))return e}return null}(function(){if(!!1){let e=xt.getOffsetParent;xt.getOffsetParent=n=>e(n,me)}})();function ge(t){let e=window.devicePixelRatio||1;return Math.round(t*e)/e}var xe=(async(t,{arrowEl:e,direction:n,flipDisabled:o,flipPlacements:i,floatingEl:r,offsetDistance:s,offsetSkidding:c,overlayPositioning:a="absolute",placement:l,referenceEl:d,type:u})=>{if(!d||!r)return;let m=n==="rtl",{x:f,y:g,placement:p,strategy:w,middlewareData:h}=await de(d,r,{strategy:a,placement:l==="auto"||l==="auto-start"||l==="auto-end"?void 0:he(l,m),middleware:nn({placement:l,flipDisabled:o,flipPlacements:i?.map(v=>he(v,m)),offsetDistance:s,offsetSkidding:c,arrowEl:e,type:u})});if(e&&h.arrow){let{x:v,y:S}=h.arrow,O=p.split("-")[0],$=v!=null?"left":"top",C=rn[O],b={left:"",top:"",bottom:"",right:""};"floatingLayout"in t&&(t.floatingLayout=O==="left"||O==="right"?"horizontal":"vertical"),Object.assign(e.style,{...b,[$]:`${$=="left"?v:S}px`,[O]:"100%",transform:C})}let y=h.hide?.referenceHidden?"hidden":null,A=y?"none":null;r.setAttribute(en,p),Object.assign(r.style,{pointerEvents:A,position:w,transform:`translate(${ge(f)}px,${ge(g)}px)`,visibility:y})}),en="data-placement",ye=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end","leading","trailing","leading-start","leading-end","trailing-start","trailing-end"],En="bottom-start",Tn="bottom-end",Ln={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function nn({placement:t,flipDisabled:e,flipPlacements:n,offsetDistance:o,offsetSkidding:i,arrowEl:r,type:s}){let c=[ae(),fe()];return s==="menu"&&c.push(Ct({fallbackPlacements:n||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})),c.push(ce({mainAxis:typeof o=="number"?o:0,crossAxis:typeof i=="number"?i:0})),t==="auto"||t==="auto-start"||t==="auto-end"?c.push(le({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null})):e||c.push(Ct(n?{fallbackPlacements:n}:{})),r&&c.push(ue({element:r})),c}function on(t){return ye.includes(t)}function Dn(t,e){let n=t.filter(on);return n.length!==t.length&&console.warn(`${e.tagName}: Invalid value found in: flipPlacements. Try any of these: ${ye.map(o=>`"${o}"`).join(", ").trim()}`,{el:e}),n}function he(t,e=!1){let n=["left","right"];return e&&n.reverse(),t.replace(/leading/gi,n[0]).replace(/trailing/gi,n[1])}async function Fn(t,e,n=!1){if(!t.open||!e.floatingEl||!e.referenceEl)return;if(Object.assign(e.floatingEl.style,{display:"block",inset:"unset",left:"0",position:e.overlayPositioning??"absolute",top:"0"}),!ft.get(t))return ve(t);await(n?sn(t):xe)(t,e)}function sn(t){let e=yt.get(t);return e||(e=Lt(xe,Tt.reposition,{edges:["leading","trailing"]}),yt.set(t,e),e)}var rn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"},ft=new WeakMap,yt=new WeakMap;async function ve(t){let{referenceEl:e,floatingEl:n}=t;if(!n.isConnected)return;let o=re;ft.set(t,{state:"pending"});let i,r=o(e,n,()=>{let s=t.reposition();i||(i=s)});return ft.set(t,{state:"active",cleanUp:r}),i}function cn(t){let{floatingEl:e}=t;e&&Object.assign(e.style,{display:"",left:"",pointerEvents:"",position:"",top:"",transform:"",visibility:""})}async function Mn(t){let{floatingEl:e,referenceEl:n}=t;if(cn(t),ln(t),!(!e||!n||!t.open))return ve(t)}function ln(t){let e=ft.get(t);e?.state==="active"&&e.cleanUp(),ft.delete(t),yt.get(t)?.cancel(),yt.delete(t)}var pe=4,kn=Math.ceil(Math.hypot(pe,pe));export{En as a,Tn as b,Ln as c,Dn as d,Fn as e,cn as f,Mn as g,ln as h,kn as i};
|
|
2
|
+
import{a as Lt}from"./AP2LDRUV.js";import{N as Tt}from"./CRFOCZQW.js";var vt=["top","right","bottom","left"],Dt=["start","end"],bt=vt.reduce((t,e)=>t.concat(e,e+"-"+Dt[0],e+"-"+Dt[1]),[]),j=Math.min,_=Math.max,rt=Math.round,ct=Math.floor,M=t=>({x:t,y:t}),Ae={left:"right",right:"left",bottom:"top",top:"bottom"},Oe={start:"end",end:"start"};function ut(t,e,n){return _(t,j(e,n))}function X(t,e){return typeof t=="function"?t(e):t}function W(t){return t.split("-")[0]}function k(t){return t.split("-")[1]}function At(t){return t==="x"?"y":"x"}function dt(t){return t==="y"?"height":"width"}var Re=new Set(["top","bottom"]);function z(t){return Re.has(W(t))?"y":"x"}function mt(t){return At(z(t))}function Ot(t,e,n){n===void 0&&(n=!1);let o=k(t),i=mt(t),r=dt(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=st(s)),[s,st(s)]}function kt(t){let e=st(t);return[it(t),e,it(e)]}function it(t){return t.replace(/start|end/g,e=>Oe[e])}var Ft=["left","right"],Mt=["right","left"],Se=["top","bottom"],Pe=["bottom","top"];function Ce(t,e,n){switch(t){case"top":case"bottom":return n?e?Mt:Ft:e?Ft:Mt;case"left":case"right":return e?Se:Pe;default:return[]}}function Nt(t,e,n,o){let i=k(t),r=Ce(W(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(it)))),r}function st(t){return t.replace(/left|right|bottom|top/g,e=>Ae[e])}function Ee(t){return{top:0,right:0,bottom:0,left:0,...t}}function Rt(t){return typeof t!="number"?Ee(t):{top:t,right:t,bottom:t,left:t}}function K(t){let{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function Bt(t,e,n){let{reference:o,floating:i}=t,r=z(e),s=mt(e),c=dt(s),a=W(e),l=r==="y",d=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,m=o[c]/2-i[c]/2,f;switch(a){case"top":f={x:d,y:o.y-i.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-i.width,y:u};break;default:f={x:o.x,y:o.y}}switch(k(e)){case"start":f[s]-=m*(n&&l?-1:1);break;case"end":f[s]+=m*(n&&l?-1:1);break}return f}var Ht=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),a=await(s.isRTL==null?void 0:s.isRTL(e)),l=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:u}=Bt(l,o,a),m=o,f={},g=0;for(let p=0;p<c.length;p++){let{name:w,fn:h}=c[p],{x,y,data:A,reset:v}=await h({x:d,y:u,initialPlacement:o,placement:m,strategy:i,middlewareData:f,rects:l,platform:s,elements:{reference:t,floating:e}});d=x??d,u=y??u,f={...f,[w]:{...f[w],...A}},v&&g<=50&&(g++,typeof v=="object"&&(v.placement&&(m=v.placement),v.rects&&(l=v.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):v.rects),{x:d,y:u}=Bt(l,m,a)),p=-1)}return{x:d,y:u,placement:m,strategy:i,middlewareData:f}};async function Z(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:a}=t,{boundary:l="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:m=!1,padding:f=0}=X(e,t),g=Rt(f),w=c[m?u==="floating"?"reference":"floating":u],h=K(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(w)))==null||n?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:l,rootBoundary:d,strategy:a})),x=u==="floating"?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),A=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1},v=K(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:y,strategy:a}):x);return{top:(h.top-v.top+g.top)/A.y,bottom:(v.bottom-h.bottom+g.bottom)/A.y,left:(h.left-v.left+g.left)/A.x,right:(v.right-h.right+g.right)/A.x}}var Vt=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:a}=e,{element:l,padding:d=0}=X(t,e)||{};if(l==null)return{};let u=Rt(d),m={x:n,y:o},f=mt(i),g=dt(f),p=await s.getDimensions(l),w=f==="y",h=w?"top":"left",x=w?"bottom":"right",y=w?"clientHeight":"clientWidth",A=r.reference[g]+r.reference[f]-m[f]-r.floating[g],v=m[f]-r.reference[f],S=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l)),O=S?S[y]:0;(!O||!await(s.isElement==null?void 0:s.isElement(S)))&&(O=c.floating[y]||r.floating[g]);let $=A/2-v/2,C=O/2-p[g]/2-1,b=j(u[h],C),L=j(u[x],C),H=b,Y=O-p[g]-L,R=O/2-p[g]/2+$,q=ut(H,R,Y),V=!a.arrow&&k(i)!=null&&R!==q&&r.reference[g]/2-(R<H?b:L)-p[g]/2<0,D=V?R<H?R-H:R-Y:0;return{[f]:m[f]+D,data:{[f]:q,centerOffset:R-q-D,...V&&{alignmentOffset:D}},reset:V}}});function Te(t,e,n){return(t?[...n.filter(i=>k(i)===t),...n.filter(i=>k(i)!==t)]:n.filter(i=>W(i)===i)).filter(i=>t?k(i)===t||(e?it(i)!==i:!1):!0)}var _t=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var n,o,i;let{rects:r,middlewareData:s,placement:c,platform:a,elements:l}=e,{crossAxis:d=!1,alignment:u,allowedPlacements:m=bt,autoAlignment:f=!0,...g}=X(t,e),p=u!==void 0||m===bt?Te(u||null,f,m):m,w=await Z(e,g),h=((n=s.autoPlacement)==null?void 0:n.index)||0,x=p[h];if(x==null)return{};let y=Ot(x,r,await(a.isRTL==null?void 0:a.isRTL(l.floating)));if(c!==x)return{reset:{placement:p[0]}};let A=[w[W(x)],w[y[0]],w[y[1]]],v=[...((o=s.autoPlacement)==null?void 0:o.overflows)||[],{placement:x,overflows:A}],S=p[h+1];if(S)return{data:{index:h+1,overflows:v},reset:{placement:S}};let O=v.map(b=>{let L=k(b.placement);return[b.placement,L&&d?b.overflows.slice(0,2).reduce((H,Y)=>H+Y,0):b.overflows[0],b.overflows]}).sort((b,L)=>b[1]-L[1]),C=((i=O.filter(b=>b[2].slice(0,k(b[0])?2:3).every(L=>L<=0))[0])==null?void 0:i[0])||O[0][0];return C!==c?{data:{index:h+1,overflows:v},reset:{placement:C}}:{}}}},zt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:a,elements:l}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:p=!0,...w}=X(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};let h=W(i),x=z(c),y=W(c)===c,A=await(a.isRTL==null?void 0:a.isRTL(l.floating)),v=m||(y||!p?[st(c)]:kt(c)),S=g!=="none";!m&&S&&v.push(...Nt(c,p,g,A));let O=[c,...v],$=await Z(e,w),C=[],b=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&C.push($[h]),u){let R=Ot(i,s,A);C.push($[R[0]],$[R[1]])}if(b=[...b,{placement:i,overflows:C}],!C.every(R=>R<=0)){var L,H;let R=(((L=r.flip)==null?void 0:L.index)||0)+1,q=O[R];if(q&&(!(u==="alignment"?x!==z(q):!1)||b.every(F=>z(F.placement)===x?F.overflows[0]>0:!0)))return{data:{index:R,overflows:b},reset:{placement:q}};let V=(H=b.filter(D=>D.overflows[0]<=0).sort((D,F)=>D.overflows[1]-F.overflows[1])[0])==null?void 0:H.placement;if(!V)switch(f){case"bestFit":{var Y;let D=(Y=b.filter(F=>{if(S){let U=z(F.placement);return U===x||U==="y"}return!0}).map(F=>[F.placement,F.overflows.filter(U=>U>0).reduce((U,be)=>U+be,0)]).sort((F,U)=>F[1]-U[1])[0])==null?void 0:Y[0];D&&(V=D);break}case"initialPlacement":V=c;break}if(i!==V)return{reset:{placement:V}}}return{}}}};function Wt(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function $t(t){return vt.some(e=>t[e]>=0)}var It=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:n}=e,{strategy:o="referenceHidden",...i}=X(t,e);switch(o){case"referenceHidden":{let r=await Z(e,{...i,elementContext:"reference"}),s=Wt(r,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:$t(s)}}}case"escaped":{let r=await Z(e,{...i,altBoundary:!0}),s=Wt(r,n.floating);return{data:{escapedOffsets:s,escaped:$t(s)}}}default:return{}}}}};var Le=new Set(["left","top"]);async function De(t,e){let{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=W(n),c=k(n),a=z(n)==="y",l=Le.has(s)?-1:1,d=r&&a?-1:1,u=X(e,t),{mainAxis:m,crossAxis:f,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof g=="number"&&(f=c==="end"?g*-1:g),a?{x:f*d,y:m*l}:{x:m*l,y:f*d}}var Ut=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:r,placement:s,middlewareData:c}=e,a=await De(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+a.x,y:r+a.y,data:{...a,placement:s}}}}},jt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:w=>{let{x:h,y:x}=w;return{x:h,y:x}}},...a}=X(t,e),l={x:n,y:o},d=await Z(e,a),u=z(W(i)),m=At(u),f=l[m],g=l[u];if(r){let w=m==="y"?"top":"left",h=m==="y"?"bottom":"right",x=f+d[w],y=f-d[h];f=ut(x,f,y)}if(s){let w=u==="y"?"top":"left",h=u==="y"?"bottom":"right",x=g+d[w],y=g-d[h];g=ut(x,g,y)}let p=c.fn({...e,[m]:f,[u]:g});return{...p,data:{x:p.x-n,y:p.y-o,enabled:{[m]:r,[u]:s}}}}}};function gt(){return typeof window<"u"}function G(t){return Yt(t)?(t.nodeName||"").toLowerCase():"#document"}function P(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function N(t){var e;return(e=(Yt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Yt(t){return gt()?t instanceof Node||t instanceof P(t).Node:!1}function E(t){return gt()?t instanceof Element||t instanceof P(t).Element:!1}function B(t){return gt()?t instanceof HTMLElement||t instanceof P(t).HTMLElement:!1}function Xt(t){return!gt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof P(t).ShadowRoot}var Fe=new Set(["inline","contents"]);function et(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=T(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Fe.has(i)}var Me=new Set(["table","td","th"]);function qt(t){return Me.has(G(t))}var ke=[":popover-open",":modal"];function lt(t){return ke.some(e=>{try{return t.matches(e)}catch{return!1}})}var Ne=["transform","translate","scale","rotate","perspective"],Be=["transform","translate","scale","rotate","perspective","filter"],We=["paint","layout","strict","content"];function nt(t){let e=ht(),n=E(t)?T(t):t;return Ne.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||Be.some(o=>(n.willChange||"").includes(o))||We.some(o=>(n.contain||"").includes(o))}function Kt(t){let e=I(t);for(;B(e)&&!J(e);){if(nt(e))return e;if(lt(e))return null;e=I(e)}return null}function ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var $e=new Set(["html","body","#document"]);function J(t){return $e.has(G(t))}function T(t){return P(t).getComputedStyle(t)}function at(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function I(t){if(G(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Xt(t)&&t.host||N(t);return Xt(e)?e.host:e}function Gt(t){let e=I(t);return J(e)?t.ownerDocument?t.ownerDocument.body:t.body:B(e)&&et(e)?e:Gt(e)}function tt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Gt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=P(i);if(r){let c=pt(s);return e.concat(s,s.visualViewport||[],et(i)?i:[],c&&n?tt(c):[])}return e.concat(i,tt(i,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function te(t){let e=T(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=B(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=rt(n)!==r||rt(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function Pt(t){return E(t)?t:t.contextElement}function ot(t){let e=Pt(t);if(!B(e))return M(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=te(e),s=(r?rt(n.width):n.width)/o,c=(r?rt(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var He=M(0);function ee(t){let e=P(t);return!ht()||!e.visualViewport?He:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ve(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==P(t)?!1:e}function Q(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=Pt(t),s=M(1);e&&(o?E(o)&&(s=ot(o)):s=ot(t));let c=Ve(r,n,o)?ee(r):M(0),a=(i.left+c.x)/s.x,l=(i.top+c.y)/s.y,d=i.width/s.x,u=i.height/s.y;if(r){let m=P(r),f=o&&E(o)?P(o):o,g=m,p=pt(g);for(;p&&o&&f!==g;){let w=ot(p),h=p.getBoundingClientRect(),x=T(p),y=h.left+(p.clientLeft+parseFloat(x.paddingLeft))*w.x,A=h.top+(p.clientTop+parseFloat(x.paddingTop))*w.y;a*=w.x,l*=w.y,d*=w.x,u*=w.y,a+=y,l+=A,g=P(p),p=pt(g)}}return K({width:d,height:u,x:a,y:l})}function wt(t,e){let n=at(t).scrollLeft;return e?e.left+n:Q(N(t)).left+n}function ne(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-wt(t,n),i=n.top+e.scrollTop;return{x:o,y:i}}function _e(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,r=i==="fixed",s=N(o),c=e?lt(e.floating):!1;if(o===s||c&&r)return n;let a={scrollLeft:0,scrollTop:0},l=M(1),d=M(0),u=B(o);if((u||!u&&!r)&&((G(o)!=="body"||et(s))&&(a=at(o)),B(o))){let f=Q(o);l=ot(o),d.x=f.x+o.clientLeft,d.y=f.y+o.clientTop}let m=s&&!u&&!r?ne(s,a):M(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-a.scrollLeft*l.x+d.x+m.x,y:n.y*l.y-a.scrollTop*l.y+d.y+m.y}}function ze(t){return Array.from(t.getClientRects())}function Ie(t){let e=N(t),n=at(t),o=t.ownerDocument.body,i=_(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=_(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+wt(t),c=-n.scrollTop;return T(o).direction==="rtl"&&(s+=_(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}var Jt=25;function Ue(t,e){let n=P(t),o=N(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,a=0;if(i){r=i.width,s=i.height;let d=ht();(!d||d&&e==="fixed")&&(c=i.offsetLeft,a=i.offsetTop)}let l=wt(o);if(l<=0){let d=o.ownerDocument,u=d.body,m=getComputedStyle(u),f=d.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,g=Math.abs(o.clientWidth-u.clientWidth-f);g<=Jt&&(r-=g)}else l<=Jt&&(r+=l);return{width:r,height:s,x:c,y:a}}var je=new Set(["absolute","fixed"]);function Xe(t,e){let n=Q(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=B(t)?ot(t):M(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,a=i*r.x,l=o*r.y;return{width:s,height:c,x:a,y:l}}function Qt(t,e,n){let o;if(e==="viewport")o=Ue(t,n);else if(e==="document")o=Ie(N(t));else if(E(e))o=Xe(e,n);else{let i=ee(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return K(o)}function oe(t,e){let n=I(t);return n===e||!E(n)||J(n)?!1:T(n).position==="fixed"||oe(n,e)}function Ye(t,e){let n=e.get(t);if(n)return n;let o=tt(t,[],!1).filter(c=>E(c)&&G(c)!=="body"),i=null,r=T(t).position==="fixed",s=r?I(t):t;for(;E(s)&&!J(s);){let c=T(s),a=nt(s);!a&&c.position==="fixed"&&(i=null),(r?!a&&!i:!a&&c.position==="static"&&!!i&&je.has(i.position)||et(s)&&!a&&oe(t,s))?o=o.filter(d=>d!==s):i=c,s=I(s)}return e.set(t,o),o}function qe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?lt(e)?[]:Ye(e,this._c):[].concat(n),o],c=s[0],a=s.reduce((l,d)=>{let u=Qt(e,d,i);return l.top=_(u.top,l.top),l.right=j(u.right,l.right),l.bottom=j(u.bottom,l.bottom),l.left=_(u.left,l.left),l},Qt(e,c,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function Ke(t){let{width:e,height:n}=te(t);return{width:e,height:n}}function Ge(t,e,n){let o=B(e),i=N(e),r=n==="fixed",s=Q(t,!0,r,e),c={scrollLeft:0,scrollTop:0},a=M(0);function l(){a.x=wt(i)}if(o||!o&&!r)if((G(e)!=="body"||et(i))&&(c=at(e)),o){let f=Q(e,!0,r,e);a.x=f.x+e.clientLeft,a.y=f.y+e.clientTop}else i&&l();r&&!o&&i&&l();let d=i&&!o&&!r?ne(i,c):M(0),u=s.left+c.scrollLeft-a.x-d.x,m=s.top+c.scrollTop-a.y-d.y;return{x:u,y:m,width:s.width,height:s.height}}function St(t){return T(t).position==="static"}function Zt(t,e){if(!B(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return N(t)===n&&(n=n.ownerDocument.body),n}function ie(t,e){let n=P(t);if(lt(t))return n;if(!B(t)){let i=I(t);for(;i&&!J(i);){if(E(i)&&!St(i))return i;i=I(i)}return n}let o=Zt(t,e);for(;o&&qt(o)&&St(o);)o=Zt(o,e);return o&&J(o)&&St(o)&&!nt(o)?n:o||Kt(t)||n}var Je=async function(t){let e=this.getOffsetParent||ie,n=this.getDimensions,o=await n(t.floating);return{reference:Ge(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Qe(t){return T(t).direction==="rtl"}var xt={convertOffsetParentRelativeRectToViewportRelativeRect:_e,getDocumentElement:N,getClippingRect:qe,getOffsetParent:ie,getElementRects:Je,getClientRects:ze,getDimensions:Ke,getScale:ot,isElement:E,isRTL:Qe};function se(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Ze(t,e){let n=null,o,i=N(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,a){c===void 0&&(c=!1),a===void 0&&(a=1),r();let l=t.getBoundingClientRect(),{left:d,top:u,width:m,height:f}=l;if(c||e(),!m||!f)return;let g=ct(u),p=ct(i.clientWidth-(d+m)),w=ct(i.clientHeight-(u+f)),h=ct(d),y={rootMargin:-g+"px "+-p+"px "+-w+"px "+-h+"px",threshold:_(0,j(1,a))||1},A=!0;function v(S){let O=S[0].intersectionRatio;if(O!==a){if(!A)return s();O?s(!1,O):o=setTimeout(()=>{s(!1,1e-7)},1e3)}O===1&&!se(l,t.getBoundingClientRect())&&s(),A=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function re(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,l=Pt(t),d=i||r?[...l?tt(l):[],...tt(e)]:[];d.forEach(h=>{i&&h.addEventListener("scroll",n,{passive:!0}),r&&h.addEventListener("resize",n)});let u=l&&c?Ze(l,n):null,m=-1,f=null;s&&(f=new ResizeObserver(h=>{let[x]=h;x&&x.target===l&&f&&(f.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var y;(y=f)==null||y.observe(e)})),n()}),l&&!a&&f.observe(l),f.observe(e));let g,p=a?Q(t):null;a&&w();function w(){let h=Q(t);p&&!se(p,h)&&n(),p=h,g=requestAnimationFrame(w)}return n(),()=>{var h;d.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),u?.(),(h=f)==null||h.disconnect(),f=null,a&&cancelAnimationFrame(g)}}var ce=Ut,le=_t,ae=jt,Ct=zt;var fe=It,ue=Vt;var de=(t,e,n)=>{let o=new Map,i={platform:xt,...n},r={...i.platform,_c:o};return Ht(t,e,{...i,platform:r})};function me(t){return tn(t)}function Et(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function tn(t){for(let e=t;e;e=Et(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=Et(t);e;e=Et(e)){if(!(e instanceof Element))continue;let n=getComputedStyle(e);if(n.display!=="contents"&&(n.position!=="static"||nt(n)||e.tagName==="BODY"))return e}return null}(function(){if(!!1){let e=xt.getOffsetParent;xt.getOffsetParent=n=>e(n,me)}})();function ge(t){let e=window.devicePixelRatio||1;return Math.round(t*e)/e}var xe=(async(t,{arrowEl:e,direction:n,flipDisabled:o,flipPlacements:i,floatingEl:r,offsetDistance:s,offsetSkidding:c,overlayPositioning:a="absolute",placement:l,referenceEl:d,type:u})=>{if(!d||!r)return;let m=n==="rtl",{x:f,y:g,placement:p,strategy:w,middlewareData:h}=await de(d,r,{strategy:a,placement:l==="auto"||l==="auto-start"||l==="auto-end"?void 0:he(l,m),middleware:nn({placement:l,flipDisabled:o,flipPlacements:i?.map(v=>he(v,m)),offsetDistance:s,offsetSkidding:c,arrowEl:e,type:u})});if(e&&h.arrow){let{x:v,y:S}=h.arrow,O=p.split("-")[0],$=v!=null?"left":"top",C=rn[O],b={left:"",top:"",bottom:"",right:""};"floatingLayout"in t&&(t.floatingLayout=O==="left"||O==="right"?"horizontal":"vertical"),Object.assign(e.style,{...b,[$]:`${$=="left"?v:S}px`,[O]:"100%",transform:C})}let y=h.hide?.referenceHidden?"hidden":null,A=y?"none":null;r.setAttribute(en,p),Object.assign(r.style,{pointerEvents:A,position:w,transform:`translate(${ge(f)}px,${ge(g)}px)`,visibility:y})}),en="data-placement",ye=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end","leading","trailing","leading-start","leading-end","trailing-start","trailing-end"],En="bottom-start",Tn="bottom-end",Ln={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function nn({placement:t,flipDisabled:e,flipPlacements:n,offsetDistance:o,offsetSkidding:i,arrowEl:r,type:s}){let c=[ae(),fe()];return s==="menu"&&c.push(Ct({fallbackPlacements:n||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})),c.push(ce({mainAxis:typeof o=="number"?o:0,crossAxis:typeof i=="number"?i:0})),t==="auto"||t==="auto-start"||t==="auto-end"?c.push(le({alignment:t==="auto-start"?"start":t==="auto-end"?"end":null})):e||c.push(Ct(n?{fallbackPlacements:n}:{})),r&&c.push(ue({element:r})),c}function on(t){return ye.includes(t)}function Dn(t,e){let n=t.filter(on);return n.length!==t.length&&console.warn(`${e.tagName}: Invalid value found in: flipPlacements. Try any of these: ${ye.map(o=>`"${o}"`).join(", ").trim()}`,{el:e}),n}function he(t,e=!1){let n=["left","right"];return e&&n.reverse(),t.replace(/leading/gi,n[0]).replace(/trailing/gi,n[1])}async function Fn(t,e,n=!1){if(!t.open||!e.floatingEl||!e.referenceEl)return;if(Object.assign(e.floatingEl.style,{display:"block",inset:"unset",left:"0",position:e.overlayPositioning??"absolute",top:"0"}),!ft.get(t))return ve(t);await(n?sn(t):xe)(t,e)}function sn(t){let e=yt.get(t);return e||(e=Lt(xe,Tt.reposition,{edges:["leading","trailing"]}),yt.set(t,e),e)}var rn={top:"",left:"rotate(-90deg)",bottom:"rotate(180deg)",right:"rotate(90deg)"},ft=new WeakMap,yt=new WeakMap;async function ve(t){let{referenceEl:e,floatingEl:n}=t;if(!n.isConnected)return;let o=re;ft.set(t,{state:"pending"});let i,r=o(e,n,()=>{let s=t.reposition();i||(i=s)});return ft.set(t,{state:"active",cleanUp:r}),i}function cn(t){let{floatingEl:e}=t;e&&Object.assign(e.style,{display:"",left:"",pointerEvents:"",position:"",top:"",transform:"",visibility:""})}async function Mn(t){let{floatingEl:e,referenceEl:n}=t;if(cn(t),ln(t),!(!e||!n||!t.open))return ve(t)}function ln(t){let e=ft.get(t);e?.state==="active"&&e.cleanUp(),ft.delete(t),yt.get(t)?.cancel(),yt.delete(t)}var pe=4,kn=Math.ceil(Math.hypot(pe,pe));export{En as a,Tn as b,Ln as c,Dn as d,Fn as e,cn as f,Mn as g,ln as h,kn as i};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as j}from"./FSSB6TID.js";import{a as y,b as K}from"./A4ZB732C.js";import{a as _}from"./LDBUTWJE.js";import{a as S}from"./3PITBECR.js";import{a as F}from"./T2YYC46N.js";import{a as U}from"./OX6ZVQOQ.js";import{a as H}from"./IYXIAEHS.js";import{a as u}from"./WKR7R7AZ.js";import{a as E}from"./ENDXE7YY.js";import{a as A}from"./IQ267LZU.js";import{a as P}from"./O3EKC2W5.js";import"./RH6ZIP65.js";import{e as L}from"./O7PIYB32.js";import"./V6IT236F.js";import{D as h,b as M}from"./QSJAA23T.js";import"./OAOQ5BXS.js";import{E as w,F as b,G as C,H as d,K as O,M as R,O as V,P as $,S as T,g as D,h as g,p as m}from"./EMCMVQJW.js";var l={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",contentContainer:"content-container",containerEmbedded:"container--embedded",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},Y={sheetContent:"sheet-content"},N={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},Z=D`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.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}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--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(--calcite-sheet-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-color-foreground-1));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([display-mode=float]) .container{padding:var(--calcite-spacing-md)}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,I=class extends C{constructor(){super(),this.contentRef=w(),this.direction=L(),this.focusTrap=_({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=j()(this),this.messages=A(),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=w(),this.focusSetter=P()(this),this.keyDownHandler=e=>{let{defaultPrevented:n,key:t}=e;!n&&!this.escapeDisabled&&this.focusTrapDisabled&&this.open&&t==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=K({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=F({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=m({cancelable:!1}),this.calciteSheetBeforeOpen=m({cancelable:!1}),this.calciteSheetClose=m({cancelable:!1}),this.calciteSheetOpen=m({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=Z}get preventDocumentScroll(){return!this.embedded}get open(){return this._open}set open(e){let n=this._open;e!==n&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>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("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&U(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.setupInteractions(),this.contentRef.value&&(this.contentId=M(this.contentRef.value))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanupInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?N.dragVertical:N.dragHorizontal}getContentRefDOMRect(){return this.contentRef.value?.getBoundingClientRect()}handleKeyDown(e){let{key:n,defaultPrevented:t,shiftKey:s}=e,{contentRef:r,position:i,resizable:c,resizeValues:{maxBlockSize:z,maxInlineSize:f,minBlockSize:v,minInlineSize:x}}=this,k=[...i==="block-end"||i==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!c||!r.value||t||!k.includes(n))return;let o=this.getContentRefDOMRect(),p=this.direction==="rtl"?-1:1,a=s?$:V;switch(n){case"ArrowUp":this.updateSizeInternal({block:o.height+(i==="block-end"?a:-a)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:o.height+(i==="block-end"?-a:a)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:o.width+(i==="inline-end"?a:-a)*p}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:o.width+(i==="inline-end"?-a:a)*p}),e.preventDefault();break;case"Home":this.updateSizeInternal(i==="block-start"||i==="block-end"?{block:v}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(i==="block-start"||i==="block-end"?{block:z}:{inline:f}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanupInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null})}async setupInteractions(){this.cleanupInteractions();let{contentRef:e,el:n,resizable:t,position:s,open:r,resizeHandleEl:i}=this;if(!e.value||!r||!t||!i)return;await this.el.componentOnReady();let c=window.getComputedStyle(e.value);this.resizeValues.minInlineSize=parseInt(c.minInlineSize)||0,this.resizeValues.maxInlineSize=parseInt(c.maxInlineSize)||window.innerWidth,this.resizeValues.minBlockSize=parseInt(c.minBlockSize)||0,this.resizeValues.maxBlockSize=parseInt(c.maxBlockSize)||window.innerHeight;let{inlineSize:z,minInlineSize:f,blockSize:v,minBlockSize:x,maxInlineSize:B,maxBlockSize:k}=c,o={inlineSize:h(z),blockSize:h(v),minInlineSize:h(f),minBlockSize:h(x),maxInlineSize:h(B)||window.innerWidth,maxBlockSize:h(k)||window.innerHeight};this.resizeValues=o;let p=this.direction==="rtl";this.interaction=y(e.value,{context:n.ownerDocument}).resizable({edges:{top:s==="block-end"?i:!1,right:s===(p?"inline-end":"inline-start")?i:!1,bottom:s==="block-start"?i:!1,left:s===(p?"inline-start":"inline-end")?i:!1},modifiers:[y.modifiers.restrictSize({min:{width:o.minInlineSize,height:o.minBlockSize},max:{width:o.maxInlineSize,height:o.maxBlockSize}})],listeners:{move:({rect:a})=>{let W=s==="block-start"||s==="block-end";this.updateSizeInternal(W?{block:a.height}:{inline:a.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.setupInteractions()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:n,resizeValues:t}=this,s=this.direction,r=n==="block-start"||n==="block-end";return O(this.el,"aria-describedby",this.contentId),this.el.ariaLabel=this.label,this.el.ariaModal="true",this.el.role="dialog",g`<div class=${d({[l.container]:!0,[l.containerOpen]:this.opened,[l.containerEmbedded]:this.embedded,[R.rtl]:s==="rtl",[S("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[S("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?null:"manual"} ${b(this.transitionRef)}><calcite-scrim class=${d(l.scrim)} @click=${this.handleOutsideClose}></calcite-scrim><div class=${d(l.content)} id=${Y.sheetContent} ${b(this.contentRef)}><div class=${d(l.contentContainer)}><slot></slot></div>${e?H("resize-handle",g`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${r?"vertical":"horizontal"} .ariaValueMax=${u(r?"block":"inline",t.maxBlockSize,t.maxInlineSize)} .ariaValueMin=${u(r?"block":"inline",t.minBlockSize,t.minInlineSize)} .ariaValueNow=${u(r?"block":"inline",t.blockSize,t.inlineSize)} class=${d(l.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${b(this.setResizeHandleEl)}><div class=${d(l.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};T("calcite-sheet",I);export{I as Sheet};
|
|
2
|
+
import{a as j}from"./DML77MCY.js";import{a as y,b as K}from"./NN645OFY.js";import{a as _}from"./MU5V47HR.js";import{a as S}from"./3PITBECR.js";import{a as F}from"./YWW7ERUT.js";import{a as U}from"./LXVFVBN5.js";import{a as H}from"./3J6QKRUK.js";import{a as u}from"./WKR7R7AZ.js";import{a as E}from"./ENDXE7YY.js";import{a as A}from"./XA4URCKQ.js";import{a as P}from"./4ORDMS52.js";import"./RH6ZIP65.js";import{e as L}from"./7B3BGNCD.js";import"./2KHMJHMG.js";import{D as h,b as M}from"./JQAOERYZ.js";import"./OAOQ5BXS.js";import{E as w,F as b,G as C,H as d,K as O,M as R,O as V,P as $,S as T,g as D,h as g,p as m}from"./CRFOCZQW.js";var l={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",contentContainer:"content-container",containerEmbedded:"container--embedded",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},Y={sheetContent:"sheet-content"},N={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},Z=D`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.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}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--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(--calcite-sheet-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-color-foreground-1));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([display-mode=float]) .container{padding:var(--calcite-spacing-md)}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,I=class extends C{constructor(){super(),this.contentRef=w(),this.direction=L(),this.focusTrap=_({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=j()(this),this.messages=A(),this.mutationObserver=E("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=w(),this.focusSetter=P()(this),this.keyDownHandler=e=>{let{defaultPrevented:n,key:t}=e;!n&&!this.escapeDisabled&&this.focusTrapDisabled&&this.open&&t==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=K({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=F({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=m({cancelable:!1}),this.calciteSheetBeforeOpen=m({cancelable:!1}),this.calciteSheetClose=m({cancelable:!1}),this.calciteSheetOpen=m({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=Z}get preventDocumentScroll(){return!this.embedded}get open(){return this._open}set open(e){let n=this._open;e!==n&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>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("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&U(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.setupInteractions(),this.contentRef.value&&(this.contentId=M(this.contentRef.value))}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanupInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?N.dragVertical:N.dragHorizontal}getContentRefDOMRect(){return this.contentRef.value?.getBoundingClientRect()}handleKeyDown(e){let{key:n,defaultPrevented:t,shiftKey:s}=e,{contentRef:r,position:i,resizable:c,resizeValues:{maxBlockSize:z,maxInlineSize:f,minBlockSize:v,minInlineSize:x}}=this,k=[...i==="block-end"||i==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!c||!r.value||t||!k.includes(n))return;let o=this.getContentRefDOMRect(),p=this.direction==="rtl"?-1:1,a=s?$:V;switch(n){case"ArrowUp":this.updateSizeInternal({block:o.height+(i==="block-end"?a:-a)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:o.height+(i==="block-end"?-a:a)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:o.width+(i==="inline-end"?a:-a)*p}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:o.width+(i==="inline-end"?-a:a)*p}),e.preventDefault();break;case"Home":this.updateSizeInternal(i==="block-start"||i==="block-end"?{block:v}:{inline:x}),e.preventDefault();break;case"End":this.updateSizeInternal(i==="block-start"||i==="block-end"?{block:z}:{inline:f}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanupInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null})}async setupInteractions(){this.cleanupInteractions();let{contentRef:e,el:n,resizable:t,position:s,open:r,resizeHandleEl:i}=this;if(!e.value||!r||!t||!i)return;await this.el.componentOnReady();let c=window.getComputedStyle(e.value);this.resizeValues.minInlineSize=parseInt(c.minInlineSize)||0,this.resizeValues.maxInlineSize=parseInt(c.maxInlineSize)||window.innerWidth,this.resizeValues.minBlockSize=parseInt(c.minBlockSize)||0,this.resizeValues.maxBlockSize=parseInt(c.maxBlockSize)||window.innerHeight;let{inlineSize:z,minInlineSize:f,blockSize:v,minBlockSize:x,maxInlineSize:B,maxBlockSize:k}=c,o={inlineSize:h(z),blockSize:h(v),minInlineSize:h(f),minBlockSize:h(x),maxInlineSize:h(B)||window.innerWidth,maxBlockSize:h(k)||window.innerHeight};this.resizeValues=o;let p=this.direction==="rtl";this.interaction=y(e.value,{context:n.ownerDocument}).resizable({edges:{top:s==="block-end"?i:!1,right:s===(p?"inline-end":"inline-start")?i:!1,bottom:s==="block-start"?i:!1,left:s===(p?"inline-start":"inline-end")?i:!1},modifiers:[y.modifiers.restrictSize({min:{width:o.minInlineSize,height:o.minBlockSize},max:{width:o.maxInlineSize,height:o.maxBlockSize}})],listeners:{move:({rect:a})=>{let W=s==="block-start"||s==="block-end";this.updateSizeInternal(W?{block:a.height}:{inline:a.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.setupInteractions()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:n,resizeValues:t}=this,s=this.direction,r=n==="block-start"||n==="block-end";return O(this.el,"aria-describedby",this.contentId),this.el.ariaLabel=this.label,this.el.ariaModal="true",this.el.role="dialog",g`<div class=${d({[l.container]:!0,[l.containerOpen]:this.opened,[l.containerEmbedded]:this.embedded,[R.rtl]:s==="rtl",[S("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[S("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?null:"manual"} ${b(this.transitionRef)}><calcite-scrim class=${d(l.scrim)} @click=${this.handleOutsideClose}></calcite-scrim><div class=${d(l.content)} id=${Y.sheetContent} ${b(this.contentRef)}><div class=${d(l.contentContainer)}><slot></slot></div>${e?H("resize-handle",g`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${r?"vertical":"horizontal"} .ariaValueMax=${u(r?"block":"inline",t.maxBlockSize,t.maxInlineSize)} .ariaValueMin=${u(r?"block":"inline",t.minBlockSize,t.minInlineSize)} .ariaValueNow=${u(r?"block":"inline",t.blockSize,t.inlineSize)} class=${d(l.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${b(this.setResizeHandleEl)}><div class=${d(l.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};T("calcite-sheet",I);export{I as Sheet};
|
|
@@ -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"./35CFNMQ2.js";import{a as r}from"./3J6QKRUK.js";import{H as t}from"./CRFOCZQW.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{F as n,H as o,h as a,l as t}from"./
|
|
2
|
+
import{F as n,H as o,h as a,l as t}from"./CRFOCZQW.js";var m={validationContainer:"validation-container"},d=()=>{},$=({scale:e,status:s,id:r,icon:l,message:c,ref:i})=>a`<div class=${o(m.validationContainer)} ${n(i||d)}><calcite-input-message aria-live=polite .icon=${l} id=${r??t} .scale=${e} .status=${s}>${c}</calcite-input-message></div>`;export{$ as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as F}from"./EPQBEA3C.js";import{a as q}from"./AP2LDRUV.js";import{a as M,b as R,c as W,d as N}from"./LLEN3PWH.js";import{a as w}from"./ENDXE7YY.js";import"./DNYAPW4C.js";import{a as I}from"./IQ267LZU.js";import"./RRXOB3GM.js";import{c as U}from"./G52BPUIA.js";import{a as L}from"./O3EKC2W5.js";import"./RH6ZIP65.js";import{e as B}from"./O7PIYB32.js";import"./V6IT236F.js";import{D as l,t as E,u as P,y as f}from"./QSJAA23T.js";import"./OAOQ5BXS.js";import{E as k,F as G,G as O,H as y,N as $,S as H,g as D,h as v,l as T,p as m}from"./EMCMVQJW.js";var J=({bufferSize:b=0,containerSize:t,itemSizes:e})=>{let a=t-b,i=e.length,o=0;for(let[r,n]of e.entries())if(o=o+n,o>a){i=r;break}else continue;return i},X=({bufferSize:b=0,containerSize:t,itemSizes:e})=>Math.max(e.length-J({bufferSize:b,itemSizes:e,containerSize:t}),0),S={container:"container",actionGroupEnd:"action-group--end",actionGroupStart:"action-group--start"},z={actionsEnd:"actions-end",actionsStart:"actions-start",expandTooltip:"expand-tooltip"},Y=D`: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([scale=s]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(var(--calcite-spacing-base) + 1px)}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-action-bar-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,C=class extends O{constructor(){super(),this.actions=[],this.containerRef=k(),this.direction=B(),this.actionGroups=[],this.mutationObserver=w("mutation",()=>this.mutationObserverHandler()),this.cancelable=F()(this),this.resize=q(({width:t,height:e})=>{let{expanded:a,expandDisabled:i,layout:o,overflowActionsDisabled:r,expandPosition:n}=this;if(r||o==="vertical"&&!e||o==="horizontal"&&!t||!this.containerRef.value)return;this.updateGroups();let d=this.getItemSizes(),{actionGroups:c}=this,x=this.hasActionsEnd||!i&&n==="end"?1:0,A=this.hasActionsStart||!i&&n==="start"?1:0,h=c.length+x+A,s=h,p=getComputedStyle(this.containerRef.value);if(s+=l(o==="horizontal"?p.paddingInlineStart:p.paddingBlockStart)+l(o==="horizontal"?p.paddingInlineEnd:p.paddingBlockEnd),c.length>0&&c.forEach((u,j)=>{let g=getComputedStyle(u),Q=l(g.gap),V=u.childElementCount-1;s+=Q*V,j<c.length-1&&(s+=l(o==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),s+=l(o==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))}),h>0)for(let u=1;u<h;u++)s+=l(p.gap);let K=X({bufferSize:s,containerSize:o==="horizontal"?t:e,itemSizes:d});R({actionGroups:c,expanded:a,overflowCount:K})},$.resize),this.resizeHandler=t=>{let{width:e,height:a}=t.contentRect;this.resize({width:e,height:a})},this.resizeObserver=w("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=I({blocking:!0}),this.focusSetter=L()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=m({cancelable:!1}),this.calciteActionBarExpand=m({cancelable:!1}),this.calciteActionBarToggle=m({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],actionsEndGroupLabel:1,actionsStartGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandPosition:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=Y}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(t){(t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)||t.has("expandPosition")&&(this.hasUpdated||this.expandPosition!=="end"))&&this.overflowActions(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),t.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:t,layout:e,expandToggleEl:a}=this,i=M(t);a&&i.push(a);let o=e==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...i.map(n=>n[o]||0));return i.map(n=>n[o]||r)}expandedHandler(){let{el:t,expanded:e}=this;W({el:t,expanded:e}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let e=t.composedPath();this.actionGroups?.forEach(a=>{e.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,t.forEach(e=>{e.layout=this.layout,e.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(t){this.hasActionsEnd=E(t),this.overflowActions()}handleActionsStartSlotChange(t){this.hasActionsStart=E(t),this.overflowActions()}handleTooltipSlotChange(t){let e=P(t).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=e[0]}updateActions(){this.actions.forEach(t=>{t.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(t){this.queryAndStoreActions();let e=this.actions.filter(i=>!i.disabled),a=document.activeElement;if(U(a))switch(t.key){case"ArrowRight":case"ArrowDown":f(e,a,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":f(e,a,"previous",!0),t.preventDefault();break;case"Home":f(e,a,"first",!0),t.preventDefault();break;case"End":f(e,a,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(t){this.actions.forEach(e=>{e.tabIndex=!e.disabled&&e===t?0:-1})}renderExpandTooltipSlot(){return v`<slot name=${z.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:a,messages:i,position:o,scale:r}=this;return N({collapseLabel:i.collapseLabel,collapseText:i.collapse,direction:this.direction,el:t,expandLabel:i.expandLabel,expandText:i.expand,expanded:e,position:o,ref:this.setExpandToggleEl,scale:r,toggle:a,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandDisabled:e,scale:a,layout:i,overlayPositioning:o,expandPosition:r}=this,n=t==="start",d=!e&&r===t,c=n?z.actionsStart:z.actionsEnd,x=n?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,A=n?this.actionsStartGroupLabel:this.actionsEndGroupLabel,h=!d&&!(n?this.hasActionsStart:this.hasActionsEnd),s=n?S.actionGroupStart:S.actionGroupEnd;return v`<calcite-action-group class=${y(s)} .hidden=${h} .label=${A} .layout=${i} .overlayPositioning=${o} .scale=${a}>${n&&d?this.renderExpandToggle():null}<slot name=${c??T} @slotchange=${x}></slot>${d?this.renderExpandTooltipSlot():null}${!n&&d?this.renderExpandToggle():null}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${y(S.container)} role=toolbar ${G(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderActionsGroup("end")}</div>`}};H("calcite-action-bar",C);export{C as ActionBar};
|
|
2
|
+
import{a as F}from"./JWLSYQWW.js";import{a as q}from"./AP2LDRUV.js";import{a as M,b as R,c as W,d as N}from"./4HWFXEKI.js";import{a as w}from"./ENDXE7YY.js";import"./DNYAPW4C.js";import{a as I}from"./XA4URCKQ.js";import"./RRXOB3GM.js";import{c as U}from"./G52BPUIA.js";import{a as L}from"./4ORDMS52.js";import"./RH6ZIP65.js";import{e as B}from"./7B3BGNCD.js";import"./2KHMJHMG.js";import{D as l,t as E,u as P,y as f}from"./JQAOERYZ.js";import"./OAOQ5BXS.js";import{E as k,F as G,G as O,H as y,N as $,S as H,g as D,h as v,l as T,p as m}from"./CRFOCZQW.js";var J=({bufferSize:b=0,containerSize:t,itemSizes:e})=>{let a=t-b,i=e.length,o=0;for(let[r,n]of e.entries())if(o=o+n,o>a){i=r;break}else continue;return i},X=({bufferSize:b=0,containerSize:t,itemSizes:e})=>Math.max(e.length-J({bufferSize:b,itemSizes:e,containerSize:t}),0),S={container:"container",actionGroupEnd:"action-group--end",actionGroupStart:"action-group--start"},z={actionsEnd:"actions-end",actionsStart:"actions-start",expandTooltip:"expand-tooltip"},Y=D`: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([scale=s]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-xxs));--calcite-internal-action-bar-padding: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-spacing-sm));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-bar-gap: var(--calcite-action-bar-items-space, var(--calcite-space-sm-plus));--calcite-internal-action-bar-padding: var(--calcite-spacing-sm-plus)}:host{display:inline-flex;align-self:stretch;background:transparent;--calcite-internal-action-group-dividing-border-margin: calc(var(--calcite-spacing-base) + 1px)}.container{display:inline-flex;flex:1 1 auto;flex-direction:column;background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));gap:var(--calcite-internal-action-bar-gap);padding:var(--calcite-internal-action-bar-padding)}@keyframes in{0%{opacity:0}to{opacity:1}}:host([floating]) .container{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;overflow:hidden;border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--calcite-action-bar-shadow, var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow))}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]) .container{overflow-y:auto}:host([layout=vertical]):host([expanded]) .container{max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm);border-image:linear-gradient(to right,transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;padding-block-end:var(--calcite-internal-action-bar-padding)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]) .container{overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-image:linear-gradient(transparent var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) var(--calcite-internal-action-group-dividing-border-margin),var(--calcite-action-group-border-color, var(--calcite-color-border-3)) calc(100% - var(--calcite-internal-action-group-dividing-border-margin)),transparent var(--calcite-internal-action-group-dividing-border-margin));border-image-slice:1;border-inline-end-width:var(--calcite-border-width-sm);padding-inline-end:var(--calcite-internal-action-bar-padding)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}`,C=class extends O{constructor(){super(),this.actions=[],this.containerRef=k(),this.direction=B(),this.actionGroups=[],this.mutationObserver=w("mutation",()=>this.mutationObserverHandler()),this.cancelable=F()(this),this.resize=q(({width:t,height:e})=>{let{expanded:a,expandDisabled:i,layout:o,overflowActionsDisabled:r,expandPosition:n}=this;if(r||o==="vertical"&&!e||o==="horizontal"&&!t||!this.containerRef.value)return;this.updateGroups();let d=this.getItemSizes(),{actionGroups:c}=this,x=this.hasActionsEnd||!i&&n==="end"?1:0,A=this.hasActionsStart||!i&&n==="start"?1:0,h=c.length+x+A,s=h,p=getComputedStyle(this.containerRef.value);if(s+=l(o==="horizontal"?p.paddingInlineStart:p.paddingBlockStart)+l(o==="horizontal"?p.paddingInlineEnd:p.paddingBlockEnd),c.length>0&&c.forEach((u,j)=>{let g=getComputedStyle(u),Q=l(g.gap),V=u.childElementCount-1;s+=Q*V,j<c.length-1&&(s+=l(o==="horizontal"?g.paddingInlineEnd:g.paddingBlockEnd),s+=l(o==="horizontal"?g.borderInlineEndWidth:g.borderBlockEndWidth))}),h>0)for(let u=1;u<h;u++)s+=l(p.gap);let K=X({bufferSize:s,containerSize:o==="horizontal"?t:e,itemSizes:d});R({actionGroups:c,expanded:a,overflowCount:K})},$.resize),this.resizeHandler=t=>{let{width:e,height:a}=t.contentRect;this.resize({width:e,height:a})},this.resizeObserver=w("resize",t=>this.resizeHandlerEntries(t)),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.messages=I({blocking:!0}),this.focusSetter=L()(this),this.setExpandToggleEl=t=>{this.expandToggleEl=t},this.hasActionsEnd=!1,this.hasActionsStart=!1,this.floating=!1,this.expandDisabled=!1,this.expanded=!1,this.expandPosition="end",this.layout="vertical",this.overflowActionsDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.selectionAppearance="neutral",this.calciteActionBarCollapse=m({cancelable:!1}),this.calciteActionBarExpand=m({cancelable:!1}),this.calciteActionBarToggle=m({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler),this.listen("keydown",this.handleKeyDown)}static{this.properties={expandTooltip:[16,{},{state:!0}],hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],actionsEndGroupLabel:1,actionsStartGroupLabel:1,floating:[7,{},{reflect:!0,type:Boolean}],expandDisabled:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandPosition:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],overflowActionsDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}]}}static{this.styles=Y}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){return this.focusSetter(()=>this.el,t)}connectedCallback(){super.connectedCallback(),this.updateGroups(),this.overflowActions(),this.updateActions(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.overflowActionsDisabledHandler(this.overflowActionsDisabled),this.cancelable.add(this.resize)}willUpdate(t){(t.has("expandDisabled")&&(this.hasUpdated||this.expandDisabled!==!1)||t.has("expandPosition")&&(this.hasUpdated||this.expandPosition!=="end"))&&this.overflowActions(),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups(),t.has("overflowActionsDisabled")&&(this.hasUpdated||this.overflowActionsDisabled!==!1)&&this.overflowActionsDisabledHandler(this.overflowActionsDisabled),t.has("expanded")&&this.hasUpdated&&(this.expandedHandler(),this.expanded?this.calciteActionBarExpand.emit():this.calciteActionBarCollapse.emit()),t.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="neutral")&&this.updateActions()}loaded(){this.overflowActions()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect()}getItemSizes(){let{el:t,layout:e,expandToggleEl:a}=this,i=M(t);a&&i.push(a);let o=e==="horizontal"?"clientWidth":"clientHeight",r=Math.max(...i.map(n=>n[o]||0));return i.map(n=>n[o]||r)}expandedHandler(){let{el:t,expanded:e}=this;W({el:t,expanded:e}),this.overflowActions()}overflowActionsDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el),this.overflowActions()}actionMenuOpenHandler(t){if(t.target.menuOpen){let e=t.composedPath();this.actionGroups?.forEach(a=>{e.includes(a)||(a.menuOpen=!1)})}}mutationObserverHandler(){this.updateGroups(),this.overflowActions(),this.queryAndStoreActions(),this.updateActions()}resizeHandlerEntries(t){t.forEach(this.resizeHandler)}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,t.forEach(e=>{e.layout=this.layout,e.scale=this.scale})}handleDefaultSlotChange(){this.updateGroups(),this.queryAndStoreActions(),this.updateActions()}handleActionsEndSlotChange(t){this.hasActionsEnd=E(t),this.overflowActions()}handleActionsStartSlotChange(t){this.hasActionsStart=E(t),this.overflowActions()}handleTooltipSlotChange(t){let e=P(t).filter(a=>a?.matches("calcite-tooltip"));this.expandTooltip=e[0]}updateActions(){this.actions.forEach(t=>{t.selectionAppearance=this.selectionAppearance})}queryAndStoreActions(){this.actions=Array.from(this.el.querySelectorAll("calcite-action"))}handleKeyDown(t){this.queryAndStoreActions();let e=this.actions.filter(i=>!i.disabled),a=document.activeElement;if(U(a))switch(t.key){case"ArrowRight":case"ArrowDown":f(e,a,"next",!0),t.preventDefault();break;case"ArrowLeft":case"ArrowUp":f(e,a,"previous",!0),t.preventDefault();break;case"Home":f(e,a,"first",!0),t.preventDefault();break;case"End":f(e,a,"last",!0),t.preventDefault();break;case"Tab":this.setActionTabIndexes(a);break}}setActionTabIndexes(t){this.actions.forEach(e=>{e.tabIndex=!e.disabled&&e===t?0:-1})}renderExpandTooltipSlot(){return v`<slot name=${z.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>`}renderExpandToggle(){let{el:t,expanded:e,toggleExpand:a,messages:i,position:o,scale:r}=this;return N({collapseLabel:i.collapseLabel,collapseText:i.collapse,direction:this.direction,el:t,expandLabel:i.expandLabel,expandText:i.expand,expanded:e,position:o,ref:this.setExpandToggleEl,scale:r,toggle:a,tooltip:this.expandTooltip})}renderActionsGroup(t){let{expandDisabled:e,scale:a,layout:i,overlayPositioning:o,expandPosition:r}=this,n=t==="start",d=!e&&r===t,c=n?z.actionsStart:z.actionsEnd,x=n?this.handleActionsStartSlotChange:this.handleActionsEndSlotChange,A=n?this.actionsStartGroupLabel:this.actionsEndGroupLabel,h=!d&&!(n?this.hasActionsStart:this.hasActionsEnd),s=n?S.actionGroupStart:S.actionGroupEnd;return v`<calcite-action-group class=${y(s)} .hidden=${h} .label=${A} .layout=${i} .overlayPositioning=${o} .scale=${a}>${n&&d?this.renderExpandToggle():null}<slot name=${c??T} @slotchange=${x}></slot>${d?this.renderExpandTooltipSlot():null}${!n&&d?this.renderExpandToggle():null}</calcite-action-group>`}render(){return v`<div .ariaOrientation=${this.layout==="horizontal"?"horizontal":"vertical"} class=${y(S.container)} role=toolbar ${G(this.containerRef)}>${this.renderActionsGroup("start")}<slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderActionsGroup("end")}</div>`}};H("calcite-action-bar",C);export{C as ActionBar};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as G}from"./HI6WIZIP.js";import{b as h}from"./QS4T2NHO.js";import{b as u}from"./37M4EOUV.js";import{a as j}from"./4S3TKRGW.js";import{a as K}from"./KQKKVDVX.js";import{a as _}from"./WPWHYZH7.js";import{c as A,d as U,e as N}from"./GTEFPCTJ.js";import"./DWSAQKML.js";import{a as L}from"./3ALZSO5N.js";import"./YGX7CUXN.js";import{a as V}from"./IQ267LZU.js";import{a as q}from"./O3EKC2W5.js";import{a as B}from"./RH6ZIP65.js";import{e as M}from"./O7PIYB32.js";import"./V6IT236F.js";import"./QSJAA23T.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"./EMCMVQJW.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"./GJD26N3G.js";import{b as h}from"./QS4T2NHO.js";import{b as u}from"./RNXM2KNR.js";import{a as j}from"./I2C67Y67.js";import{a as K}from"./OEW7E3YX.js";import{a as _}from"./4MLDWQAD.js";import{c as A,d as U,e as N}from"./4RNWEA42.js";import"./72FG7HOT.js";import{a as L}from"./YKA2ZCMA.js";import"./YGX7CUXN.js";import{a as V}from"./XA4URCKQ.js";import{a as q}from"./4ORDMS52.js";import{a as B}from"./RH6ZIP65.js";import{e as M}from"./7B3BGNCD.js";import"./2KHMJHMG.js";import"./JQAOERYZ.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"./CRFOCZQW.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};
|