@esri/calcite-components 6.0.0-next.19 → 6.0.0-next.20
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/{LGNNS7AO.js → 26SKFA7H.js} +1 -1
- package/dist/cdn/{QQDOSAM5.js → 2ERADWX5.js} +1 -1
- package/dist/cdn/{3KT6HXDY.js → 2M4URDWG.js} +1 -1
- package/dist/cdn/{P33ETBSW.js → 2TIS2MT6.js} +1 -1
- package/dist/cdn/{HX3JIXCH.js → 352QTXGL.js} +1 -1
- package/dist/cdn/{S3UD452M.js → 3H7BHSWS.js} +1 -1
- package/dist/cdn/{BODZ32PG.js → 3MKROW7D.js} +1 -1
- package/dist/cdn/{6IUWVEW6.js → 3QZNUHZN.js} +1 -1
- package/dist/cdn/{C3J3F4JW.js → 3ZNJNYLQ.js} +1 -1
- package/dist/cdn/{SQCZMQJB.js → 47T3GQOF.js} +1 -1
- package/dist/cdn/{7T3JX5CM.js → 4EPSJDMC.js} +1 -1
- package/dist/cdn/{RYMZOXJF.js → 4FCP3TFX.js} +1 -1
- package/dist/cdn/{U6VRMATY.js → 4OQDH6ML.js} +1 -1
- package/dist/cdn/{IUJAFKLP.js → 55ZSMEHY.js} +1 -1
- package/dist/cdn/{CRBTMVAO.js → 5AGKW7GW.js} +1 -1
- package/dist/cdn/{GBLQBTBE.js → 5QXIAHK7.js} +1 -1
- package/dist/cdn/{EZXKZU2U.js → 5VCXRHKV.js} +1 -1
- package/dist/cdn/{RXWX3W4C.js → 62W5GAI2.js} +1 -1
- package/dist/cdn/{VHZNUQT5.js → 67UBUW46.js} +1 -1
- package/dist/cdn/{YIAMT23A.js → 6QUUBHCN.js} +1 -1
- package/dist/cdn/{WKTCZH3D.js → 73UJQHUJ.js} +1 -1
- package/dist/cdn/{2ZIYS3RT.js → 77NLVPBD.js} +1 -1
- package/dist/cdn/{4LWXSZJH.js → 77TK7LRB.js} +1 -1
- package/dist/cdn/{E6TA72IJ.js → 7AZ57PED.js} +1 -1
- package/dist/cdn/{Z3F5NH2T.js → 7IASAQ7D.js} +1 -1
- package/dist/cdn/{YECLJDI7.js → 7QGFB6LY.js} +1 -1
- package/dist/cdn/{XHYR6XQP.js → AF5N73PK.js} +1 -1
- package/dist/cdn/{OAR2IRZG.js → AG73SIBX.js} +1 -1
- package/dist/cdn/{7SQ25IM6.js → AGMPWK3B.js} +1 -1
- package/dist/cdn/{TZWSPU7G.js → AGX2R2FQ.js} +1 -1
- package/dist/cdn/{DY2UXVKL.js → AYYWY4FE.js} +1 -1
- package/dist/cdn/{S4MO5764.js → B2MS3P2I.js} +1 -1
- package/dist/cdn/{DV5IETK4.js → BISG4LDB.js} +1 -1
- package/dist/cdn/{YVRHT4S2.js → C6XPR34H.js} +1 -1
- package/dist/cdn/{VCARVJ3N.js → CKMYPQDQ.js} +1 -1
- package/dist/cdn/{PWXFZYNK.js → CTGSTFNT.js} +1 -1
- package/dist/cdn/{LC7FSBX2.js → CZO3L5SA.js} +1 -1
- package/dist/cdn/{XDLN5EEU.js → D56BPCF2.js} +1 -1
- package/dist/cdn/{IQUHCJDD.js → DBXOMBNK.js} +1 -1
- package/dist/cdn/{DX3HQJAS.js → DDNUWCV6.js} +1 -1
- package/dist/cdn/{MQKQXDSD.js → DGHV63ZL.js} +1 -1
- package/dist/cdn/{F5LWWSQB.js → DOHECLK5.js} +1 -1
- package/dist/cdn/{QGD24EAA.js → E5BC5QKH.js} +1 -1
- package/dist/cdn/{YJAHFS6D.js → E6AHBWHN.js} +1 -1
- package/dist/cdn/{DHE6MQ62.js → EHHDQ55E.js} +1 -1
- package/dist/cdn/{TFUMR4AQ.js → F54DLL4E.js} +1 -1
- package/dist/cdn/{6CWOQ6TX.js → FGAGMZ65.js} +1 -1
- package/dist/cdn/{YW2FR63M.js → FMFRWNOX.js} +1 -1
- package/dist/cdn/{DHX3G7ZF.js → FMX2HLIF.js} +1 -1
- package/dist/cdn/{CDVM2BDS.js → FNMUXYJK.js} +1 -1
- package/dist/cdn/{Q2L2AWAN.js → G4GNSXXB.js} +1 -1
- package/dist/cdn/{YIBUL4H4.js → GEX42V2X.js} +1 -1
- package/dist/cdn/{JWMVZW7M.js → GHNUQ7YS.js} +1 -1
- package/dist/cdn/{OZXT4N7V.js → GOGEX4ZP.js} +1 -1
- package/dist/cdn/{DMZTYOQV.js → H6GIBAIH.js} +1 -1
- package/dist/cdn/{DKL2SMTS.js → HCU5UUAA.js} +1 -1
- package/dist/cdn/{47WGMADY.js → HD3HSAAD.js} +1 -1
- package/dist/cdn/{NTKQHINP.js → HIKJEHYI.js} +1 -1
- package/dist/cdn/{3DJEP5B5.js → I34PZLRU.js} +1 -1
- package/dist/cdn/{XT3Z2K62.js → I465CPMF.js} +1 -1
- package/dist/cdn/{RD7CACBL.js → I4G7ZB4P.js} +1 -1
- package/dist/cdn/{3QZ6HDXK.js → I5PTU3Q5.js} +1 -1
- package/dist/cdn/{ZA7QENG3.js → IFGDFXTG.js} +1 -1
- package/dist/cdn/{K5CQPZET.js → IYZWM4FM.js} +1 -1
- package/dist/cdn/{DGFZA5AP.js → JAR2VTHU.js} +1 -1
- package/dist/cdn/JIKTRB5Y.js +2 -0
- package/dist/cdn/{7TNP5RRQ.js → JYHXYYGU.js} +1 -1
- package/dist/cdn/{STJMVFO4.js → KL4S3ITD.js} +1 -1
- package/dist/cdn/{SAFWC2B2.js → KTV65ZLA.js} +1 -1
- package/dist/cdn/{CANTAIUO.js → KW5HDNRL.js} +1 -1
- package/dist/cdn/{IDNYUGV7.js → KY5KZ3TP.js} +1 -1
- package/dist/cdn/{CBUU5MS7.js → LAW7YN32.js} +1 -1
- package/dist/cdn/{F4A3STIY.js → LG7XKQE5.js} +1 -1
- package/dist/cdn/{GMJ7FCAP.js → M7DSCHPP.js} +1 -1
- package/dist/cdn/{G2F5JXFM.js → MCHCHOX2.js} +1 -1
- package/dist/cdn/{7XLOUYSS.js → MIJMEBBT.js} +1 -1
- package/dist/cdn/{PBXHRV77.js → MV5VZTG4.js} +1 -1
- package/dist/cdn/{EN476NNW.js → MZEWBDY5.js} +1 -1
- package/dist/cdn/{6W7VQB7H.js → NA4WBXVV.js} +1 -1
- package/dist/cdn/{764QC2GM.js → NIKLMX5K.js} +1 -1
- package/dist/cdn/{5MEQ6Q65.js → NYER5O2A.js} +1 -1
- package/dist/cdn/{XEOXYGHO.js → ON35XWXF.js} +1 -1
- package/dist/cdn/{KTPDT3VV.js → ONY6IA3S.js} +1 -1
- package/dist/cdn/{FIWXPBLF.js → OOWXHCQX.js} +1 -1
- package/dist/cdn/{2T7M4UVG.js → OVPEWR26.js} +1 -1
- package/dist/cdn/{TTDL53YQ.js → P36DALSW.js} +1 -1
- package/dist/cdn/{E5OD5UHX.js → PHFOHCAR.js} +1 -1
- package/dist/cdn/{SEPJBOR3.js → PI3UGAL6.js} +1 -1
- package/dist/cdn/{YWDTYCNN.js → PRTNSPHR.js} +1 -1
- package/dist/cdn/{BQGV7SXK.js → PZ4KRU67.js} +1 -1
- package/dist/cdn/{6XMVUXZK.js → Q2HLWSB3.js} +1 -1
- package/dist/cdn/{JM7OCOM7.js → Q3V3YTJP.js} +1 -1
- package/dist/cdn/{5L33X362.js → Q53JZPXE.js} +1 -1
- package/dist/cdn/{BHNZZ5A2.js → QH7JGATU.js} +1 -1
- package/dist/cdn/{FGK37R2U.js → QWS3NTOY.js} +1 -1
- package/dist/cdn/{EPSVU2T6.js → QXBEVQ6N.js} +1 -1
- package/dist/cdn/{NEFKTDS2.js → RADU4FG4.js} +1 -1
- package/dist/cdn/{4DDCSOWT.js → RHZDPDYF.js} +1 -1
- package/dist/cdn/{WXP7LYSI.js → RIILA76Y.js} +1 -1
- package/dist/cdn/{IYMLGXRP.js → RJQT2IJV.js} +1 -1
- package/dist/cdn/{VSHT2COK.js → RKMSN5Z6.js} +1 -1
- package/dist/cdn/{GQCJWVK7.js → ROSOTUC6.js} +1 -1
- package/dist/cdn/{3KLCDXKC.js → RPZA26PT.js} +1 -1
- package/dist/cdn/{RG25CXTT.js → S45ARFE5.js} +1 -1
- package/dist/cdn/{FWXJWM2C.js → S56DZ7HX.js} +1 -1
- package/dist/cdn/{DGPIYPGB.js → S5LQF6KX.js} +1 -1
- package/dist/cdn/{YHXQ6DBC.js → SFVC7634.js} +1 -1
- package/dist/cdn/{QKSUD36E.js → SNG25NUL.js} +1 -1
- package/dist/cdn/{E7QIXU7Q.js → TBUV6LXL.js} +1 -1
- package/dist/cdn/{6C6E6KLQ.js → TNX6HV4E.js} +1 -1
- package/dist/cdn/{YSXSX5JU.js → TP6227SF.js} +1 -1
- package/dist/cdn/{IIO72HKT.js → TXHV24AS.js} +1 -1
- package/dist/cdn/{UTQM2Z2W.js → UPZOW3QC.js} +1 -1
- package/dist/cdn/{S73MJXT7.js → UTMNNT2G.js} +1 -1
- package/dist/cdn/{A5OJHB3S.js → V5B5TLVR.js} +1 -1
- package/dist/cdn/{GRAQQGZO.js → VDWZNBQ2.js} +1 -1
- package/dist/cdn/{WPYQZQ6H.js → VHVTQW5W.js} +1 -1
- package/dist/cdn/{XJOUCIWI.js → VKDNMFWC.js} +1 -1
- package/dist/cdn/{R7XGAXA6.js → VLAYRY7T.js} +1 -1
- package/dist/cdn/{LRACEZJK.js → VMNZNHPM.js} +1 -1
- package/dist/cdn/{5C2PN4CD.js → VSZ73WMA.js} +1 -1
- package/dist/cdn/{AKMMPJGD.js → VTWFALP4.js} +1 -1
- package/dist/cdn/{QM6AVQPC.js → WDALO54G.js} +1 -1
- package/dist/cdn/{FMLWSM3Z.js → WFZWGXCL.js} +1 -1
- package/dist/cdn/{DI6EO25X.js → WG4RAPSY.js} +1 -1
- package/dist/cdn/{BWSQ22PW.js → WHTHZOC4.js} +1 -1
- package/dist/cdn/{EONTLB6O.js → X4UTJBGS.js} +1 -1
- package/dist/cdn/{RU72N74T.js → X72CO2GR.js} +1 -1
- package/dist/cdn/{D7EWKPSC.js → XAMGXDQM.js} +1 -1
- package/dist/cdn/{2BVRWQR3.js → XPHFRVKY.js} +1 -1
- package/dist/cdn/{RLUQGWRT.js → XXUPRH2U.js} +1 -1
- package/dist/cdn/{DOWQYNBC.js → YRP2DNSL.js} +1 -1
- package/dist/cdn/{5TDYPE7P.js → YV7JYJCI.js} +1 -1
- package/dist/cdn/{2HKQKR7X.js → YYPRBJGS.js} +1 -1
- package/dist/cdn/{TAH2JR3S.js → Z6UTYXNI.js} +1 -1
- package/dist/cdn/{RG7VEYDD.js → ZBN4CXKG.js} +1 -1
- package/dist/cdn/{LNW7VEXD.js → ZCTSQDC2.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-avatar/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +1 -1
- package/dist/cdn/5VTL22PC.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as e}from"./ASXRP7XI.js";import{a as i}from"./
|
|
2
|
+
import{a as e}from"./ASXRP7XI.js";import{a as i}from"./OVPEWR26.js";import"./2IM7ZZ7U.js";import{a as s}from"./F54DLL4E.js";import"./VMHJHFFS.js";import"./I34PZLRU.js";import"./55ZSMEHY.js";import"./G4SOANDF.js";import{G as r,H as t,T as c,g as l,h as a}from"./RHZDPDYF.js";var u=l`:host([scale=s]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-md);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-lg);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=m]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-lg);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-md);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-base);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-lg)}:host([scale=l]){--calcite-internal-navigation-user-padding-inline: var(--calcite-space-xl);--calcite-internal-navigation-user-full-name-font-size: var(--calcite-font-size-relative-xl);--calcite-internal-navigation-user-username-font-size: var(--calcite-font-size-relative-lg);--calcite-internal-navigation-user-full-name-line-height: var(--calcite-space-2xl);--calcite-internal-navigation-user-username-line-height: var(--calcite-space-2xl)}:host{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md);display:inline-flex}:host .button{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);display:flex;margin:var(--calcite-space-none);align-items:center;justify-content:center;cursor:pointer;outline-color:var(--calcite-color-transparent);font-family:inherit;border:none;padding-inline:0;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{display:flex;flex-direction:column;text-align:start;margin-block-start:var(--calcite-space-base);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar{--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color);padding-inline:var(--calcite-internal-navigation-user-padding-inline)}calcite-avatar~.text-container{padding-inline-start:var(--calcite-space-none)}.full-name{margin-inline-start:var(--calcite-space-none);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1));font-size:var(--calcite-internal-navigation-user-full-name-font-size);padding-block-start:var(--calcite-space-2xs);line-height:var(--calcite-internal-navigation-user-full-name-line-height)}.standalone{padding-block-start:0}.username{font-size:var(--calcite-internal-navigation-user-username-font-size);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2));line-height:var(--calcite-internal-navigation-user-username-line-height)}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) )}:host(:focus) .button{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(...arguments),this.focusSetter=s()(this),this.active=!1,this.textDisabled=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],fullName:1,label:1,textDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=u}async setFocus(o){return this.focusSetter(()=>this.el,o)}render(){return a`<button .ariaLabel=${this.label} class=${t(e.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .scale=${this.scale} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&a`<div class=${t(e.textContainer)}>${this.fullName&&i(e.fullName,a`<span class=${t({[e.fullName]:!0,[e.standalone]:!this.username})}>${this.fullName}</span>`)||""}${this.username&&i(e.username,a`<span class=${t(e.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};c("calcite-navigation-user",n);export{n as NavigationUser};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as e}from"./XIERF7M3.js";import{d as u}from"./K4N2EM4F.js";import"./2IM7ZZ7U.js";import{z as g}from"./G4SOANDF.js";import{E as o,F as n,G as s,H as t,J as p,T as m,g as l,h as i,p as r}from"./
|
|
2
|
+
import{a as e}from"./XIERF7M3.js";import{d as u}from"./K4N2EM4F.js";import"./2IM7ZZ7U.js";import{z as g}from"./G4SOANDF.js";import{E as o,F as n,G as s,H as t,J as p,T as m,g as l,h as i,p as r}from"./RHZDPDYF.js";var d=l`.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-sm, var(--calcite-spacing-sm) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs) )}.scale--s .first-title{padding-block-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.scale--s .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-md, var(--calcite-spacing-md) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-xs, var(--calcite-spacing-xs) )}.scale--m .first-title{padding-block-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.scale--m .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-group-horizontal-spacing-unit: var( --calcite-theme-space-lg, var(--calcite-spacing-lg) );--calcite-internal-autocomplete-item-group-vertical-spacing-unit: var( --calcite-theme-space-sm-plus, var(--calcite-spacing-sm-plus) )}.scale--l .first-title{padding-block-start:var(--calcite-theme-space-xl, var(--calcite-spacing-xl))}.scale--l .separator{margin-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);margin-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host{margin:var(--calcite-space-none);display:flex;flex-direction:column}.container{display:flex;flex-direction:column;background-color:var(--calcite-autocomplete-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.container--no-spacing{padding-block-start:0}.separator{block-size:var(--calcite-theme-space-px, var(--calcite-spacing-px));background-color:var(--calcite-autocomplete-border-color, var(--calcite-color-border-3))}.heading{overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;inline-size:100%;min-inline-size:var(--calcite-space-none);max-inline-size:100%;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));padding-block:var(--calcite-internal-autocomplete-item-group-vertical-spacing-unit);padding-inline:var(--calcite-internal-autocomplete-item-group-horizontal-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}`,v="calcite-autocomplete-item",c=class extends s{constructor(){super(...arguments),this.defaultSlotRef=o(),this._items=[],this.disableSpacing=!1,this.position=0,this.scale="m",this.calciteInternalAutocompleteItemGroupItemsChange=r({cancelable:!1})}static{this.properties={disableSpacing:[5,{},{type:Boolean}],heading:1,label:1,position:[9,{},{type:Number}],scale:1,items:[32,{},{attribute:!1,readOnly:!0}]}}static{this.styles=d}get items(){return this._items}loaded(){this.updateItems()}handleDefaultSlotChange(){this.updateItems()}updateItems(){let a=this.defaultSlotRef.value?g(this.defaultSlotRef.value,v):Array.from(this.el.children).filter(u);this._items=a,this.calciteInternalAutocompleteItemGroupItemsChange.emit()}render(){let{scale:a}=this,h=this.position>0?i`<div class=${t(e.separator)} role=separator></div>`:null;return i`<div aria-label=${this.label??this.heading??p} class=${t({[e.container]:!0,[e.containerNoSpacing]:this.disableSpacing,[e.scale(a)]:!0})} role=group>${h}<div class=${t({[e.heading]:!0,[e.firstTitle]:this.position===0})}>${this.heading}</div><slot @slotchange=${this.handleDefaultSlotChange} ${n(this.defaultSlotRef)}></slot></div>`}};m("calcite-autocomplete-item-group",c);export{c as AutocompleteItemGroup};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a}from"./
|
|
2
|
+
import{a}from"./MZEWBDY5.js";import{c as v}from"./VSZ73WMA.js";import{a as u}from"./XN5GTOTE.js";import{a as g}from"./DGHV63ZL.js";import{a as m}from"./3H7BHSWS.js";import{a as p}from"./JN6YLTUP.js";import{a as b}from"./F54DLL4E.js";import"./VMHJHFFS.js";import"./I34PZLRU.js";import"./55ZSMEHY.js";import"./G4SOANDF.js";import{E as n,F as o,G as d,H as t,T as h,g as l,h as s,p as r}from"./RHZDPDYF.js";var i={container:"container",track:"track",handle:"handle"},f=l`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:.75rem}:host([scale=s]) .track{block-size:.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:.5rem;inline-size:.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:.75rem;inline-size:.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline:none;display:flex}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;vertical-align:top;outline-color:transparent;border-radius:var(--calcite-switch-corner-radius, 9999px);border-color:var(--calcite-switch-border-color);background-color:var(--calcite-switch-background-color, var(--calcite-color-border-input))}.container:focus .track{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-theme-space-base, var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container:hover .track{background-color:var(--calcite-switch-background-color-hover, var(--calcite-color-text-3))}.handle{pointer-events:none;position:absolute;display:block;transition-property:all;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);inset-block-start:var(--calcite-theme-space-base, var(--calcite-spacing-base));inset-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base)) auto;background-color:var(--calcite-switch-handle-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-switch-handle-border-color);border-radius:var(--calcite-switch-corner-radius, 9999px);box-shadow:var(--calcite-switch-handle-shadow)}:host([checked]) .track{background-color:var(--calcite-switch-background-color, var(--calcite-color-brand))}:host([checked]) .handle{inset-inline:auto var(--calcite-theme-space-base, var(--calcite-spacing-base))}:host([checked]):host(:hover:not([disabled])) .track{background-color:var(--calcite-switch-background-color-hover, var(--calcite-color-brand-hover))}@media(forced-colors:active){.container:focus-visible{outline:2px solid transparent;outline-offset:2px}.track,.handle{outline:2px solid transparent;outline-offset:2px}:host([checked]) .track{background-color:canvasText}:host([checked]) .handle{outline:none}:host([checked]):host(:hover:not([disabled])) .track{background-color:canvasText}}.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-theme-space-base, 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-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, 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-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, 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-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends d{constructor(){super(),this.formSupport=v({inputType:"checkbox"})(this),this.switchRef=n(),this.focusSetter=b()(this),this.interactiveContainer=m(this),this.checked=!1,this.disabled=!1,this.required=!1,this.scale="m",this.calciteSwitchChange=r({cancelable:!1}),g(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={checked:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],label:1,labelTextEnd:1,labelTextStart:1,name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=f}async setFocus(e){return this.focusSetter(()=>this.switchRef.value,e)}keyDownHandler(e){!this.disabled&&p(e.key)&&(this.toggle(),e.preventDefault())}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit()}clickHandler(){this.disabled||this.toggle()}render(){return this.interactiveContainer({disabled:this.disabled,children:s`<div .ariaChecked=${this.checked} .ariaLabel=${u(this)} class=${t(i.container)} role=switch tabindex=0 ${o(this.switchRef)}>${this.labelTextStart&&a({alignmentCenter:!0,bottomSpacingDisabled:!0,labelText:this.labelTextStart,spacingInlineEnd:!0})||""}<div class=${t(i.track)}><div class=${t(i.handle)}></div></div>${this.labelTextEnd&&a({alignmentCenter:!0,bottomSpacingDisabled:!0,labelText:this.labelTextEnd,spacingInlineStart:!0})||""}</div>`})}};h("calcite-switch",c);export{c as Switch};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{r as e}from"./G4SOANDF.js";import{G as o,H as a,K as n,L as l,T as r,g as s,h as i}from"./
|
|
2
|
+
import{r as e}from"./G4SOANDF.js";import{G as o,H as a,K as n,L as l,T as r,g as s,h as i}from"./RHZDPDYF.js";var h={inputMessageIcon:"calcite-input-message-icon"},u={valid:"check-circle",invalid:"exclamation-mark-triangle",idle:"information"},d=s`:host{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;box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;margin-block-start:var(--calcite-input-message-spacing, var(--calcite-input-message-spacing-value, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))))}.calcite-input-message-icon{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;pointer-events:none;display:inline-flex;flex-shrink:0;margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-status-danger))))}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-status-success))))}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-input-message-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-brand))))}:host([scale=s]){font-size:var(--calcite-font-size-relative-xs);line-height:var(--calcite-font-line-height-xs)}:host([scale=m]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=l]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends o{constructor(){super(...arguments),this.iconFlipRtl=!1,this.scale="m",this.status="idle"}static{this.properties={icon:[3,{converter:l},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}]}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.requestedIcon=e(u,this.icon,this.status)}willUpdate(t){(t.has("status")&&(this.hasUpdated||this.status!=="idle")||t.has("icon"))&&(this.requestedIcon=e(u,this.icon,this.status))}render(){let t=this.el.hidden;return n(this.el,"calcite-hydrated-hidden",t),i`${this.renderIcon(this.requestedIcon)}<slot></slot>`}renderIcon(t){return t&&i`<calcite-icon class=${a(h.inputMessageIcon)} .flipRtl=${this.iconFlipRtl} .icon=${t} scale=s></calcite-icon>`}};r("calcite-input-message",c);export{c as InputMessage};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{b as i}from"./
|
|
2
|
+
import{b as i}from"./I34PZLRU.js";var d=e=>i((t,n)=>{let a=!1;n.onConnected(()=>{a&&o(!0)});async function o(s){await t.componentOnReady();let r=typeof e.target=="function"?e.target():e.target.value;if(!r||!r.hasAttribute("popover"))return;if(e.disabledOverride?.()||"topLayerDisabled"in t&&t.topLayerDisabled===!0||!s){a=!1,r.hidePopover();return}a=!0,r.showPopover()}return{show:async()=>{await o(!0)},hide:async()=>{await o(!1)}}});export{d as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as c,b as k,c as l}from"./C75XSIWC.js";import{a as b}from"./S3UD452M.js";import{a as u}from"./FGK37R2U.js";import{a as f}from"./JN6YLTUP.js";import"./2IM7ZZ7U.js";import{a as g}from"./TFUMR4AQ.js";import{a as s}from"./VMHJHFFS.js";import"./3DJEP5B5.js";import"./IUJAFKLP.js";import{o as m,x}from"./G4SOANDF.js";import{E as n,F as r,G as d,H as a,T as v,g as h,h as t,p as i}from"./4DDCSOWT.js";var C=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) )}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-none, var(--calcite-spacing-none))}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-image-size: var(--calcite-theme-space-xl, var(--calcite-spacing-xl, 1.25rem)) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));padding-inline-start:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0));padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=u({blocking:!0}),this.focusSetter=g()(this),this.interactiveContainer=b(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=i({cancelable:!1}),this.calciteChipSelect=i({cancelable:!1}),this.calciteInternalChipSelect=i({cancelable:!1}),this.calciteInternalSyncSelectedChips=i({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&m(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=x(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${a(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${a({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${a(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${a(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${a({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${a(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
|
|
2
|
+
import{a as c,b as k,c as l}from"./C75XSIWC.js";import{a as b}from"./3H7BHSWS.js";import{a as u}from"./QWS3NTOY.js";import{a as f}from"./JN6YLTUP.js";import"./2IM7ZZ7U.js";import{a as g}from"./F54DLL4E.js";import{a as s}from"./VMHJHFFS.js";import"./I34PZLRU.js";import"./55ZSMEHY.js";import{o as m,x}from"./G4SOANDF.js";import{E as n,F as r,G as d,H as a,T as v,g as h,h as t,p as i}from"./RHZDPDYF.js";var C=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-flex;cursor:default;border-radius:var(--calcite-chip-corner-radius, 9999px)}:host([closed]){display:none}:host([appearance=outline]) .container,:host([appearance=outline-fill]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-hover-border-color: var(--calcite-chip-border-color, var(--calcite-color-brand));--calcite-internal-chip-selectable-active-border-color: var( --calcite-chip-border-color, var(--calcite-color-brand) )}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-inverse))}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-border-color: var(--calcite-chip-border-color, var(--calcite-color-border-1))}:host([appearance=outline]){--calcite-internal-chip-background-color: transparent}:host([appearance=outline-fill]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)) )}:host([appearance=solid]){--calcite-internal-chip-border-color: transparent;--calcite-internal-chip-selectable-hover-border-color: transparent;--calcite-internal-chip-selectable-active-border-color: transparent}:host([appearance=solid]):host([kind=brand]),:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-close-background-color-hover: var(--calcite-color-transparent-inverse-hover);--calcite-internal-chip-close-background-color-press: var(--calcite-color-transparent-inverse-press);--calcite-internal-chip-close-icon-color: var(--calcite-color-text-inverse);--calcite-internal-chip-close-icon-color-hover: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]) .container,:host([appearance=solid]):host([kind=inverse]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-inverse))}:host([appearance=solid]):host([kind=brand]) .close,:host([appearance=solid]):host([kind=inverse]) .close{--calcite-color-focus: var(--calcite-color-text-inverse)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-brand))}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-background-color: var(--calcite-chip-background-color, var(--calcite-color-inverse))}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-background-color: var( --calcite-chip-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}:host([kind=neutral]) .container{color:var(--calcite-chip-text-color, var(--calcite-color-text-1))}:host([selected]) .select-icon{opacity:1}:host([appearance=solid]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-border-2)}:host([appearance=solid]):host([kind=inverse]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-inverse-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-inverse-press)}:host([appearance=solid]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-brand-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline-fill]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var( --calcite-theme-color-surface-3, var(--calcite-color-foreground-2) );--calcite-internal-chip-selectable-active-background-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) )}:host([appearance=outline]):host([kind=neutral]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-hover-border-color: var(--calcite-color-border-input);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press);--calcite-internal-chip-selectable-active-border-color: var(--calcite-color-text-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline]):host([kind=brand]){--calcite-internal-chip-selectable-hover-background-color: var(--calcite-color-transparent-hover);--calcite-internal-chip-selectable-active-background-color: var(--calcite-color-transparent-press)}:host([scale=s]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-none, var(--calcite-spacing-none))}:host([scale=s]) .container{--calcite-internal-chip-block-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--2);--calcite-internal-chip-icon-size: var(--calcite-size-xs, 1rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-image-size: var(--calcite-theme-space-xl, var(--calcite-spacing-xl, 1.25rem)) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-close-size: var(--calcite-size-xs, 1rem) }:host([scale=s]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.image--slotted:has(.chip-icon),:host([scale=s]) .container.image--slotted.text--slotted,:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.image--slotted:not(.text--slotted,:has(.chip-icon)),:host([scale=s]) .container.image--slotted:not(.selectable){--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=s]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=s]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=s]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=s]) .container.multiple:not(.is-circle).image--slotted:not(.text--slotted){--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]) .container{--calcite-internal-chip-block-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-font-size: var(--calcite-font-size--1);--calcite-internal-chip-icon-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-icon-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-image-size: var(--calcite-size-sm, 1.5rem) ;--calcite-internal-chip-title-space: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-close-size: var(--calcite-size-sm, 1.5rem) }:host([scale=m]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-container-space-x-start: var(--calcite-theme-space-px, var(--calcite-spacing-px))}:host([scale=m]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.image--slotted:has(.chip-icon),:host([scale=m]) .container.image--slotted.text--slotted,:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }:host([scale=m]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-px, var(--calcite-spacing-px));--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=m]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=m]) .container.multiple:not(.is-circle){--calcite-internal-chip-select-space-x-end: .125rem ;--calcite-internal-chip-select-space-x-start: .125rem }:host([scale=m]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .5rem ;--calcite-internal-chip-select-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=m]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]){--calcite-internal-chip-close-padding: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]) .container{--calcite-internal-chip-block-size: 2.75rem ;--calcite-internal-chip-container-space-x-end: .5rem ;--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-font-size: var(--calcite-font-size-0);--calcite-internal-chip-icon-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-icon-space: .5rem ;--calcite-internal-chip-image-size: var(--calcite-size-md, 2rem) ;--calcite-internal-chip-title-space: .5rem ;--calcite-internal-close-size: var(--calcite-size-md, 2rem) }:host([scale=l]) .container:not(.closable).is-circle{--calcite-internal-chip-container-space-x-end: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) ;--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem) ) }:host([scale=l]) .container.image--slotted:not(.is-circle){--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.image--slotted:has(.chip-icon),:host([scale=l]) .container.image--slotted.text--slotted,:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-image-space-x-end: .5rem }:host([scale=l]) .container.selectable.single:not(.is-circle).image--slotted{--calcite-internal-chip-container-space-x-start: var( --calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem) ) }:host([scale=l]) .container.selectable.single:not(.is-circle).selected{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}:host([scale=l]) .container.selectable.single:not(.is-circle).selected.image--slotted{--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) ;--calcite-internal-chip-select-space-x-start: .5rem }:host([scale=l]) .container.multiple:not(.is-circle){--calcite-internal-chip-container-space-x-start: .5rem ;--calcite-internal-chip-select-space-x-end: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) ;--calcite-internal-chip-select-space-x-start: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs, .25rem)) }:host([scale=l]) .container.multiple:not(.is-circle).image--slotted{--calcite-internal-chip-select-space-x-end: .75rem }:host([scale=l]) .container.closable:not(.is-circle){--calcite-internal-chip-container-space-x-end: var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)) }.container{display:inline-flex;max-inline-size:100%;align-items:center;outline-color:transparent;justify-content:center;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-internal-chip-background-color);border-color:var(--calcite-internal-chip-border-color);border-radius:var(--calcite-chip-corner-radius, var(--calcite-corner-radius-pill));border-width:var(--calcite-border-width-sm);border-style:solid;font-size:var(--calcite-internal-chip-font-size, var(--calcite-font-size));padding-inline-start:var(--calcite-internal-chip-container-space-x-start);padding-inline-end:var(--calcite-internal-chip-container-space-x-end);block-size:var(--calcite-internal-chip-block-size, auto);inline-size:var(--calcite-internal-chip-inline-size, auto);min-inline-size:var(--calcite-internal-chip-block-size, auto)}.container:hover .select-icon--active{opacity:var(--calcite-opacity-full, 1)}.container.selectable{cursor:pointer}.container.selectable:hover{background-color:var(--calcite-internal-chip-selectable-hover-background-color);border-color:var(--calcite-internal-chip-selectable-hover-border-color)}.container.selectable:active{background-color:var(--calcite-internal-chip-selectable-active-background-color);border-color:var(--calcite-internal-chip-selectable-active-border-color)}.container:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:not(.text--slotted) .title,.container:not(.image--slotted) .image-container{display:none}.container.is-circle .chip-icon,.container.is-circle .image-container{padding:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0))}.title{padding-inline:var(--calcite-internal-chip-title-space)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none;block-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-image-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));padding-inline-start:var(--calcite-theme-space-none, var(--calcite-spacing-none, 0));padding-inline-end:var(--calcite-internal-chip-image-space-x-end, 0)}.chip-icon{position:relative;margin-block:0;display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-chip-icon-color, var(--calcite-chip-text-color, var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))));padding-inline:var(--calcite-internal-chip-icon-space, var(--calcite-theme-space-xs, var(--calcite-spacing-xs, .375rem)))}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:absolute;visibility:hidden;inline-size:auto;opacity:0;transition:opacity .15s ease-in-out,inline-size .15s ease-in-out;color:var(--calcite-chip-select-icon-color, currentColor)}.select-icon.select-icon--active{position:relative;visibility:visible;opacity:var(--calcite-opacity-half, .5);color:var(--calcite-chip-select-icon-color-press, var(--calcite-chip-select-icon-color-pressed, var(--calcite-chip-select-icon-color, currentColor)))}.multiple .select-icon{display:flex;justify-content:center;align-items:center}.multiple .select-icon,.single .select-icon--active{padding-inline-start:var(--calcite-internal-chip-select-space-x-start);padding-inline-end:var(--calcite-internal-chip-select-space-x-end);block-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)));inline-size:var(--calcite-internal-chip-icon-size, var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl, 1.5rem)))}.close{--calcite-action-background-color-hover: var(--calcite-internal-chip-close-background-color-hover);--calcite-action-background-color-press: var(--calcite-internal-chip-close-background-color-press);--calcite-action-corner-radius: var(--calcite-corner-radius-pill);--calcite-action-text-color: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color)) );--calcite-action-text-color-press: var( --calcite-chip-close-icon-color, var(--calcite-close-icon-color, var(--calcite-internal-chip-close-icon-color-hover)) );--calcite-icon-color: var(--calcite-action-text-color);--calcite-internal-action-min-height: unset;--calcite-internal-action-spacing: var(--calcite-internal-chip-close-padding)}slot[name=image]::slotted(*){border-radius:50%;display:flex;block-size:100%;inline-size:100%;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.closeButtonRef=n(),this.containerRef=n(),this.messages=u({blocking:!0}),this.focusSetter=g()(this),this.interactiveContainer=b(this),this.hasImage=!1,this.hasText=!1,this.appearance="solid",this.closable=!1,this.closed=!1,this.closeOnDelete=!1,this.disabled=!1,this.iconFlipRtl=!1,this.interactive=!1,this.kind="neutral",this.scale="m",this.selected=!1,this.selectionMode="none",this.calciteChipClose=i({cancelable:!1}),this.calciteChipSelect=i({cancelable:!1}),this.calciteInternalChipSelect=i({cancelable:!1}),this.calciteInternalSyncSelectedChips=i({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listen("click",this.clickHandler)}static{this.properties={hasImage:[16,{},{state:!0}],hasText:[16,{},{state:!0}],appearance:[3,{},{reflect:!0}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],closeOnDelete:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],interactive:[5,{},{type:Boolean}],kind:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],parentChipGroup:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,value:1}}static{this.styles=C}async setFocus(e){return this.focusSetter(()=>{if(this.interactive)return this.containerRef.value;if(this.closable)return this.closeButtonRef.value},e)}async load(){this.updateHasText()}willUpdate(e){e.has("selected")&&this.hasUpdated&&this.watchSelected(this.selected)}loaded(){this.selectionMode!=="none"&&this.interactive&&this.selected&&this.handleSelectionPropertyChange(this.selected)}watchSelected(e){this.selectionMode!=="none"&&this.handleSelectionPropertyChange(e)}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.handleEmittingEvent(),e.preventDefault();break;case"Backspace":case"Delete":this.closable&&!this.closed&&this.closeOnDelete&&(e.preventDefault(),this.close());break}}clickHandler(){!this.interactive&&this.closable&&m(this.closeButtonRef.value)}handleDefaultSlotChange(){this.updateHasText()}close(){this.calciteChipClose.emit(),this.selected=!1,this.closed=!0}closeButtonKeyDownHandler(e){f(e.key)&&(e.preventDefault(),this.close())}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSlotImageChange(e){this.hasImage=x(e)}handleEmittingEvent(){this.interactive&&this.calciteChipSelect.emit()}handleSelectionPropertyChange(e){this.selectionMode==="single"&&this.calciteInternalSyncSelectedChips.emit(),!this.parentChipGroup?.selectedItems.includes(this.el)&&e&&this.selectionMode!=="multiple"&&this.calciteInternalChipSelect.emit(),this.selectionMode!=="single"&&this.calciteInternalSyncSelectedChips.emit()}renderChipImage(){return t`<div class=${a(c.imageContainer)}><slot name=${k.image} @slotchange=${this.handleSlotImageChange}></slot></div>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"?this.selected?l.checkedMultiple:l.uncheckedMultiple:this.selected?l.checkedSingle:void 0;return t`<div class=${a({[c.selectIcon]:!0,[c.selectIconActive]:this.selectionMode==="multiple"||this.selected})}>${e?t`<calcite-icon .icon=${e} .scale=${s(this.scale)}></calcite-icon>`:null}</div>`}renderCloseButton(){return t`<calcite-action class=${a(c.close)} .icon=${l.close} @click=${this.close} @keydown=${this.closeButtonKeyDownHandler} .scale=${this.scale} .text=${this.messages.dismissLabel} ${r(this.closeButtonRef)}></calcite-action>`}renderIcon(){return t`<calcite-icon class=${a(c.chipIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.icon} .scale=${s(this.scale)}></calcite-icon>`}render(){let{disabled:e}=this,p=e||!e&&!this.interactive,y=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":this.closable?void 0:"img";return this.interactiveContainer({disabled:e,children:t`<div .ariaChecked=${this.selectionMode!=="none"&&this.interactive?this.selected:void 0} .ariaLabel=${this.label} class=${a({[c.container]:!0,[c.textSlotted]:this.hasText,[c.imageSlotted]:this.hasImage,[c.selectable]:this.selectionMode!=="none",[c.multiple]:this.selectionMode==="multiple",[c.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[c.selected]:this.selected,[c.closable]:this.closable,[c.nonInteractive]:!this.interactive,[c.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)})} @click=${this.handleEmittingEvent} .role=${y} .tabIndex=${p?-1:0} ${r(this.containerRef)}>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}${this.renderChipImage()}${this.icon&&this.renderIcon()||""}<span class=${a(c.title)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></span>${this.closable&&this.renderCloseButton()||""}</div>`})}};v("calcite-chip",o);export{o as Chip};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as D}from"./
|
|
2
|
+
import{a as D}from"./2TIS2MT6.js";import{a as S}from"./3H7BHSWS.js";import"./5K4OZJAZ.js";import{a as d}from"./OVPEWR26.js";import{a as T}from"./QWS3NTOY.js";import{a as I}from"./F54DLL4E.js";import"./VMHJHFFS.js";import"./I34PZLRU.js";import"./55ZSMEHY.js";import"./G4SOANDF.js";import{F as g,G as $,H as h,T as w,g as f,h as r,l as n,p as i}from"./RHZDPDYF.js";var v={handle:"handle",dropdown:"dropdown"},y={drag:"drag",blank:"blank"},p={label:"{label}",position:"{position}",total:"{total}"},R=["top","up","down","bottom"],O={trigger:"trigger"},m={add:"add",move:"move",reorder:"reorder"},A=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends ${constructor(){super(...arguments),this.focusSetter=I()(this),this.interactiveContainer=S(this),this.disabled=!1,this.messages=T({blocking:!0}),this.addToItems=[],this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.sortDisabled=!1,this.topLayerDisabled=!1,this.calciteSortHandleAdd=i({cancelable:!0}),this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!0}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!0})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortDisabled:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}]}}static{this.styles=A}get hasSetInfo(){return typeof this.setPosition=="number"&&typeof this.setSize=="number"}get hasValidSetInfo(){return this.hasSetInfo?this.setPosition>0&&this.setPosition<=this.setSize&&this.setSize>0:!0}get hasReorderItems(){return!this.sortDisabled&&this.hasValidSetInfo}get hasMoveToItems(){return this.moveToItems.length>0}get hasAddToItems(){return this.addToItems.length>0}get reorderGroupTitle(){return this.hasMoveToItems||this.hasAddToItems?this.messages.reorder:""}get hasNoItems(){return!this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems}get hasAllReorderItemsDisabled(){return this.hasReorderItems&&this.isTopReorderDisabled&&this.isUpReorderDisabled&&this.isDownReorderDisabled&&this.isBottomReorderDisabled}get hasOnlyDisabledReorderItems(){return this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems&&this.hasAllReorderItemsDisabled}get isTopReorderDisabled(){let{setPosition:e}=this;return e===1||e===2}get isUpReorderDisabled(){return this.setPosition===1}get isDownReorderDisabled(){return this.hasSetInfo&&this.setPosition===this.setSize}get isBottomReorderDisabled(){let{setPosition:e,setSize:t}=this;return this.hasSetInfo&&(e===t||e===t-1)}async setFocus(e){return this.focusSetter(()=>this.dropdownEl,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:s,setSize:o,hasSetInfo:a}=this;if(!a)return e??"";let l=e?t.repositionLabel.replace(p.label,e):t.reposition;return l=l.replace(p.position,s?s.toString():""),l.replace(p.total,o?o.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,s=this.moveToItems.find(o=>o.id===t);this.calciteSortHandleMove.emit({moveTo:s})}handleAddTo(e){let t=e.target.dataset.id,s=this.addToItems.find(o=>o.id===t);this.calciteSortHandleAdd.emit({addTo:s})}render(){let{disabled:e,flipPlacements:t,hasOnlyDisabledReorderItems:s,open:o,overlayPositioning:a,placement:l,scale:b,widthScale:B,hasNoItems:P}=this,c=this.getLabel(),H=e||P||s;return this.interactiveContainer({disabled:e,children:r`<calcite-dropdown class=${h(v.dropdown)} .disabled=${H} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${a} .placement=${l} .scale=${b} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${B} ${g(this.setDropdownEl)}><calcite-action .active=${o} .aria=${{expanded:o}} class=${h(v.handle)} .dragHandle=${!0} .icon=${e?y.blank:y.drag} .label=${c} .scale=${b} slot=${O.trigger} .text=${c} title=${c??n}></calcite-action>${this.renderReorderGroup()}${this.renderMoveToGroup()}${this.renderAddToGroup()}</calcite-dropdown>`})}renderAddToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleAddTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderReorderGroup(){return this.hasReorderItems?d("reorder",r`<calcite-dropdown-group .groupTitle=${this.reorderGroupTitle} id=${m.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`):null}renderAddToGroup(){let{messages:e,addToItems:t,scale:s,hasAddToItems:o}=this;return o?d("add-to-items",r`<calcite-dropdown-group .groupTitle=${e.addTo} id=${m.add} .scale=${s} selection-mode=none>${t.map(a=>this.renderAddToItem(a))}</calcite-dropdown-group>`):null}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:s,hasMoveToItems:o}=this;return o?d("move-to-items",r`<calcite-dropdown-group .groupTitle=${e.moveTo} id=${m.move} .scale=${s} selection-mode=none>${t.map(a=>this.renderMoveToItem(a))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t,s=!1){return d(R[e],r`<calcite-dropdown-item data-value=${R[e]??n} .disabled=${s} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){return this.renderDropdownItem(0,this.messages.moveToTop,this.isTopReorderDisabled)}renderUp(){return this.renderDropdownItem(1,this.messages.moveUp,this.isUpReorderDisabled)}renderDown(){return this.renderDropdownItem(2,this.messages.moveDown,this.isDownReorderDisabled)}renderBottom(){return this.renderDropdownItem(3,this.messages.moveToBottom,this.isBottomReorderDisabled)}};w("calcite-sort-handle",u);export{u as SortHandle};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as z,e as w,f as I}from"./HKXJXU7S.js";import"./TIIRIEHJ.js";import{a as n}from"./
|
|
2
|
+
import{a as z,e as w,f as I}from"./HKXJXU7S.js";import"./TIIRIEHJ.js";import{a as n}from"./OOWXHCQX.js";import{a as S}from"./3H7BHSWS.js";import{a as y}from"./CASNTUXN.js";import{a as l}from"./OVPEWR26.js";import{a as h}from"./VMHJHFFS.js";import"./I34PZLRU.js";import"./55ZSMEHY.js";import{t as k}from"./G4SOANDF.js";import{G as x,H as i,I as C,T as $,g as f,h as c,l as v,p as d}from"./RHZDPDYF.js";var t={active:"label--active",centerContent:"center-content",container:"container",iconCustom:"icon--custom",description:"description",icon:"icon",label:"label",containerHighlightSelected:"container--highlight-selected",scale:b=>`scale--${b}`,shortText:"short-text",single:"label--single",textContainer:"text-container",heading:"heading"},o={checked:"check-square-f",circle:"circle",indeterminate:"minus-square-f",selectedSingle:"circle-inset-large",unchecked:"square"},H={contentEnd:"content-end",contentStart:"content-start"},E="--calcite-combobox-item-spacing-indent-multiplier",L=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-combobox-item-spacing-unit-s: .25rem;--calcite-internal-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-combobox-item-spacing-unit-s: .375rem;--calcite-internal-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-combobox-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-internal-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){box-shadow:var(--calcite-shadow-none)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.label{overflow-wrap:break-word;word-break:break-word;outline-color:transparent;position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;text-decoration-line:none;transition-timing-function:var(--calcite-animation-easing-function);justify-content:space-around;gap:var(--calcite-internal-combobox-item-spacing-unit-l);padding-block:var(--calcite-internal-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-internal-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-text-color, var(--calcite-color-text-3));transition-duration:var(--calcite-animation-timing)}:host([disabled]) .label{cursor:default}.label--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.label:hover{background-color:var(--calcite-combobox-item-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}.label:active{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([selected]) .label,.label:active{color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}:host([selected]) .label .description,:host([selected]) .label .short-text,.label:active .description,.label:active .short-text{color:var(--calcite-combobox-description-text-color-press, var(--calcite-color-text-2))}.icon{display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-color-border-input)}:host([selected]) .icon,:host([indeterminate]) .icon{color:var(--calcite-combobox-selected-icon-color, var(--calcite-color-brand))}.icon--custom{margin-block-start:-1px}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}.short-text{white-space:nowrap}.heading{color:var(--calcite-combobox-heading-text-color, var(--calcite-color-text-1))}.description,.short-text{color:var(--calcite-combobox-description-text-color, var(--calcite-color-text-3))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}.heading,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.container--highlight-selected,.container--highlight-selected:hover,.container--highlight-selected:active{background-color:var(--calcite-color-surface-highlight)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,m=class extends x{constructor(){super(...arguments),this._selected=!1,this.interactiveContainer=S(this),this.hasContent=!1,this.active=!1,this.disabled=!1,this.filterDisabled=!1,this.guid=y(),this.iconFlipRtl=!1,this.scale="m",this.selectionMode="multiple",this.selectionAppearance="icon",this.itemHidden=!1,this.indeterminate=!1,this.calciteComboboxItemChange=d({cancelable:!1}),this.calciteInternalComboboxItemChange=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],filterDisabled:[7,{},{reflect:!0,type:Boolean}],filterTextMatchPattern:[3,{},{reflect:!0}],guid:[3,{},{reflect:!0}],heading:1,icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,metadata:[0,{},{attribute:!1}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],shortHeading:1,value:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=L}get selected(){return this._selected}set selected(e){let a=this._selected;e!==a&&(this._selected=e,this.emitItemChange())}get value(){return this._value??this.heading}set value(e){this._value=e??this.heading}toggleSelection(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}connectedCallback(){super.connectedCallback(),this.ancestors=z(this.el)}willUpdate(e){this.hasUpdated&&(e.has("disabled")||e.has("heading")||e.has("label"))&&this.emitItemChange()}emitItemChange(){this.calciteInternalComboboxItemChange.emit()}handleDefaultSlotChange(e){this.hasContent=k(e)}itemClickHandler(){this.toggleSelection()}renderIcon(e){return this.icon?l("icon",c`<calcite-icon class=${i({[t.iconCustom]:!!this.icon})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${h(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return this.selectionAppearance==="highlight"?null:l("indicator",c`<calcite-icon class=${i({[t.icon]:!0})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${h(this.scale)}></calcite-icon>`)}renderChildren(){return l("default-slot-container",c`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:a,label:M,value:u,filterTextMatchPattern:s,description:g,shortHeading:p}=this,r=I(this.selectionMode),B=e||r?void 0:o.checked,T=r?this.selected?o.selectedSingle:o.circle:this.indeterminate?o.indeterminate:this.selected?o.checked:o.unchecked,R=M||u||a,_=a||u,A={[t.label]:!0,[t.active]:this.active,[t.single]:r,[t.containerHighlightSelected]:this.selected&&this.selectionAppearance==="highlight"},D=w(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=R,this.interactiveContainer({disabled:e,children:c`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${C({[E]:`${D}`})}><li class=${i(A)} id=${this.guid??v} @click=${this.itemClickHandler}>${this.renderSelectIndicator(T)}<slot name=${H.contentStart}></slot>${this.renderIcon(B)}<div class=${i(t.centerContent)}><div class=${i(t.heading)}>${n({text:_,pattern:s})}</div>${g?c`<div class=${i(t.description)}>${n({text:g,pattern:s})}</div>`:null}</div>${p?c`<div class=${i(t.shortText)}>${n({text:p,pattern:s})}</div>`:null}<slot name=${H.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};$("calcite-combobox-item",m);export{m as ComboboxItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{H as e,h as t,l as i}from"./
|
|
2
|
+
import{H as e,h as t,l as i}from"./RHZDPDYF.js";var n={alignmentCenter:"internal-label-alignment--center",alignmentEnd:"internal-label-alignment--end",container:"internal-label--container",requiredIndicator:"internal-label-required--indicator",spacingBottom:"internal-label-spacing--bottom",spacingInlineEnd:"internal-label-spacing-inline--end",spacingInlineStart:"internal-label-spacing-inline--start",text:"internal-label--text"},b=({alignmentCenter:a,bottomSpacingDisabled:l,labelText:r,onClick:s,required:c,spacingInlineEnd:o,spacingInlineStart:d,tooltipText:g})=>t`<div class=${e({[n.alignmentCenter]:a,[n.alignmentEnd]:!a,[n.container]:!0,[n.spacingBottom]:!l,[n.spacingInlineEnd]:o,[n.spacingInlineStart]:d})} @click=${s}><div class=${e(n.text)}>${r}${c&&t`<span aria-hidden=true class=${e(n.requiredIndicator)} title=${g??i}>*</span>`||""}</div><slot name=label-content></slot></div>`;export{b as a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as e,b as a}from"./ODU6JYNH.js";import{a as w}from"./
|
|
2
|
+
import{a as e,b as a}from"./ODU6JYNH.js";import{a as w}from"./AF5N73PK.js";import{a as g}from"./QWS3NTOY.js";import"./2IM7ZZ7U.js";import{a as v}from"./F54DLL4E.js";import{a as f}from"./VMHJHFFS.js";import"./I34PZLRU.js";import"./55ZSMEHY.js";import"./G4SOANDF.js";import{E as h,F as u,G as b,H as c,M as m,T as p,g as d,h as o,l as r}from"./RHZDPDYF.js";var R=d`:host{display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}th{text-align:start;font-weight:var(--calcite-font-weight-medium);vertical-align:top;white-space:normal;border-block-end:var(--calcite-border-width-sm) solid var(--calcite-table-header-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)));padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-table-header-background-color, var(--calcite-table-header-background, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2))));font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-table-cell-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}th:not(.body-row):not(.footer-row){border-block-end-width:var(--calcite-internal-table-header-border-block-end-width, var(--calcite-border-width-sm));box-shadow:var(--calcite-internal-table-sticky-header-border-shadow, 0 0 0 0 transparent)}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-table-header-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-table-selection-cell-icon-color, var(--calcite-color-text-3));background-color:var(--calcite-table-selection-cell-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.cell--multiple-selection.selected-cell{background-color:var(--calcite-table-selection-cell-background-color-selected, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.cell--multiple-selection:not(.end){vertical-align:middle}.number-cell{background-color:var(--calcite-table-number-cell-background-color, var(--calcite-table-cell-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2))))}.number-cell,.selection-cell{inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-table-selection-cell-icon-color-selected, var(--calcite-color-brand))}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-table-header-heading-text-color, var(--calcite-color-text-1))}.description{color:var(--calcite-table-header-description-text-color, var(--calcite-color-text-3));font-size:var(--calcite-internal-table-cell-font-size-secondary)}`,i=class extends b{constructor(){super(...arguments),this.containerRef=h(),this.messages=g({blocking:!0}),this.focusSetter=v()(this),this.focused=!1,this.screenReaderText="",this.alignment="start",this.interactionMode="interactive",this.lastCell=!1,this.numberCell=!1,this.parentRowAlignment="start",this.parentRowIsSelected=!1,this.selectionCell=!1}static{this.properties={focused:[16,{},{state:!0}],screenReaderText:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],bodyRowCount:[9,{},{type:Number}],colSpan:[11,{},{reflect:!0,type:Number}],description:[3,{},{reflect:!0}],heading:[3,{},{reflect:!0}],interactionMode:1,lastCell:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberCell:[5,{},{type:Boolean}],parentRowAlignment:1,parentRowIsSelected:[5,{},{type:Boolean}],parentRowType:1,positionInRow:[9,{},{type:Number}],rowSpan:[11,{},{reflect:!0,type:Number}],scale:1,selectedRowCount:[9,{},{type:Number}],selectedRowCountLocalized:1,selectionCell:[5,{},{type:Boolean}],selectionMode:1}}static{this.styles=[R,w]}async setFocus(t){return this.focusSetter(()=>this.containerRef.value,t)}async load(){this.updateScreenReaderText()}willUpdate(t){(t.has("selectedRowCount")||t.has("selectedRowCountLocalized"))&&this.updateScreenReaderText()}updateScreenReaderText(){let t="",l=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;this.numberCell?t=this.messages?.rowNumber:this.selectionMode==="single"?t=`${this.messages?.selectionColumn}. ${l}`:this.bodyRowCount===this.selectedRowCount?t=`${this.messages?.selectionColumn}. ${this.messages?.all} ${l} ${this.messages?.keyboardDeselectAll}`:t=`${this.messages?.selectionColumn}. ${l} ${this.messages?.keyboardSelectAll}`,this.screenReaderText=t}onContainerBlur(){this.focused=!1}onContainerFocus(){this.focused=!0}render(){let t=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col",l=this.selectedRowCount===this.bodyRowCount,s=this.selectedRowCount>0,C=l?a.checked:s?a.indeterminate:a.unchecked,n=this.interactionMode==="static"&&!this.selectionCell;return o`<th .ariaColIndex=${this.parentRowType==="head"?this.positionInRow:void 0} class=${c({[e.bodyRow]:this.parentRowType==="body",[e.footerRow]:this.parentRowType==="foot",[e.contentCell]:!this.numberCell&&!this.selectionCell,[e.numberCell]:this.numberCell,[e.selectionCell]:this.selectionCell,[e.selectedCell]:this.parentRowIsSelected,[e.multipleSelectionCell]:this.selectionMode==="multiple",[e.staticCell]:n,[e.lastCell]:this.lastCell&&(!this.rowSpan||this.colSpan&&!!this.rowSpan),[this.parentRowAlignment]:this.parentRowAlignment==="center"||this.parentRowAlignment==="end"})} colSpan=${this.colSpan??r} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} .role=${this.parentRowType==="head"?"columnheader":"rowheader"} rowSpan=${this.rowSpan??r} scope=${t??r} .tabIndex=${this.selectionCell?0:n?-1:0} ${u(this.containerRef)}>${this.heading&&o`<div class=${c(e.heading)}>${this.heading}</div>`||""}${this.description&&o`<div class=${c(e.description)}>${this.description}</div>`||""}${this.selectionCell&&this.selectionMode==="multiple"&&o`<calcite-icon class=${c({[e.active]:s||l})} .icon=${C} .scale=${f(this.scale)}></calcite-icon>`||""}${(this.selectionCell||this.numberCell)&&o`<span .ariaLive=${this.focused?"polite":"off"} class=${c(m.screenReaderText)}>${this.screenReaderText}</span>`||""}</th>`}};p("calcite-table-header",i);export{i as TableHeader};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{g as e}from"./
|
|
2
|
+
import{g as e}from"./RHZDPDYF.js";var a=e`.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}`;export{a};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as b,b as v,j as o,m as C,n as I,q as w}from"./3KLCDXKC.js";import"./6XMVUXZK.js";import{a as F}from"./2T7M4UVG.js";import"./JN6YLTUP.js";import"./IUJAFKLP.js";import{F as $,G as A,H as u,T as R,g as x,h as g,p as m}from"./4DDCSOWT.js";var D={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",month:"month",noncurrent:"noncurrent",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},Y=x`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-block:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.week-header{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);text-align:center;font-weight:var(--calcite-font-weight-bold);display:flex;justify-content:center;align-items:center;inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-2))}.day-container{display:flex;min-inline-size:var(--calcite-space-none);justify-content:center;inline-size:100%}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;justify-content:space-between;flex-direction:column}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));padding-block-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .week-days{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-block-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-block:var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-style:solid;border-width:var(--calcite-border-width-none);border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal][calendars="2"]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical][calendars="2"]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,p=7,M=6,P=42,S=class extends A{constructor(){super(),this.activeFocus=!1,this.storeDayRef=e=>{e?.active&&this.activeFocus&&e.setFocus()},this.activeDate=new Date,this.calendars=2,this.range=!1,this.calciteInternalDatePickerDayHover=m({cancelable:!1}),this.calciteInternalDatePickerDaySelect=m({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=m({cancelable:!1}),this.calciteInternalDatePickerMonthChange=m({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=m({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],calendars:[11,{},{type:Number,reflect:!0}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=Y}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:v(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),r=[];if(n===(t+M)%p)return r;if(n===t)return[i];for(let l=(p+n-t)%p;l>=0;l--)r.push(i-l);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%p)return i;for(let n=0;n<(M-(s-t))%p;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(o(e,this.selectedDate)||this.startDate&&o(e,this.startDate)||this.endDate&&o(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!o(this.startDate,this.endDate)&&o(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!o(this.startDate,this.endDate)&&o(this.endDate,e)||!this.endDate&&this.hoverRange&&o(this.startDate,this.hoverRange.end)&&o(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a&&a>this.startDate,i=this.endDate&&a&&a<this.endDate,n=this.startDate&&e&&e>this.startDate,r=this.endDate&&e&&e<this.endDate,l=!t&&this.startDate&&s&&(!this.endDate||i),c=t&&this.startDate&&n&&r;return!!(l||c)}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=!!(a&&e>a&&this.startDate&&e<this.startDate),r=!!(t&&e<t&&this.endDate&&e>this.endDate),l=!!(t&&e>t&&this.endDate&&e<this.endDate),c=!!(a&&e<a&&this.startDate&&e>this.startDate),h=!!(t&&e<t&&this.startDate&&e>this.startDate),d=!!(a&&e>a&&this.endDate&&e<this.endDate),f=this.startDate&&this.endDate;if(i){if(f)return s?!!(this.endDate&&e<this.endDate)&&(c||n):l||r;if(this.startDate&&!this.endDate)return s?n:h;if(!this.startDate&&this.endDate)return s?d:r}else if(f)return s?n:r;return!1}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let r=this.activeDate.getFullYear();return[...e.map(c=>({active:!1,day:c,date:new Date(r,i-1,c)})),...a.map(c=>{let h=new Date(r,i,c),d=o(h,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?o(h,this.focusedDate):o(h,this.startDate)||o(h,this.endDate),currentMonth:!0,currentDay:d,day:c,date:h}}),...t.map(c=>({active:!1,day:c,date:new Date(r,n,c)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:C(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,r=this.scale==="s"?n||i||s:i||s||n,l=[...r.slice(t,7),...r.slice(0,t)],c=this.getCurrentMonthDays(e,a),h=this.getPreviousMonthDays(e,a,t),d=this.getNextMonthDays(e,a,t),f=c.length+h.length+d.length;if(f<P){let N=d.length?d[d.length-1]:0;for(let k=1;k<=P-f;k++)d.push(N+k)}let y=e+1,H=this.getPreviousMonthDays(y,a,t),E=this.getCurrentMonthDays(y,a),z=this.getNextMonthDays(y,a,t),O=this.getDays(h,c,d),B=this.getDays(H,E,z,"end");return g`<div class=${u({[D.calendarContainer]:!0})}>${this.renderCalendar(l,O)}${this.range&&this.calendars===2&&this.renderCalendar(l,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i},n){let r=b(s,this.min,this.max);return F(n,g`<div class=${u({[D.dayContainer]:!0})}><calcite-date-picker-day .active=${e} class=${u({[D.currentDay]:t,[D.noncurrent]:this.range&&this.calendars===2&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!r} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!o(this.startDate,this.endDate)} .rangeHover=${r&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${$(this.storeDayRef)}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return g`<div class=${u({[D.calendar]:!0,[D.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range&&this.calendars===2?"start":void 0} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return g`<div class=${u({[D.month]:!0})} @keydown=${this.keyDownHandler} role=grid><div class=${u({[D.weekHeaderContainer]:!0})} role=row>${e.map(i=>g`<span class=${u({[D.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[D.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};R("calcite-date-picker-month",S);export{S as DatePickerMonth};
|
|
2
|
+
import{a as b,b as v,j as o,m as C,n as I,q as w}from"./RPZA26PT.js";import"./Q2HLWSB3.js";import{a as F}from"./OVPEWR26.js";import"./JN6YLTUP.js";import"./55ZSMEHY.js";import{F as $,G as A,H as u,T as R,g as x,h as g,p as m}from"./RHZDPDYF.js";var D={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",month:"month",noncurrent:"noncurrent",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},Y=x`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-block:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.week-header{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);text-align:center;font-weight:var(--calcite-font-weight-bold);display:flex;justify-content:center;align-items:center;inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-2))}.day-container{display:flex;min-inline-size:var(--calcite-space-none);justify-content:center;inline-size:100%}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;justify-content:space-between;flex-direction:column}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));padding-block-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .week-days{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-block-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-block:var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-style:solid;border-width:var(--calcite-border-width-none);border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal][calendars="2"]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical][calendars="2"]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,p=7,M=6,P=42,S=class extends A{constructor(){super(),this.activeFocus=!1,this.storeDayRef=e=>{e?.active&&this.activeFocus&&e.setFocus()},this.activeDate=new Date,this.calendars=2,this.range=!1,this.calciteInternalDatePickerDayHover=m({cancelable:!1}),this.calciteInternalDatePickerDaySelect=m({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=m({cancelable:!1}),this.calciteInternalDatePickerMonthChange=m({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=m({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],calendars:[11,{},{type:Number,reflect:!0}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=Y}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:v(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),r=[];if(n===(t+M)%p)return r;if(n===t)return[i];for(let l=(p+n-t)%p;l>=0;l--)r.push(i-l);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%p)return i;for(let n=0;n<(M-(s-t))%p;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(o(e,this.selectedDate)||this.startDate&&o(e,this.startDate)||this.endDate&&o(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!o(this.startDate,this.endDate)&&o(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!o(this.startDate,this.endDate)&&o(this.endDate,e)||!this.endDate&&this.hoverRange&&o(this.startDate,this.hoverRange.end)&&o(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a&&a>this.startDate,i=this.endDate&&a&&a<this.endDate,n=this.startDate&&e&&e>this.startDate,r=this.endDate&&e&&e<this.endDate,l=!t&&this.startDate&&s&&(!this.endDate||i),c=t&&this.startDate&&n&&r;return!!(l||c)}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=!!(a&&e>a&&this.startDate&&e<this.startDate),r=!!(t&&e<t&&this.endDate&&e>this.endDate),l=!!(t&&e>t&&this.endDate&&e<this.endDate),c=!!(a&&e<a&&this.startDate&&e>this.startDate),h=!!(t&&e<t&&this.startDate&&e>this.startDate),d=!!(a&&e>a&&this.endDate&&e<this.endDate),f=this.startDate&&this.endDate;if(i){if(f)return s?!!(this.endDate&&e<this.endDate)&&(c||n):l||r;if(this.startDate&&!this.endDate)return s?n:h;if(!this.startDate&&this.endDate)return s?d:r}else if(f)return s?n:r;return!1}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let r=this.activeDate.getFullYear();return[...e.map(c=>({active:!1,day:c,date:new Date(r,i-1,c)})),...a.map(c=>{let h=new Date(r,i,c),d=o(h,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?o(h,this.focusedDate):o(h,this.startDate)||o(h,this.endDate),currentMonth:!0,currentDay:d,day:c,date:h}}),...t.map(c=>({active:!1,day:c,date:new Date(r,n,c)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:C(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,r=this.scale==="s"?n||i||s:i||s||n,l=[...r.slice(t,7),...r.slice(0,t)],c=this.getCurrentMonthDays(e,a),h=this.getPreviousMonthDays(e,a,t),d=this.getNextMonthDays(e,a,t),f=c.length+h.length+d.length;if(f<P){let N=d.length?d[d.length-1]:0;for(let k=1;k<=P-f;k++)d.push(N+k)}let y=e+1,H=this.getPreviousMonthDays(y,a,t),E=this.getCurrentMonthDays(y,a),z=this.getNextMonthDays(y,a,t),O=this.getDays(h,c,d),B=this.getDays(H,E,z,"end");return g`<div class=${u({[D.calendarContainer]:!0})}>${this.renderCalendar(l,O)}${this.range&&this.calendars===2&&this.renderCalendar(l,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i},n){let r=b(s,this.min,this.max);return F(n,g`<div class=${u({[D.dayContainer]:!0})}><calcite-date-picker-day .active=${e} class=${u({[D.currentDay]:t,[D.noncurrent]:this.range&&this.calendars===2&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!r} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!o(this.startDate,this.endDate)} .rangeHover=${r&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${$(this.storeDayRef)}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return g`<div class=${u({[D.calendar]:!0,[D.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range&&this.calendars===2?"start":void 0} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return g`<div class=${u({[D.month]:!0})} @keydown=${this.keyDownHandler} role=grid><div class=${u({[D.weekHeaderContainer]:!0})} role=row>${e.map(i=>g`<span class=${u({[D.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[D.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};R("calcite-date-picker-month",S);export{S as DatePickerMonth};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
|
|
2
|
-
import{a as N}from"./D7EWKPSC.js";import{a as S}from"./DHE6MQ62.js";import{a as H,b as U}from"./Z3F5NH2T.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./P33ETBSW.js";import{a as z}from"./QQDOSAM5.js";import"./5L33X362.js";import"./5K4OZJAZ.js";import{a as k}from"./FDHY2TZA.js";import"./A5OQTYIZ.js";import{a as D}from"./GMJ7FCAP.js";import{a as B}from"./F3VMM64Y.js";import{a as n}from"./2T7M4UVG.js";import{a as E}from"./FGK37R2U.js";import"./JN6YLTUP.js";import{a as P}from"./TFUMR4AQ.js";import"./VMHJHFFS.js";import{e as C}from"./3DJEP5B5.js";import"./IUJAFKLP.js";import"./G4SOANDF.js";import{E as y,F as u,G as w,H as a,T as x,g as b,h as l,p as r}from"./4DDCSOWT.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-md);padding-block:var(--calcite-space-sm)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .heading{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-lg);padding-block:var(--calcite-space-md)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-xl);padding-block:var(--calcite-space-lg)}.position-container .calcite-floating-ui-anim{border-width:var(--calcite-border-width-sm);border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{overflow-wrap:break-word;word-break:break-word;margin:var(--calcite-space-none);display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:var(--calcite-border-width-lg);color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{overflow-wrap:break-word;word-break:break-word;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends w{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=D({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:o,overlayPositioning:c,flipDisabled:d,filteredFlipPlacements:p,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:o,flipDisabled:d,flipPlacements:p,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){B(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?n(i.closeButtonContainer,l`<div class=${a(i.closeButtonContainer)}><calcite-action class=${a(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,o=e?z({class:i.heading,level:t,children:e}):null;return o?n(i.header,l`<div class=${a(i.header)}>${o}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:o,open:c,pointerDisabled:d,floatingLayout:p}=this,s=e&&c,f=!s,h=d?null:n("floating-arrow",N({floatingLayout:p,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=o,this.el.ariaLive="polite",this.el.role="dialog",l`<div class=${a(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${a({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${a({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${a(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};x("calcite-popover",g);export{g as Popover};
|
|
2
|
+
import{a as N}from"./XAMGXDQM.js";import{a as S}from"./EHHDQ55E.js";import{a as H,b as U}from"./7IASAQ7D.js";import{c as m,d as F,e as O,f as $,g as L,h as T,i as v}from"./2TIS2MT6.js";import{a as z}from"./2ERADWX5.js";import"./Q53JZPXE.js";import"./5K4OZJAZ.js";import{a as k}from"./FDHY2TZA.js";import"./A5OQTYIZ.js";import{a as D}from"./M7DSCHPP.js";import{a as B}from"./F3VMM64Y.js";import{a as n}from"./OVPEWR26.js";import{a as E}from"./QWS3NTOY.js";import"./JN6YLTUP.js";import{a as P}from"./F54DLL4E.js";import"./VMHJHFFS.js";import{e as C}from"./I34PZLRU.js";import"./55ZSMEHY.js";import"./G4SOANDF.js";import{E as y,F as u,G as w,H as a,T as x,g as b,h as l,p as r}from"./RHZDPDYF.js";var i={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"header-container",heading:"heading"},A="auto",_=b`:host{display:contents}:host([top-layer-disabled]){--calcite-floating-ui-z-index: var(--calcite-z-index-popup)}.position-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.position-container{opacity:0;inset-block-start:0;left:0}}.position-container{max-inline-size:var(--calcite-popover-max-size-x, 100vw)}.position-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.position-container:popover-open{display:block}.position-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-md);padding-block:var(--calcite-space-sm)}:host(:is([scale=s],[scale=m])){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .heading{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-lg);padding-block:var(--calcite-space-md)}:host([scale=l]){--calcite-internal-popover-close-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-space-xl);padding-block:var(--calcite-space-lg)}.position-container .calcite-floating-ui-anim{border-width:var(--calcite-border-width-sm);border-style:solid;box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-theme-corner-radius-sm, var(--calcite-corner-radius-round)))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{overflow-wrap:break-word;word-break:break-word;margin:var(--calcite-space-none);display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:var(--calcite-border-width-lg);color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.header-container.has-header{flex-direction:column}.content{overflow-wrap:break-word;word-break:break-word;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center}.close-button{margin:auto;margin-inline-end:var(--calcite-internal-popover-close-spacing)}.close-button-container{display:flex;flex:0 0 auto}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}`,I=U({click:!0}),g=class extends w{constructor(){super(...arguments),this.referenceElementType="click",this.referenceElementController=H({manager:I})(this),this.direction=C(),this.focusTrap=S({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.mutationObserver=k("mutation",()=>this.focusTrap.updateContainerElements()),this.transitionProp="opacity",this.transitionRef=y(),this.messages=E(),this.focusSetter=P()(this),this.topLayer=D({disabledOverride:()=>this.open&&!this.referenceEl,target:()=>this.floatingEl})(this),this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=A,this.pointerDisabled=!1,this.scale="m",this.topLayerDisabled=!1,this.triggerDisabled=!1,this.calcitePopoverBeforeClose=r({cancelable:!1}),this.calcitePopoverBeforeOpen=r({cancelable:!1}),this.calcitePopoverClose=r({cancelable:!1}),this.calcitePopoverOpen=r({cancelable:!1})}static{this.properties={floatingLayout:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],autoClose:[7,{},{reflect:!0,type:Boolean}],closable:[7,{},{reflect:!0,type:Boolean}],flipDisabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],pointerDisabled:[7,{},{reflect:!0,type:Boolean}],referenceElement:1,scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],triggerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=_}async reposition(e=!1){let{referenceEl:t,placement:o,overlayPositioning:c,flipDisabled:d,filteredFlipPlacements:p,offsetDistance:s,offsetSkidding:f,arrowEl:h,floatingEl:R}=this;return O(this,{direction:this.direction,floatingEl:R,referenceEl:t,overlayPositioning:c,placement:o,flipDisabled:d,flipPlacements:p,offsetDistance:s,offsetSkidding:f,arrowEl:h,type:"popover"},e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements()}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==A))&&this.reposition(!0),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&L(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),T(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){B(this),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?F(t,e):void 0}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),$(this),this.focusTrap.deactivate(),this.topLayer.hide()}setArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?n(i.closeButtonContainer,l`<div class=${a(i.closeButtonContainer)}><calcite-action class=${a(i.closeButton)} icon=x @click=${this.hide} .scale=${this.scale} .text=${e.close}></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,o=e?z({class:i.heading,level:t,children:e}):null;return o?n(i.header,l`<div class=${a(i.header)}>${o}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:o,open:c,pointerDisabled:d,floatingLayout:p}=this,s=e&&c,f=!s,h=d?null:n("floating-arrow",N({floatingLayout:p,ref:this.setArrowEl}));return this.el.inert=f,this.el.ariaLabel=o,this.el.ariaLive="polite",this.el.role="dialog",l`<div class=${a(i.positionContainer)} popover=manual ${u(this.setFloatingEl)}><div class=${a({[i.container]:!0,[m.animation]:!0,[m.animationActive]:s})} ${u(this.transitionRef)}>${h}<div class=${a({[i.hasHeader]:!!t,[i.headerContainer]:!0})}>${this.renderHeader()}<div class=${a(i.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};x("calcite-popover",g);export{g as Popover};
|