@esri/calcite-components 5.2.0-next.64 → 5.2.0-next.66
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/{VBHAXLC7.js → 26T43QVU.js} +1 -1
- package/dist/cdn/{ZDMVEYJM.js → 26YAYKO6.js} +1 -1
- package/dist/cdn/{2C2UU4UB.js → 2VVL4TXM.js} +1 -1
- package/dist/cdn/{LEDHVLBX.js → 32Q6FDMA.js} +1 -1
- package/dist/cdn/{5B6CG7FD.js → 36PQFONO.js} +1 -1
- package/dist/cdn/{ZBT3E2EI.js → 3HAGJ23L.js} +1 -1
- package/dist/cdn/{K7LFRVI5.js → 3HB55P26.js} +1 -1
- package/dist/cdn/{LWS2YSRC.js → 3K5UHJ22.js} +1 -1
- package/dist/cdn/{RTW4XLSK.js → 3POIZWGT.js} +1 -1
- package/dist/cdn/{26LDKZBW.js → 4O2IYMDZ.js} +1 -1
- package/dist/cdn/{VQUU5NZK.js → 4ZA7AVVV.js} +1 -1
- package/dist/cdn/{33MW3GHK.js → 56Z5KUY7.js} +1 -1
- package/dist/cdn/{QR5EGUPC.js → 57E2LMC2.js} +1 -1
- package/dist/cdn/{B5NPHY6Y.js → 5MIMTX7C.js} +1 -1
- package/dist/cdn/{CTCDAGYW.js → 5OYEWLEF.js} +1 -1
- package/dist/cdn/{YSILJ3W5.js → 5QHAM5VD.js} +1 -1
- package/dist/cdn/{4HD27M72.js → 5VUXKB4L.js} +1 -1
- package/dist/cdn/{7YROIH6H.js → 63OSRUIO.js} +1 -1
- package/dist/cdn/{6SROBAPG.js → 66YYHVLE.js} +1 -1
- package/dist/cdn/{64HSEOPT.js → 6G7HK3DF.js} +1 -1
- package/dist/cdn/{WGQXFSUO.js → 6HZQUGCI.js} +1 -1
- package/dist/cdn/{P4FFYBHO.js → 6IZVU4TS.js} +1 -1
- package/dist/cdn/{2CC4TXML.js → 6Y2IG3NI.js} +1 -1
- package/dist/cdn/{DQSYO2C7.js → 7CZAWSPN.js} +1 -1
- package/dist/cdn/{4VSUDBBT.js → 7R2OHTUX.js} +1 -1
- package/dist/cdn/{LCCMPYJM.js → 7WAURHJU.js} +1 -1
- package/dist/cdn/{R7AX4WWJ.js → A3IDZ4HP.js} +1 -1
- package/dist/cdn/{ENQ4ZDR7.js → AEXTS4GI.js} +1 -1
- package/dist/cdn/{GGGKM4Q2.js → AKNVPJP5.js} +1 -1
- package/dist/cdn/AMPDBO7O.js +2 -0
- package/dist/cdn/{4WJ7WPQX.js → BKQBLUE7.js} +1 -1
- package/dist/cdn/{AA3B5KJ6.js → BUYQKHFH.js} +1 -1
- package/dist/cdn/{PKGGSZ3G.js → BY4ZVGX5.js} +1 -1
- package/dist/cdn/{EJASPYTX.js → BZVSGRJO.js} +1 -1
- package/dist/cdn/{2WEJB4MH.js → CDPGQU2Z.js} +1 -1
- package/dist/cdn/{KWIXQSB5.js → CIPMZLSD.js} +1 -1
- package/dist/cdn/{EKCZDVES.js → CR4MU73D.js} +1 -1
- package/dist/cdn/{WFFAJFXJ.js → D2HMIETU.js} +1 -1
- package/dist/cdn/{IVP2TAIE.js → D3JB5ZKH.js} +1 -1
- package/dist/cdn/{6JCBP7FF.js → DMLTRFJF.js} +1 -1
- package/dist/cdn/{TFL425CI.js → DOJHZPXV.js} +1 -1
- package/dist/cdn/{F5OMVPSZ.js → DWYSF2HX.js} +1 -1
- package/dist/cdn/{EEQX4UDG.js → E4AYJ7XB.js} +1 -1
- package/dist/cdn/{IDINCKYS.js → E5ZJR273.js} +1 -1
- package/dist/cdn/{2M452ZBI.js → E65DBDRP.js} +1 -1
- package/dist/cdn/{TR2KHQHK.js → F6RENHT5.js} +1 -1
- package/dist/cdn/{JOYJROSC.js → FGHKM52J.js} +1 -1
- package/dist/cdn/{FN23WIZK.js → FRKWX3IA.js} +1 -1
- package/dist/cdn/{5SSKMNLH.js → G4S55KX5.js} +1 -1
- package/dist/cdn/{OFRNNYLT.js → GDCFFQ53.js} +1 -1
- package/dist/cdn/{YUFNYPLK.js → GU6WGD2R.js} +1 -1
- package/dist/cdn/{KB5L6TKT.js → GWWCCH7I.js} +1 -1
- package/dist/cdn/{WJRSLAMD.js → GY2CYQI6.js} +1 -1
- package/dist/cdn/{DLP5DXUP.js → HCOFTOGW.js} +1 -1
- package/dist/cdn/{BAGFMVB6.js → HD6KFRWO.js} +1 -1
- package/dist/cdn/{VIBSUUPL.js → HF57X6NI.js} +1 -1
- package/dist/cdn/{DQWR5AWS.js → HPIZGCCW.js} +1 -1
- package/dist/cdn/{5HHUBB4Q.js → HTESGM54.js} +1 -1
- package/dist/cdn/{BLZCPIPZ.js → HVL4J27L.js} +1 -1
- package/dist/cdn/{XKUHLY5O.js → I3ROWCUH.js} +1 -1
- package/dist/cdn/{JLFMHHHY.js → IDY2PICV.js} +1 -1
- package/dist/cdn/{SORQGGFV.js → IIL3YGHZ.js} +1 -1
- package/dist/cdn/{54XSUMEB.js → IJG4KS5P.js} +1 -1
- package/dist/cdn/{M66UZGUQ.js → INY2G6X6.js} +1 -1
- package/dist/cdn/{KWAF4QAX.js → JAFUSV6D.js} +1 -1
- package/dist/cdn/{FXIGDPY7.js → JJG2JBPE.js} +1 -1
- package/dist/cdn/{OXE2LZT4.js → JLMQXO4G.js} +1 -1
- package/dist/cdn/{VAIEYSCW.js → JNO6KD4V.js} +1 -1
- package/dist/cdn/{VQIA5AUS.js → JO5DQIH3.js} +1 -1
- package/dist/cdn/{WTS2NNYC.js → JP7NIXEK.js} +1 -1
- package/dist/cdn/{4HJFQWKU.js → JTUMCWAV.js} +1 -1
- package/dist/cdn/{JLQ4IA7K.js → JY6TT2QB.js} +1 -1
- package/dist/cdn/{HA5ZT3L2.js → KHPY4I4U.js} +1 -1
- package/dist/cdn/{MT7LQ4EQ.js → KMR2344E.js} +1 -1
- package/dist/cdn/{POUXHA4D.js → KR2UWOYO.js} +1 -1
- package/dist/cdn/{OLZ72KNG.js → LHAMW73W.js} +1 -1
- package/dist/cdn/{UDYKPMDH.js → LUYE5XKR.js} +1 -1
- package/dist/cdn/{I3K7KWH6.js → MK6IYIPB.js} +1 -1
- package/dist/cdn/{MB26RZ7I.js → MPGPUF5W.js} +1 -1
- package/dist/cdn/{7XAHR43Q.js → MQZ2PM2C.js} +1 -1
- package/dist/cdn/{Y5LTEEQG.js → MR53EU6T.js} +1 -1
- package/dist/cdn/{KD6L5QRQ.js → N5GBL74D.js} +1 -1
- package/dist/cdn/{6H5GSM3V.js → NBE3AKGO.js} +1 -1
- package/dist/cdn/{TLWMB2NS.js → NQ2UNC27.js} +1 -1
- package/dist/cdn/{GO4WE4C2.js → NQG4BB2P.js} +1 -1
- package/dist/cdn/{3CRWXC6F.js → OHVQ3GZQ.js} +1 -1
- package/dist/cdn/{XXZ6GV5C.js → ON3WDKBS.js} +1 -1
- package/dist/cdn/{ER7W4MOS.js → OOVH4ZPV.js} +1 -1
- package/dist/cdn/{BVBFEM4G.js → PDWWAB3O.js} +1 -1
- package/dist/cdn/{JEMSIVFH.js → PETPVR47.js} +1 -1
- package/dist/cdn/{HXHDFR6Q.js → PHMYUCV4.js} +1 -1
- package/dist/cdn/{A3JJ6LJL.js → Q52T2KQK.js} +1 -1
- package/dist/cdn/{IJEFDN22.js → QLDZJ743.js} +1 -1
- package/dist/cdn/{KHO4O6ER.js → QMB7DTDX.js} +1 -1
- package/dist/cdn/{UGSNJ2A2.js → QSZ6MSOE.js} +1 -1
- package/dist/cdn/{Z5VVOP7Z.js → QTV63JPF.js} +1 -1
- package/dist/cdn/{7SNQOY3L.js → QVV2WPNX.js} +1 -1
- package/dist/cdn/{Q7RCXOBZ.js → QXIOI3UW.js} +1 -1
- package/dist/cdn/{YWDYEPXE.js → QZVOJPHR.js} +1 -1
- package/dist/cdn/{H6QNSDST.js → RIJQIWPS.js} +1 -1
- package/dist/cdn/{647LHF5Z.js → RLWBL52I.js} +1 -1
- package/dist/cdn/{CGRBMHS5.js → S3GAV6IT.js} +1 -1
- package/dist/cdn/{SRAITCZZ.js → SAWC22RJ.js} +1 -1
- package/dist/cdn/{HWKBYMC2.js → TNNCPRM2.js} +1 -1
- package/dist/cdn/{CVCJOMT3.js → TNQFT7A4.js} +1 -1
- package/dist/cdn/{HBA3P5H3.js → TNS7HXP7.js} +1 -1
- package/dist/cdn/{4BOB7USQ.js → U5HO3HFE.js} +1 -1
- package/dist/cdn/{UMACBDSW.js → UCHFNT6G.js} +1 -1
- package/dist/cdn/{BEPGXBNY.js → UFJG6NMJ.js} +1 -1
- package/dist/cdn/{VOS7BTF7.js → UHJJXMEK.js} +1 -1
- package/dist/cdn/{USZW5TQE.js → UHXV6JXZ.js} +1 -1
- package/dist/cdn/{ZNOYHBTL.js → UKS5NIPZ.js} +1 -1
- package/dist/cdn/{4W6B6AFX.js → USS3ZBUQ.js} +1 -1
- package/dist/cdn/{CNN27ILB.js → UVFMFP7C.js} +1 -1
- package/dist/cdn/{SI6KDAPK.js → V2WRQ7I7.js} +1 -1
- package/dist/cdn/{HWCLLSHA.js → V6RYR4C4.js} +1 -1
- package/dist/cdn/{AZXCTAW7.js → VIA6J3XE.js} +1 -1
- package/dist/cdn/{I5CQQK6H.js → VO4AAUFX.js} +1 -1
- package/dist/cdn/{5XSKZ6VC.js → VOYQGXRR.js} +1 -1
- package/dist/cdn/{FRYK2CT4.js → VRLYRYTO.js} +1 -1
- package/dist/cdn/{QCS4PJIC.js → VY5SKCYT.js} +1 -1
- package/dist/cdn/{UIER4QDI.js → W72MKNDC.js} +1 -1
- package/dist/cdn/WLJKHWJN.js +2 -0
- package/dist/cdn/{K62UEW5H.js → WQSPSYCB.js} +1 -1
- package/dist/cdn/{GROKEHL5.js → WUAMMMHP.js} +1 -1
- package/dist/cdn/{556DKBXM.js → WWBDVDAS.js} +1 -1
- package/dist/cdn/{WM3KGN2Y.js → WWUVMFZI.js} +1 -1
- package/dist/cdn/{KUEHZOLJ.js → X55IVJUV.js} +1 -1
- package/dist/cdn/{BC5RPLRF.js → XAUVHNDA.js} +1 -1
- package/dist/cdn/{DCRLJFDF.js → XKIKN6ZZ.js} +1 -1
- package/dist/cdn/{RNLU36F2.js → XQ3NFFAT.js} +1 -1
- package/dist/cdn/{NP7RRVLV.js → XZLDXTHK.js} +1 -1
- package/dist/cdn/{3I7XBS7Q.js → YBY6CWZ2.js} +1 -1
- package/dist/cdn/{TLA2SYFY.js → YDMMUJRI.js} +1 -1
- package/dist/cdn/{MKCM6FUL.js → YDYZ3RKW.js} +1 -1
- package/dist/cdn/{MB6DK3GX.js → YZML4DG4.js} +1 -1
- package/dist/cdn/{KJE3TTOE.js → Z3OKBA7K.js} +1 -1
- package/dist/cdn/{WC3GCTZG.js → Z3VBHGHE.js} +1 -1
- package/dist/cdn/{47LROTS7.js → ZJQEDR4H.js} +1 -1
- package/dist/cdn/{FTF7Z7VE.js → ZKZJCFKM.js} +1 -1
- package/dist/cdn/{XKR5TRKJ.js → ZWCCUVYR.js} +1 -1
- package/dist/cdn/{EW7GKFIW.js → ZWT2RKT4.js} +1 -1
- package/dist/cdn/{RAHM2XGT.js → ZYWFPCA4.js} +1 -1
- package/dist/cdn/{VREMIKLX.js → ZZ7IVCCX.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +4 -4
- package/dist/components/calcite-alert/customElement.js +1 -1
- package/dist/components/calcite-block/customElement.d.ts +10 -2
- package/dist/components/calcite-block/customElement.js +18 -6
- package/dist/components/calcite-carousel/customElement.js +1 -1
- package/dist/components/calcite-checkbox/customElement.js +1 -1
- package/dist/components/calcite-date-picker-day/customElement.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- package/dist/components/calcite-inline-editable/customElement.js +1 -1
- package/dist/components/calcite-input/customElement.js +1 -1
- package/dist/components/calcite-input-message/customElement.js +1 -1
- package/dist/components/calcite-input-number/customElement.js +1 -1
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-radio-button/customElement.js +1 -1
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-tab-title/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +8 -3
- package/dist/components/calcite-tree-item/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.css-custom-data.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +2 -2
- package/dist/cdn/HRIURMVI.js +0 -2
- package/dist/cdn/KYUWDRN3.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as c,b as r,c as i}from"./QFLQKRZ2.js";import{i as F}from"./POUXHA4D.js";import{a as E}from"./4WJ7WPQX.js";import{a as S}from"./6H5GSM3V.js";import{a as k}from"./MB26RZ7I.js";import"./YP3AYJH3.js";import{a as A}from"./4VSUDBBT.js";import{a as $,b as B}from"./VUYX7MNO.js";import{a as T}from"./XKR5TRKJ.js";import{a as z}from"./ZWPNZ5XW.js";import"./IVP2TAIE.js";import"./IDINCKYS.js";import{s as w,x}from"./HWKBYMC2.js";import{E as g,F as v,G as b,H as o,L as y,T as C,g as p,h as a,p as l}from"./JLFMHHHY.js";var L=300,d=class{constructor(){this.registeredElements=[]}registerElement(e){let{registeredElements:t}=this;if(!t.includes(e)){switch(e.queue){case"immediate":t.unshift(e);break;case"next":t.splice(1,0,e);break;case"last":t.push(e);break}this.updateAlerts()}}unregisterElement(e){let{registeredElements:t}=this,s=t.indexOf(e);s!==-1&&t.splice(s,1),e.active=!1,this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId),this.queueTimeoutId=void 0,this.registeredElements.forEach((e,t)=>{e.openAlertCount=this.registeredElements.length,t===0?this.queueTimeoutId=window.setTimeout(()=>e.active=!0,L):e.active=!1})}},R=p`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-xs)}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-xs)}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-sm)}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{pointer-events:none;position:fixed;margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;padding:0;text-align:start;opacity:0;inset:initial;box-shadow:var(--calcite-alert-shadow, var(--calcite-shadow-md));background-color:var(--calcite-alert-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:.5rem}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:.75rem}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0;display:inline;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal);margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-color-text-link)}slot[name=link]::slotted(:not(calcite-link)){display:inline-flex}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:.75}to{inline-size:100%;opacity:1}}:host([top-layer-disabled]) .container,.container--embedded{z-index:var(--calcite-z-index-toast)}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`,n=new d,h=class extends b{constructor(){super(...arguments),this.initialOpenTime=-1,this.isHovered=!1,this.lastMouseOverBegin=-1,this.transitionProp="opacity",this.totalHoverTime=0,this.totalOpenTime=0,this.transitionRef=g(),this.messages=A(),this.focusSetter=T()(this),this.topLayer=E({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.hasEndActions=!1,this.isFocused=!1,this.numberStringFormatter=new F,this.active=!1,this.autoClose=!1,this.autoCloseDuration="medium",this.embedded=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.openAlertCount=0,this.placement="bottom",this.queue="last",this.scale="m",this.topLayerDisabled=!1,this.calciteAlertBeforeClose=l({cancelable:!1}),this.calciteAlertBeforeOpen=l({cancelable:!1}),this.calciteAlertClose=l({cancelable:!1}),this.calciteAlertOpen=l({cancelable:!1})}static{this.properties={hasEndActions:[16,{},{state:!0}],isFocused:[16,{},{state:!0}],numberStringFormatter:[16,{},{state:!0}],active:[5,{},{type:Boolean}],autoClose:[7,{},{reflect:!0,type:Boolean}],autoCloseDuration:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:y},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],openAlertCount:[9,{},{type:Number}],placement:[3,{},{reflect:!0}],queue:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=R}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.open&&n.registerElement(this.el),this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.handleActiveChange(),e.has("autoCloseDuration")&&(this.hasUpdated||this.autoCloseDuration!=="medium")&&this.updateDuration(),e.has("queue")&&(this.hasUpdated||this.queue!=="last")&&this.handleQueueChange(),e.has("numberingSystem")&&this.numberingSystemChange(),e.has("messages")&&this.effectiveLocaleChange()}disconnectedCallback(){super.disconnectedCallback(),n.unregisterElement(this.el),this.clearAutoCloseTimeout(),this.embedded=!1}handleActiveChange(){S(this),this.clearAutoCloseTimeout(),this.active&&this.autoClose&&!this.autoCloseTimeoutId&&(this.initialOpenTime=Date.now(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}openHandler(){this.open?n.registerElement(this.el):n.unregisterElement(this.el)}updateDuration(){this.autoClose&&this.autoCloseTimeoutId&&(this.clearAutoCloseTimeout(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}handleQueueChange(){this.open&&(n.unregisterElement(this.el),n.registerElement(this.el))}handleKeyBoardFocus(){this.isFocused=!0,this.handleFocus()}handleKeyBoardBlur(){this.isFocused=!1,this.isHovered||this.handleBlur()}effectiveLocaleChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId),this.autoCloseTimeoutId=void 0}closeAlert(){this.open=!1,this.clearAutoCloseTimeout()}onBeforeOpen(){this.calciteAlertBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit(),this.topLayer.hide()}actionsEndSlotChangeHandler(e){this.hasEndActions=x(e)}handleMouseOver(){this.isHovered=!0,this.handleFocus()}handleMouseLeave(){this.isHovered=!1,this.isFocused||this.handleBlur()}handleFocus(){this.clearAutoCloseTimeout(),this.totalOpenTime=Date.now()-this.initialOpenTime,this.lastMouseOverBegin=Date.now()}handleBlur(){let e=Date.now()-this.lastMouseOverBegin,t=c[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?e+this.totalHoverTime:e,this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),t)}render(){let{open:e,autoClose:t,label:s,placement:D,active:u,openAlertCount:q}=this,I=t?"alert":"alertdialog",m=!e,f=w(this.kind==="brand"?$:B,this.icon,this.kind),H=q>1;return this.el.inert=m,this.el.ariaLabel=s,this.el.toggleAttribute("calcite-hydrated-hidden",m),this.el.role=I,a`<div class=${o({[i.container]:!0,[i.containerActive]:u,[`${i.container}--${D}`]:!0,[i.containerEmbedded]:this.embedded,[i.focused]:this.isFocused})} @pointerenter=${this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:void 0} @pointerleave=${this.autoClose?this.handleMouseLeave:void 0} .popover=${this.embedded?void 0:"manual"} ${v(this.transitionRef)}>${f&&this.renderIcon(f)||""}<div class=${o(i.textContainer)} @focusin=${this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0}><slot name=${r.title}></slot><slot name=${r.message}></slot><slot name=${r.link}></slot></div>${this.renderActionsEnd()}${H?this.renderQueueCount():void 0}${this.renderCloseButton()}${e&&u&&t?a`<div class=${o(i.dismissProgress)}></div>`:void 0}</div>`}renderCloseButton(){return a`<calcite-action class=${o(i.close)} icon=x .label=${this.messages.close} @click=${this.closeAlert} @focusin=${this.autoClose?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0} .scale=${this.scale} .text=${this.messages.close}></calcite-action>`}renderQueueCount(){let{openAlertCount:e}=this,t=e>2?e-1:1,s=this.numberStringFormatter.numberFormatter.format(t);return k("queue-count",a`<div class=${o({[i.queueCount]:!0,[i.queueCountActive]:e>1})}><calcite-chip .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip></div>`)}renderActionsEnd(){return a`<div class=${o(i.actionsEnd)}><slot name=${r.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderIcon(e){return a`<div class=${o(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${z(this.scale)}></calcite-icon></div>`}};C("calcite-alert",h);export{h as Alert};
|
|
2
|
+
import{a as c,b as r,c as i}from"./QFLQKRZ2.js";import{i as F}from"./KR2UWOYO.js";import{a as E}from"./BKQBLUE7.js";import{a as S}from"./NBE3AKGO.js";import{a as k}from"./MPGPUF5W.js";import"./YP3AYJH3.js";import{a as A}from"./7R2OHTUX.js";import{a as $,b as B}from"./VUYX7MNO.js";import{a as T}from"./ZWCCUVYR.js";import{a as z}from"./ZWPNZ5XW.js";import"./D3JB5ZKH.js";import"./E5ZJR273.js";import{s as w,x}from"./TNNCPRM2.js";import{E as g,F as v,G as b,H as o,L as y,T as C,g as p,h as a,p as l}from"./IDY2PICV.js";var L=300,d=class{constructor(){this.registeredElements=[]}registerElement(e){let{registeredElements:t}=this;if(!t.includes(e)){switch(e.queue){case"immediate":t.unshift(e);break;case"next":t.splice(1,0,e);break;case"last":t.push(e);break}this.updateAlerts()}}unregisterElement(e){let{registeredElements:t}=this,s=t.indexOf(e);s!==-1&&t.splice(s,1),e.active=!1,this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId),this.queueTimeoutId=void 0,this.registeredElements.forEach((e,t)=>{e.openAlertCount=this.registeredElements.length,t===0?this.queueTimeoutId=window.setTimeout(()=>e.active=!0,L):e.active=!1})}},R=p`:host([scale=s]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-xs)}:host([scale=m]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-xs)}:host([scale=l]){--calcite-internal-alert-action-spacing: var(--calcite-spacing-sm)}:host{display:block;inline-size:var(--calcite-alert-width)}.container--embedded,.container[popover]{pointer-events:none;position:fixed;margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;padding:0;text-align:start;opacity:0;inset:initial;box-shadow:var(--calcite-alert-shadow, var(--calcite-shadow-md));background-color:var(--calcite-alert-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-alert-corner-radius, var(--calcite-border-radius));border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);max-inline-size:calc(100% - var(--calcite-alert-offset-size, 2rem) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out,all var(--calcite-animation-timing) ease-in-out;overflow:visible}.container--bottom,.container--top,.container--bottom[popover],.container--top[popover]{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),0);inset-block-end:var(--calcite-alert-offset-size, 2rem)}.container[class*=top]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),0);inset-block-start:var(--calcite-alert-offset-size, 2rem)}.container[class*=start]{inset-inline-start:var(--calcite-alert-offset-size, 2rem);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-offset-size, 2rem);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-block:auto;margin-inline-end:auto}.close{margin-inline-end:var(--calcite-internal-alert-action-spacing)}.queue-count{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;visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-color-transparent-tint);inset-inline-end:0}.actions-end{display:flex;gap:var(--calcite-internal-alert-action-spacing);padding-block:var(--calcite-internal-alert-action-spacing);padding-inline:0 var(--calcite-internal-alert-action-spacing)}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .queue-count{margin-inline:.5rem}:host([scale=s]) .container{--calcite-internal-alert-min-height: 3.5rem;inline-size:var(--calcite-alert-width, 40em)}:host([scale=s]) .icon{padding-inline-start:.75rem}:host([scale=s]) .text-container{padding-block:.5rem;padding-inline:.75rem .5rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .queue-count{margin-inline:.75rem}:host([scale=m]) .container{--calcite-internal-alert-min-height: 4.1875rem;inline-size:var(--calcite-alert-width, 50em)}:host([scale=m]) .icon{padding-inline-start:1rem}:host([scale=m]) .text-container{padding-block:.75rem;padding-inline:1rem .75rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-internal-alert-min-height: 5.625rem;inline-size:var(--calcite-alert-width, 60em)}:host([scale=l]) .icon{padding-inline-start:1.25rem}:host([scale=l]) .text-container{padding-block:1rem;padding-inline:1.25rem 1rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0,calc(-1 * var(--calcite-alert-offset-size, 2rem)),inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0,var(--calcite-alert-offset-size, 2rem),inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0;display:inline;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal);margin-inline-end:.5rem;color:var(--calcite-color-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-color-text-link)}slot[name=link]::slotted(:not(calcite-link)){display:inline-flex}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress calc(6s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress calc(10s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress calc(14s * var(--calcite-internal-duration-factor)) ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:.75}to{inline-size:100%;opacity:1}}:host([top-layer-disabled]) .container,.container--embedded{z-index:var(--calcite-z-index-toast)}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}`,n=new d,h=class extends b{constructor(){super(...arguments),this.initialOpenTime=-1,this.isHovered=!1,this.lastMouseOverBegin=-1,this.transitionProp="opacity",this.totalHoverTime=0,this.totalOpenTime=0,this.transitionRef=g(),this.messages=A(),this.focusSetter=T()(this),this.topLayer=E({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.hasEndActions=!1,this.isFocused=!1,this.numberStringFormatter=new F,this.active=!1,this.autoClose=!1,this.autoCloseDuration="medium",this.embedded=!1,this.iconFlipRtl=!1,this.kind="brand",this.open=!1,this.openAlertCount=0,this.placement="bottom",this.queue="last",this.scale="m",this.topLayerDisabled=!1,this.calciteAlertBeforeClose=l({cancelable:!1}),this.calciteAlertBeforeOpen=l({cancelable:!1}),this.calciteAlertClose=l({cancelable:!1}),this.calciteAlertOpen=l({cancelable:!1})}static{this.properties={hasEndActions:[16,{},{state:!0}],isFocused:[16,{},{state:!0}],numberStringFormatter:[16,{},{state:!0}],active:[5,{},{type:Boolean}],autoClose:[7,{},{reflect:!0,type:Boolean}],autoCloseDuration:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:y},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],openAlertCount:[9,{},{type:Number}],placement:[3,{},{reflect:!0}],queue:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=R}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.open&&n.registerElement(this.el),this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("active")&&(this.hasUpdated||this.active!==!1)&&this.handleActiveChange(),e.has("autoCloseDuration")&&(this.hasUpdated||this.autoCloseDuration!=="medium")&&this.updateDuration(),e.has("queue")&&(this.hasUpdated||this.queue!=="last")&&this.handleQueueChange(),e.has("numberingSystem")&&this.numberingSystemChange(),e.has("messages")&&this.effectiveLocaleChange()}disconnectedCallback(){super.disconnectedCallback(),n.unregisterElement(this.el),this.clearAutoCloseTimeout(),this.embedded=!1}handleActiveChange(){S(this),this.clearAutoCloseTimeout(),this.active&&this.autoClose&&!this.autoCloseTimeoutId&&(this.initialOpenTime=Date.now(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}openHandler(){this.open?n.registerElement(this.el):n.unregisterElement(this.el)}updateDuration(){this.autoClose&&this.autoCloseTimeoutId&&(this.clearAutoCloseTimeout(),this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),c[this.autoCloseDuration]))}handleQueueChange(){this.open&&(n.unregisterElement(this.el),n.registerElement(this.el))}handleKeyBoardFocus(){this.isFocused=!0,this.handleFocus()}handleKeyBoardBlur(){this.isFocused=!1,this.isHovered||this.handleBlur()}effectiveLocaleChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId),this.autoCloseTimeoutId=void 0}closeAlert(){this.open=!1,this.clearAutoCloseTimeout()}onBeforeOpen(){this.calciteAlertBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit(),this.topLayer.hide()}actionsEndSlotChangeHandler(e){this.hasEndActions=x(e)}handleMouseOver(){this.isHovered=!0,this.handleFocus()}handleMouseLeave(){this.isHovered=!1,this.isFocused||this.handleBlur()}handleFocus(){this.clearAutoCloseTimeout(),this.totalOpenTime=Date.now()-this.initialOpenTime,this.lastMouseOverBegin=Date.now()}handleBlur(){let e=Date.now()-this.lastMouseOverBegin,t=c[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?e+this.totalHoverTime:e,this.autoCloseTimeoutId=window.setTimeout(()=>this.closeAlert(),t)}render(){let{open:e,autoClose:t,label:s,placement:D,active:u,openAlertCount:q}=this,I=t?"alert":"alertdialog",m=!e,f=w(this.kind==="brand"?$:B,this.icon,this.kind),H=q>1;return this.el.inert=m,this.el.ariaLabel=s,this.el.toggleAttribute("calcite-hydrated-hidden",m),this.el.role=I,a`<div class=${o({[i.container]:!0,[i.containerActive]:u,[`${i.container}--${D}`]:!0,[i.containerEmbedded]:this.embedded,[i.focused]:this.isFocused})} @pointerenter=${this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:void 0} @pointerleave=${this.autoClose?this.handleMouseLeave:void 0} .popover=${this.embedded?void 0:"manual"} ${v(this.transitionRef)}>${f&&this.renderIcon(f)||""}<div class=${o(i.textContainer)} @focusin=${this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0}><slot name=${r.title}></slot><slot name=${r.message}></slot><slot name=${r.link}></slot></div>${this.renderActionsEnd()}${H?this.renderQueueCount():void 0}${this.renderCloseButton()}${e&&u&&t?a`<div class=${o(i.dismissProgress)}></div>`:void 0}</div>`}renderCloseButton(){return a`<calcite-action class=${o(i.close)} icon=x .label=${this.messages.close} @click=${this.closeAlert} @focusin=${this.autoClose?this.handleKeyBoardFocus:void 0} @focusout=${this.autoClose?this.handleKeyBoardBlur:void 0} .scale=${this.scale} .text=${this.messages.close}></calcite-action>`}renderQueueCount(){let{openAlertCount:e}=this,t=e>2?e-1:1,s=this.numberStringFormatter.numberFormatter.format(t);return k("queue-count",a`<div class=${o({[i.queueCount]:!0,[i.queueCountActive]:e>1})}><calcite-chip .label=${s} .scale=${this.scale} .value=${s}>${s}</calcite-chip></div>`)}renderActionsEnd(){return a`<div class=${o(i.actionsEnd)}><slot name=${r.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderIcon(e){return a`<div class=${o(i.icon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${z(this.scale)}></calcite-icon></div>`}};C("calcite-alert",h);export{h as Alert};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as s,b as o}from"./NH334SIF.js";import{a as i}from"./
|
|
2
|
+
import{a as s,b as o}from"./NH334SIF.js";import{a as i}from"./MPGPUF5W.js";import{x as a}from"./TNNCPRM2.js";import{G as r,H as e,T as d,g as l,h as n}from"./IDY2PICV.js";var h=l`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(...arguments),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.disabled=!1}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}handleActionsStartSlotChange(t){this.hasActionsStart=a(t)}handleActionsEndSlotChange(t){this.hasActionsEnd=a(t)}handleContentStartSlotChange(t){this.hasContentStart=a(t)}handleContentEndSlotChange(t){this.hasContentEnd=a(t)}renderActionsStart(){let{hasActionsStart:t}=this;return i("actions-start-container",n`<div class=${e(s.actionsStart)} .hidden=${!t}><slot name=${o.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{hasActionsEnd:t}=this;return i("actions-end-container",n`<div class=${e(s.actionsEnd)} .hidden=${!t}><slot name=${o.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`)}renderContentStart(){let{hasContentStart:t}=this;return n`<div class=${e(s.contentStart)} .hidden=${!t}><slot name=${o.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderDefaultContent(){return n`<div class=${e(s.content)}><slot></slot></div>`}renderContentEnd(){let{hasContentEnd:t}=this;return n`<div class=${e(s.contentEnd)} .hidden=${!t}><slot name=${o.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}render(){return n`<div class=${e(s.container)}>${this.renderActionsStart()}${this.renderContentStart()}${this.renderDefaultContent()}${this.renderContentEnd()}${this.renderActionsEnd()}</div>`}};d("calcite-stack",c);export{c as Stack};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as g}from"./YP3AYJH3.js";import{f as p}from"./
|
|
2
|
+
import{b as g}from"./YP3AYJH3.js";import{f as p}from"./E5ZJR273.js";var v=new RegExp("\\.(0+)?$"),x=new RegExp("0+$"),l=class t{static{this.DECIMALS=100}static{this.ROUNDED=!0}static{this.SHIFT=BigInt("1"+"0".repeat(this.DECIMALS))}constructor(e){if(e instanceof t)return e;let[s,i]=R(e).split(".").concat("");this.value=BigInt(s+i.padEnd(t.DECIMALS,"0").slice(0,t.DECIMALS))+BigInt(t.ROUNDED&&i[t.DECIMALS]>="5"),this.isNegative=e.charAt(0)==="-"}static{this._divRound=(e,s)=>t.fromBigInt(e/s+(t.ROUNDED?e*BigInt(2)/s%BigInt(2):BigInt(0)))}static{this.fromBigInt=e=>Object.assign(Object.create(t.prototype),{value:e,isNegative:e<BigInt(0)})}getIntegersAndDecimals(){let e=this.value.toString().replace("-","").padStart(t.DECIMALS+1,"0"),s=e.slice(0,-t.DECIMALS),i=e.slice(-t.DECIMALS).replace(x,"");return{integers:s,decimals:i}}toString(){let{integers:e,decimals:s}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${e}${s.length?"."+s:""}`}formatToParts(e){let{integers:s,decimals:i}=this.getIntegersAndDecimals(),r=e.numberFormatter.formatToParts(BigInt(s));return this.isNegative&&r.unshift({type:"minusSign",value:e.minusSign}),i.length&&(r.push({type:"decimal",value:e.decimal}),i.split("").forEach(n=>r.push({type:"fraction",value:n}))),r}format(e){let{integers:s,decimals:i}=this.getIntegersAndDecimals(),r=`${this.isNegative?e.minusSign:""}${e.numberFormatter.format(BigInt(s))}`,n=i.length?`${e.decimal}${i.split("").map(u=>e.numberFormatter.format(Number(u))).join("")}`:"";return`${r}${n}`}add(e){return t.fromBigInt(this.value+new t(e).value)}subtract(e){return t.fromBigInt(this.value-new t(e).value)}multiply(e){return t._divRound(this.value*new t(e).value,t.SHIFT)}divide(e){return t._divRound(this.value*t.SHIFT,new t(e).value)}};function $(t){return!(!t||isNaN(Number(t)))}function Q(t){return!t||!M(t)?"":h(t,e=>{let s=!1,i=e.split("").filter((r,n)=>r.match(/\./g)&&!s?(s=!0,!0):r.match(/-/g)&&n===0?!0:g.includes(r)).join("");return $(i)?new l(i).toString():""})}var O=/^([-0])0+(?=\d)/,A=/(?!^\.)\.$/,L=/(?!^-)-/g,_=/^-\b0\b\.?0*$/,C=/0*$/,T=new Set(["e","E","-",",",".",...g]),W=t=>{let e=Array.from(t).filter(s=>T.has(s)).join("");return h(e,s=>{let i=s.replace(L,"").replace(A,"").replace(O,"$1");return $(i)?_.test(i)?i:B(i):s})};function B(t){let e=t.split(".")[1],s=new l(t).toString(),[i,r]=s.split(".");return e&&r!==e?`${i}.${e}`:s}function h(t,e){if(!t)return t;let s=t.toLowerCase().indexOf("e")+1;return s?t.replace(/[eE]*$/g,"").substring(0,s).concat(t.slice(s).replace(/[eE]/g,"")).split(/[eE]/).map((i,r)=>e(r===1?i.replace(/\./g,""):i)).join("e").replace(/^e/,"1e"):e(t)}function R(t){let e=t.split(/[eE]/);if(e.length===1)return t;let s=+t;if(Number.isSafeInteger(s))return`${s}`;let i=t.charAt(0)==="-",r=+e[1],n=e[0].split("."),u=(i?n[0].substring(1):n[0])||"",S=n[1]||"",E=(a,m)=>{let c=Math.abs(m)-a.length,d=c>0?`${"0".repeat(c)}${a}`:a;return`${d.slice(0,m)}.${d.slice(m)}`},N=(a,m)=>{let c=m>a.length?`${a}${"0".repeat(m-a.length)}`:a;return`${c.slice(0,m)}.${c.slice(m)}`},D=r>0?`${u}${N(S,r)}`:`${E(u,r)}${S}`;return`${i?"-":""}${D.charAt(0)==="."?"0":""}${D.replace(v,"").replace(O,"")}`}function M(t){return g.some(e=>t.includes(e))}function Y(t,e,s){let i=e.split(".")[1];if(i){let r=i.match(C)?.[0];if(r&&s.delocalize(t).length!==e.length&&i.indexOf("e")===-1){let n=s.decimal;return t=t.includes(n)?t:`${t}${n}`,t.padEnd(t.length+r.length,s.localize("0"))}}return t}var V=new Map(Object.entries({bg:{am:"\u043F\u0440.\u043E\u0431.",pm:"\u0441\u043B.\u043E\u0431."},bs:{am:"prijepodne",pm:"popodne"},ca:{am:"a.\xA0m.",pm:"p.\xA0m."},cs:{am:"dop.",pm:"odp."},es:{am:"a.\xA0m.",pm:"p.\xA0m."},"es-mx":{am:"a.m.",pm:"p.m."},"es-MX":{am:"a.m.",pm:"p.m."},fi:{am:"ap.",pm:"ip."},he:{am:"\u05DC\u05E4\u05E0\u05D4\u05F4\u05E6",pm:"\u05D0\u05D7\u05D4\u05F4\u05E6"},hu:{am:"de. ",pm:"du."},lt:{am:"prie\u0161piet",pm:"popiet"},lv:{am:"priek\u0161pusdien\u0101",pm:"p\u0113cpusdien\u0101"},mk:{am:"\u043F\u0440\u0435\u0442\u043F\u043B.",pm:"\u043F\u043E\u043F\u043B."},no:{am:"a.m.",pm:"p.m."},nl:{am:"a.m.",pm:"p.m."},"pt-pt":{am:"da manh\xE3",pm:"da tarde"},"pt-PT":{am:"da manh\xE3",pm:"da tarde"},ro:{am:"a.m.",pm:"p.m."},sl:{am:"dop.",pm:"pop."},sv:{am:"fm",pm:"em"},th:{am:"\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",pm:"\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07"},tr:{am:"\xD6\xD6",pm:"\xD6S"},uk:{am:"\u0434\u043F",pm:"\u043F\u043F"},vi:{am:"SA",pm:"CH"}})),I=["arab","arabext","latn"],y=t=>!!(I&&I.includes(t)),f=new Intl.NumberFormat().resolvedOptions().numberingSystem,w=f==="arab"||!y(f)?"latn":f,j=t=>y(t)?t:w;function ee(t){switch(t){case"it-CH":return"de-CH";case"bs":return"sr-Latn-CS";default:return t}}var b=class{constructor(){this.delocalize=e=>this._numberFormatOptions?h(e,s=>this.#e(this.#t(s))):e,this.localize=e=>this._numberFormatOptions?h(e,s=>$(s.trim())?new l(s.trim()).format(this).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):s):e}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(e){if(e.numberingSystem=j(e?.numberingSystem),e.locale=e?.locale||p,!this._numberFormatOptions&&e.locale===p&&e.numberingSystem===w&&Object.keys(e).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(e))return;this._numberFormatOptions=e,this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions),this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:!1,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();let s=new Map(this._digits.map((r,n)=>[r,n])),i=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-123456789e-1);this._actualGroup=i.find(r=>r.type==="group").value,this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?"\xA0":this._actualGroup,this._decimal=e.locale==="bs"||e.locale==="mk"?",":i.find(r=>r.type==="decimal").value,this._minusSign=i.find(r=>r.type==="minusSign").value,this._getDigitIndex=r=>`${s.get(r)??""}`}#e(e){return e.replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex)}#t(e){if(this._group!==this._decimal)return e.replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".");let s=e.lastIndexOf(this._decimal);if(s===-1)return e;let i=e.slice(0,s).replace(new RegExp(`[${this._group}]`,"g"),""),r=e.slice(s+1);return`${i}.${r}`}},te=new b,o,F;function P(t={}){return Object.entries(t).sort(([e],[s])=>e.localeCompare(s)).map(e=>`${e[0]}-${e[1]}`).flat().join(":")}function se(t,e){o||(o=new Map),F!==t&&(o.clear(),F=t);let s=P(e),i=o.get(s);if(i)return i;let r=new Intl.DateTimeFormat(t,e);return o.set(s,r),r}export{l as a,$ as b,Q as c,W as d,Y as e,V as f,j as g,ee as h,b as i,te as j,se as k};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as X,b as ee,c as te}from"./IJEFDN22.js";import{a as Q}from"./EKCZDVES.js";import{a as U,b as f,c as q,d as W,e as _,j as a}from"./POUXHA4D.js";import{a as Y}from"./UMACBDSW.js";import{a as G}from"./B5NPHY6Y.js";import{c as Z}from"./Q7RCXOBZ.js";import{a as K}from"./DKJI4BME.js";import{a as J}from"./HXHDFR6Q.js";import{a as P}from"./PKGGSZ3G.js";import{a as R}from"./MB26RZ7I.js";import{b as A}from"./YP3AYJH3.js";import{a as F}from"./4VSUDBBT.js";import{a as j}from"./XKR5TRKJ.js";import{a as L}from"./ZWPNZ5XW.js";import{c as H,e as M}from"./IVP2TAIE.js";import"./IDINCKYS.js";import{A as z,s as N}from"./HWKBYMC2.js";import{D as S,E as y,F as w,G as B,H as l,L as I,M as T,Q as D,T as O,g as C,h as s,l as b,p as h}from"./JLFMHHHY.js";var n={loader:"loader",clearButton:"clear-button",clearable:"clearable",editingEnabled:"editing-enabled",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",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"},ie={validationMessage:"inputNumberValidationMessage"},oe={action:"action"},ne={chevronUp:"chevron-up",chevronDown:"chevron-down"},ae={up:"up",down:"down"},ce=150,se=C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}: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{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}: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]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}: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]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}: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);outline:none;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));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){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}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}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]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-number-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-number-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-editable{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:0;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))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}: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;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;order:6}: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-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}: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));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-number-button-item-vertical-padding)}: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));padding-block-end:var(--calcite-internal-input-number-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.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{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.editing-enabled)) .loader,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .number-button-item,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .prefix,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .icon,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .clear-button,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .suffix{display:none}:host([inline-editable]:not([editing-enabled])) .wrapper:hover input,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .inline-editable,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .inline-editable,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-number-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) input,:host([inline-editable]) .inline-editable,:host([inline-editable]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-editable--container{display:flex;cursor:pointer;align-items:center}.inline-editable--container .enable-editing,.inline-editable--container .confirm-changes,.inline-editable--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-editable--container .enable-editing{--calcite-action-text-color: var(--calcite-input-number-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-number-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-number-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-number-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-number-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-number-inline-editable-control-background-color-hover, var(--calcite-input-number-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-number-inline-editable-control-text-color-press, var(--calcite-input-number-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-number-inline-editable-control-background-color-press, var(--calcite-input-number-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-number-inline-editable-control-text-color-press, var(--calcite-input-number-inline-editable-control-text-color))}`,$=class extends B{constructor(){super(),this.actionWrapperRef=y(),this.attributeWatch=H(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=y(),this.enableInlineEditingButtonRef=y(),this.direction=M(),this.formSupport=Z({inputType:"number"})(this),this.inputWrapperRef=y(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=F({blocking:!0}),this.focusSetter=j()(this),this.interactiveContainer=P(this),this.inlineEditableManager=new te({getEditingEnabled:()=>this.editingEnabled,setEditingEnabled:e=>{this.editingEnabled=e},getValue:()=>this.value,setValue:e=>{this.setNumberValue({origin:"direct",value:e})},setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputNumberInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputNumberInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputNumberInlineEditableChange.emit()}}),this.inlineEditableLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.inlineEditable=!1,this.inlineEditableControls=!1,this.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=h({cancelable:!1}),this.calciteInputNumberInput=h(),this.calciteInternalInputNumberBlur=h({cancelable:!1}),this.calciteInternalInputNumberFocus=h({cancelable:!1}),this.calciteInputNumberInlineEditableCancel=h({cancelable:!1}),this.calciteInputNumberInlineEditableConfirm=h({cancelable:!1}),this.calciteInputNumberInlineEditableChange=h({cancelable:!1}),J(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],inlineEditableLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:I},{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},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=se}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get inlineEditableEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.editingEnabled}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),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")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=N({},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()||void 0),e.has("min")&&(this.minString=this.min?.toString()||void 0),e.has("icon")&&(this.requestedIcon=N({},this.icon,"number")),e.has("messages")&&(a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),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){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEditable&&this.editingEnabled&&e.key==="Escape"){if(e.preventDefault(),this.clearable&&this.value?.length>0){this.clearInputValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.inlineEditableEnabledInContext)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,i,u){let{value:r}=this;if(r==="Infinity"||r==="-Infinity")return;let m=e==="up"?1:-1,o=this.integer&&typeof this.step=="number"?Math.round(this.step):this.step,g=o==="any"?1:Math.abs(o||1),p=new U(r!==""?r:"0").add(`${g*m}`),v=()=>typeof i=="number"&&!isNaN(i)&&p.subtract(`${i}`).isNegative,d=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,c=v()?`${i}`:d()?`${t}`:p.toString();this.setNumberValue({committing:!0,nativeEvent:u,origin:"user",value:c})}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.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),i=t.some(u=>u instanceof HTMLElement&&u.classList.contains(X.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||i)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}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;a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=a.delocalize(t);e.inputType==="insertFromPaste"?((!f(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:q(i)}),this.childNumberRef.value&&(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=[...A,"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}a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===a.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(a.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.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,u=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,u,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let r=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(r){r=!1;return}this.incrementOrDecrementNumberValue(e,i,u,t)},ce)}nudgeButtonPointerUpHandler(e){z(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!z(e))return;e.preventDefault();let t=e.currentTarget.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:u,value:r}){a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let m=this.previousValue?.length>r.length||this.value?.length>r.length,o=this.integer?r.replace(/[e.]/g,""):r,g=o.charAt(o.length-1)===".",x=o.charAt(0)==="-",p=o.match(/^-?(0+)\d/),v=g&&m?o:W(o),d=r&&!v?f(this.previousValue)?this.previousValue:"":v,c=a.localize(d);i!=="connected"&&!g&&(c=_(c,d,a)),g&&m&&(c=`${c}${a.decimal}`),p&&(c=`${x?c.charAt(0):""}${a.localize("0").repeat(p[1].length)}${x?c.slice(1):c}`),this.displayedValue=c,this.setPreviousNumberValue(u??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==d;let V=["-","."].includes(d)?"":d;this.value=V;let re=new Set(["e","E",a.decimal,a.minusSign,a.group,...a.digits]),k=this.childNumberRef.value?.value;if(k){let E=Array.from(k).filter(le=>re.has(le)).join("");E!==k&&this.setInputNumberValue(E)}i==="direct"&&(this.setInputNumberValue(c),this.setPreviousEmittedNumberValue(V)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=a.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!f(e)&&D.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=s`<div class=${l(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=s`<div class=${l(n.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputValue}>${Q({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,u=s`<div class=${l(n.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${L(this.scale)}></calcite-icon></div>`,r=this.numberButtonType==="horizontal",m=s`<div aria-hidden=true class=${l({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:r})} data-adjustment=${ae.up} data-testid=number-button-up @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ne.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,o=s`<div aria-hidden=true class=${l({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:r})} data-adjustment=${ae.down} data-testid=number-button-down @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ne.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,g=s`<div class=${l(n.numberButtonWrapper)}>${m}${o}</div>`,x=s`<div class=${l(n.prefix)}>${this.prefixText}</div>`,p=s`<div class=${l(n.suffix)}>${this.suffixText}</div>`,v=R("localized-input",s`<input aria-errormessage=${ie.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${K(this)} autocomplete=${this.autocomplete??b} .autofocus=${this.el.autofocus} class=${l({[n.editingEnabled]:this.inlineEditableEnabledInContext,[n.inlineChild]:this.hasInlineEditableContext,[n.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??b} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??b} inputmode=${(this.el.inputMode||"decimal")??b} maxlength=${this.maxLength??b} minlength=${this.minLength??b} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??b} .readOnly=${this.readOnly} .required=${this.required} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.inlineEditableEnabledInContext?-1:void 0)??b} type=text .value=${S(this.displayedValue??"")} ${w(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:s`${this.labelText&&G({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[n.inputWrapper]:!0,[T.rtl]:e==="rtl",[n.hasSuffix]:this.suffixText,[n.hasPrefix]:this.prefixText,[n.clearable]:this.isClearable})} ${w(this.inputWrapperRef)}><div class=${l(n.wrapper)}>${this.loading?t:null}${this.numberButtonType==="horizontal"&&!this.readOnly?o:null}${this.prefixText?x:null}${this.requestedIcon?u:null}${v}${this.isClearable?i:null}${this.suffixText?p:null}${this.numberButtonType==="horizontal"&&!this.readOnly?m:null}${this.numberButtonType==="vertical"&&!this.readOnly?g:null}</div>${this.selfManagedInlineEditable&&s`<div class=${l(n.inlineEditable)}>${ee({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,editingEnabled:this.editingEnabled,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,loading:this.inlineEditableLoading,onCancelEditing:()=>this.inlineEditableManager.cancelEditing(),onConfirmChanges:()=>this.inlineEditableManager.confirm(this.inlineEditableAfterConfirm,d=>{this.inlineEditableLoading=d}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${l(n.actionWrapper)} ${w(this.actionWrapperRef)}><slot name=${oe.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?Y({icon:this.validationIcon,id:ie.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",$);export{$ as InputNumber};
|
|
2
|
+
import{a as X,b as ee,c as te}from"./QLDZJ743.js";import{a as Q}from"./CR4MU73D.js";import{a as U,b as f,c as q,d as W,e as _,j as a}from"./KR2UWOYO.js";import{a as Y}from"./UCHFNT6G.js";import{a as G}from"./5MIMTX7C.js";import{c as Z}from"./QXIOI3UW.js";import{a as K}from"./DKJI4BME.js";import{a as J}from"./PHMYUCV4.js";import{a as P}from"./BY4ZVGX5.js";import{a as R}from"./MPGPUF5W.js";import{b as A}from"./YP3AYJH3.js";import{a as F}from"./7R2OHTUX.js";import{a as j}from"./ZWCCUVYR.js";import{a as L}from"./ZWPNZ5XW.js";import{c as H,e as M}from"./D3JB5ZKH.js";import"./E5ZJR273.js";import{A as z,s as N}from"./TNNCPRM2.js";import{D as S,E as y,F as w,G as B,H as l,L as I,M as T,Q as D,T as O,g as C,h as s,l as b,p as h}from"./IDY2PICV.js";var n={loader:"loader",clearButton:"clear-button",clearable:"clearable",editingEnabled:"editing-enabled",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEditable:"inline-editable",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"},ie={validationMessage:"inputNumberValidationMessage"},oe={action:"action"},ne={chevronUp:"chevron-up",chevronDown:"chevron-down"},ae={up:"up",down:"down"},ce=150,se=C`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-number-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) );--calcite-internal-input-number-number-button-item-height: auto}:host([scale=s]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-sm)}: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{block-size:var(--calcite-spacing-xxl)}:host([scale=s]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs)}:host([scale=s]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 8px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-xxs);--calcite-internal-input-number-number-button-item-vertical-padding: 3px}:host([scale=m]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-md)}: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]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm)}:host([scale=m]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 11px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-space-sm);--calcite-internal-input-number-number-button-item-vertical-padding: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-input-number-icon-padding-inline: var(--calcite-spacing-fixed-lg)}: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]):host([number-button-type=horizontal]){--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus)}:host([scale=l]):host([number-button-type=vertical]){--calcite-internal-input-number-number-button-item-height: 16px;--calcite-internal-input-number-number-button-item-horizontal-padding: var(--calcite-spacing-sm-plus);--calcite-internal-input-number-number-button-item-vertical-padding: 5px}: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);outline:none;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));text-align:var(--calcite-internal-input-number-alignment)}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-number-corner-radius, var(--calcite-corner-radius-sharp))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) input,.has-prefix input,.element-wrapper:has(.icon) input{border-inline-start-width:0}.element-wrapper:has(.clear-button) input,.has-suffix input,.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) input,.element-wrapper:has(.number-button-item) input{border-inline-end-width:0}.has-suffix input,.clearable input,:host(:not([read-only])) input,.suffix,.clear-button{border-start-end-radius:0;border-end-end-radius:0}.has-prefix :is(.prefix:first-child,.loader+.prefix),:host([number-button-type=horizontal]) .number-button-item[data-adjustment=down],.element-wrapper:has(.icon) :is(.icon:first-child,.loader+.icon){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}input{border-width:1px;border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}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]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-number-background-color, var(--calcite-color-background))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;order:3;isolation:isolate}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-number-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix,:host([status=invalid]) .number-button-item{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-number-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-end-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));--calcite-icon-color: var( --calcite-input-number-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)) );align-items:center;padding-inline-start:var(--calcite-internal-input-number-icon-padding-inline)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .icon,.has-prefix .icon{border-inline-start-width:0}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.has-suffix .clear-button,.element-wrapper:has(.number-button-item.number-button-item--horizontal[data-adjustment=up]) .clear-button,.element-wrapper:has(.number-button-item) .clear-button{border-inline-end-width:0}.loader{inset-block-start:var(--calcite-border-width-sm);inset-inline:var(--calcite-border-width-sm);pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-editable{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input))}.prefix{order:0;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))}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=down]) .prefix{border-inline-start-width:var(--calcite-border-width-none)}.element-wrapper:has(.number-button-item--horizontal[data-adjustment=up]) .suffix,.element-wrapper:has(.number-button-item) .suffix{border-inline-end-width:var(--calcite-border-width-none)}: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{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;pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;order:6}: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-action{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-action{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{max-block-size:100%;min-block-size:100%;align-self:stretch;order:1}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-action,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-action{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:0px;order:0;padding-inline-start:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5;padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}:host([number-button-type=vertical]) .number-button-item{padding-inline-end:var(--calcite-internal-input-number-number-button-item-horizontal-padding)}: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));border-block-end-width:var(--calcite-border-width-none);padding-block-start:var(--calcite-internal-input-number-number-button-item-vertical-padding)}: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));padding-block-end:var(--calcite-internal-input-number-number-button-item-vertical-padding)}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-number-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1));border-inline-start-width:var(--calcite-border-width-none)}.number-button-item:hover calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-hover, var(--calcite-color-foreground-2) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.number-button-item:active calcite-action{--calcite-action-background-color: var( --calcite-input-actions-background-color-press, var(--calcite-color-foreground-3) );--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.number-button-item calcite-action{--calcite-internal-action-height: var(--calcite-internal-input-number-number-button-item-height);--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color);--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.number-button-item calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.number-button-item calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press);--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}.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{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.editing-enabled)) .loader,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .number-button-item,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .prefix,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .icon,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .clear-button,.element-wrapper:has(input.inline-child:not(.editing-enabled)) .suffix{display:none}:host([inline-editable]:not([editing-enabled])) .wrapper:hover input,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .inline-editable,:host([inline-editable]:not([editing-enabled])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .inline-editable,:host:has(input.inline-child:not(.inline-editable-child):not(.editing-enabled)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-number-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}:host([inline-editable]) input,:host([inline-editable]) .inline-editable,:host([inline-editable]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-number-background-color, var(--calcite-color-foreground-1))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-number-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color: var(--calcite-input-actions-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-actions-background-color, var(--calcite-color-foreground-2));--calcite-action-text-color: var(--calcite-input-actions-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-actions-background-color-hover, var(--calcite-color-foreground-3));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-actions-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color-press: var(--calcite-input-actions-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-editable--container{display:flex;cursor:pointer;align-items:center}.inline-editable--container .enable-editing,.inline-editable--container .confirm-changes,.inline-editable--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-editable--container .enable-editing{--calcite-action-text-color: var(--calcite-input-number-inline-editable-control-text-color, var(--calcite-color-text-1))}.inline-editable--container calcite-action{--calcite-action-background-color: var(--calcite-input-number-inline-editable-control-background-color);--calcite-action-corner-radius: var(--calcite-input-number-inline-editable-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-number-inline-editable-control-loader-color);--calcite-action-text-color: var(--calcite-input-number-inline-editable-control-text-color)}.inline-editable--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-number-inline-editable-control-background-color-hover, var(--calcite-input-number-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-number-inline-editable-control-text-color-press, var(--calcite-input-number-inline-editable-control-text-color))}.inline-editable--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-number-inline-editable-control-background-color-press, var(--calcite-input-number-inline-editable-control-background-color));--calcite-action-text-color-press: var(--calcite-input-number-inline-editable-control-text-color-press, var(--calcite-input-number-inline-editable-control-text-color))}`,$=class extends B{constructor(){super(),this.actionWrapperRef=y(),this.attributeWatch=H(["autofocus","enterkeyhint","inputmode"],this.handleGlobalAttributesChanged),this.childNumberRef=y(),this.enableInlineEditingButtonRef=y(),this.direction=M(),this.formSupport=Z({inputType:"number"})(this),this.inputWrapperRef=y(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=F({blocking:!0}),this.focusSetter=j()(this),this.interactiveContainer=P(this),this.inlineEditableManager=new te({getEditingEnabled:()=>this.editingEnabled,setEditingEnabled:e=>{this.editingEnabled=e},getValue:()=>this.value,setValue:e=>{this.setNumberValue({origin:"direct",value:e})},setFocus:()=>{this.setFocus()},emitCancel:()=>{this.calciteInputNumberInlineEditableCancel.emit()},emitConfirm:()=>{this.calciteInputNumberInlineEditableConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputNumberInlineEditableChange.emit()}}),this.inlineEditableLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.inlineEditable=!1,this.inlineEditableControls=!1,this.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=h({cancelable:!1}),this.calciteInputNumberInput=h(),this.calciteInternalInputNumberBlur=h({cancelable:!1}),this.calciteInternalInputNumberFocus=h({cancelable:!1}),this.calciteInputNumberInlineEditableCancel=h({cancelable:!1}),this.calciteInputNumberInlineEditableConfirm=h({cancelable:!1}),this.calciteInputNumberInlineEditableChange=h({cancelable:!1}),J(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={displayedValue:[16,{},{state:!0}],inlineEditableLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],inlineEditable:[7,{},{reflect:!0,type:Boolean}],inlineEditableControls:[7,{},{reflect:!0,type:Boolean}],inlineEditableAfterConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],icon:[3,{converter:I},{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},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=se}get selfManagedInlineEditable(){return this.inlineEditable&&!this.inlineEditableEl}get hasInlineEditableContext(){return this.inlineEditable||!!this.inlineEditableEl}get inlineEditableEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.editingEnabled}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t),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")??void 0,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1)}async load(){this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=N({},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()||void 0),e.has("min")&&(this.minString=this.min?.toString()||void 0),e.has("icon")&&(this.requestedIcon=N({},this.icon,"number")),e.has("messages")&&(a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1}),e.has("readOnly")&&this.stopNudging()}disconnectedCallback(){super.disconnectedCallback(),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){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEditable&&this.editingEnabled&&e.key==="Escape"){if(e.preventDefault(),this.clearable&&this.value?.length>0){this.clearInputValue(e);return}this.inlineEditableManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditableContext||this.inlineEditableEnabledInContext)&&(this.clearInputValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEditable&&!this.editingEnabled){this.inlineEditableManager.enable();return}this.setFocus()}incrementOrDecrementNumberValue(e,t,i,u){let{value:r}=this;if(r==="Infinity"||r==="-Infinity")return;let m=e==="up"?1:-1,o=this.integer&&typeof this.step=="number"?Math.round(this.step):this.step,g=o==="any"?1:Math.abs(o||1),p=new U(r!==""?r:"0").add(`${g*m}`),v=()=>typeof i=="number"&&!isNaN(i)&&p.subtract(`${i}`).isNegative,d=()=>typeof t=="number"&&!isNaN(t)&&!p.subtract(`${t}`).isNegative,c=v()?`${i}`:d()?`${t}`:p.toString();this.setNumberValue({committing:!0,nativeEvent:u,origin:"user",value:c})}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.selfManagedInlineEditable&&this.editingEnabled&&!this.inlineEditableControls&&this.inlineEditableManager.disable(),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),i=t.some(u=>u instanceof HTMLElement&&u.classList.contains(X.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||i)){if(this.selfManagedInlineEditable&&!this.editingEnabled){e.preventDefault(),this.inlineEditableManager.enable();return}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;a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=a.delocalize(t);e.inputType==="insertFromPaste"?((!f(i)||this.integer&&(i.includes("e")||i.includes(".")))&&e.preventDefault(),this.setNumberValue({nativeEvent:e,origin:"user",value:q(i)}),this.childNumberRef.value&&(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=[...A,"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}a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},!(e.key===a.decimal&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value?.value.indexOf(a.decimal)===-1))&&(/[eE]/.test(e.key)&&!this.integer&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.value&&!/[eE]/.test(this.childNumberRef.value.value))||e.key==="-"&&(!this.value&&!this.childNumberRef.value?.value||this.value&&this.childNumberRef.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,u=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(e,i,u,t),this.nudgeNumberValueIntervalId&&this.stopNudging();let r=!0;this.nudgeNumberValueIntervalId=window.setInterval(()=>{if(r){r=!1;return}this.incrementOrDecrementNumberValue(e,i,u,t)},ce)}nudgeButtonPointerUpHandler(e){z(e)&&this.stopNudging()}nudgeButtonPointerOutHandler(){this.stopNudging()}nudgeButtonPointerDownHandler(e){if(!z(e))return;e.preventDefault();let t=e.currentTarget.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:u,value:r}){a.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let m=this.previousValue?.length>r.length||this.value?.length>r.length,o=this.integer?r.replace(/[e.]/g,""):r,g=o.charAt(o.length-1)===".",x=o.charAt(0)==="-",p=o.match(/^-?(0+)\d/),v=g&&m?o:W(o),d=r&&!v?f(this.previousValue)?this.previousValue:"":v,c=a.localize(d);i!=="connected"&&!g&&(c=_(c,d,a)),g&&m&&(c=`${c}${a.decimal}`),p&&(c=`${x?c.charAt(0):""}${a.localize("0").repeat(p[1].length)}${x?c.slice(1):c}`),this.displayedValue=c,this.setPreviousNumberValue(u??this.value),this.previousValueOrigin=i,this.userChangedValue=i==="user"&&this.value!==d;let V=["-","."].includes(d)?"":d;this.value=V;let re=new Set(["e","E",a.decimal,a.minusSign,a.group,...a.digits]),k=this.childNumberRef.value?.value;if(k){let E=Array.from(k).filter(le=>re.has(le)).join("");E!==k&&this.setInputNumberValue(E)}i==="direct"&&(this.setInputNumberValue(c),this.setPreviousEmittedNumberValue(V)),t&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=a.localize(this.previousValue)):e&&this.emitChangeIfUserModified())}inputNumberKeyUpHandler(){this.stopNudging()}warnAboutInvalidNumberValue(e){e&&!f(e)&&D.warn(`The specified value "${e}" cannot be parsed, or is out of range.`)}render(){let e=this.direction,t=s`<div class=${l(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,i=s`<div class=${l(n.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputValue}>${Q({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,u=s`<div class=${l(n.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${L(this.scale)}></calcite-icon></div>`,r=this.numberButtonType==="horizontal",m=s`<div aria-hidden=true class=${l({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:r})} data-adjustment=${ae.up} data-testid=number-button-up @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ne.chevronUp} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,o=s`<div aria-hidden=true class=${l({[n.numberButtonItem]:!0,[n.buttonItemHorizontal]:r})} data-adjustment=${ae.down} data-testid=number-button-down @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler}><calcite-action .disabled=${this.disabled||this.readOnly} .icon=${ne.chevronDown} .scale=${this.scale} tabindex=-1 text></calcite-action></div>`,g=s`<div class=${l(n.numberButtonWrapper)}>${m}${o}</div>`,x=s`<div class=${l(n.prefix)}>${this.prefixText}</div>`,p=s`<div class=${l(n.suffix)}>${this.suffixText}</div>`,v=R("localized-input",s`<input aria-errormessage=${ie.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${K(this)} autocomplete=${this.autocomplete??b} .autofocus=${this.el.autofocus} class=${l({[n.editingEnabled]:this.inlineEditableEnabledInContext,[n.inlineChild]:this.hasInlineEditableContext,[n.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??b} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??b} inputmode=${(this.el.inputMode||"decimal")??b} maxlength=${this.maxLength??b} minlength=${this.minLength??b} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder||"")??b} .readOnly=${this.readOnly} .required=${this.required} tabindex=${(this.disabled||this.hasInlineEditableContext&&!this.inlineEditableEnabledInContext?-1:void 0)??b} type=text .value=${S(this.displayedValue??"")} ${w(this.childNumberRef)}>`);return this.interactiveContainer({disabled:this.disabled,children:s`${this.labelText&&G({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${l({[n.inputWrapper]:!0,[T.rtl]:e==="rtl",[n.hasSuffix]:this.suffixText,[n.hasPrefix]:this.prefixText,[n.clearable]:this.isClearable})} ${w(this.inputWrapperRef)}><div class=${l(n.wrapper)}>${this.loading?t:null}${this.numberButtonType==="horizontal"&&!this.readOnly?o:null}${this.prefixText?x:null}${this.requestedIcon?u:null}${v}${this.isClearable?i:null}${this.suffixText?p:null}${this.numberButtonType==="horizontal"&&!this.readOnly?m:null}${this.numberButtonType==="vertical"&&!this.readOnly?g:null}</div>${this.selfManagedInlineEditable&&s`<div class=${l(n.inlineEditable)}>${ee({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,editingEnabled:this.editingEnabled,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,loading:this.inlineEditableLoading,onCancelEditing:()=>this.inlineEditableManager.cancelEditing(),onConfirmChanges:()=>this.inlineEditableManager.confirm(this.inlineEditableAfterConfirm,d=>{this.inlineEditableLoading=d}),onEnableEditing:()=>this.inlineEditableManager.enable(),scale:this.scale,showControls:this.editingEnabled&&this.inlineEditableControls})}</div>`||""}<div class=${l(n.actionWrapper)} ${w(this.actionWrapperRef)}><slot name=${oe.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?Y({icon:this.validationIcon,id:ie.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};O("calcite-input-number",$);export{$ as InputNumber};
|