@esri/calcite-components 2.9.0 → 2.9.1-next.1

package/dist/calcite/p-56017245.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stackCss","CalciteStackStyle0","Stack","this","handleActionsStartSlotChange","event","hasActionsStart","slotChangeHasAssignedElement","handleActionsEndSlotChange","hasActionsEnd","handleContentStartSlotChange","hasContentStart","handleContentEndSlotChange","hasContentEnd","renderActionsStart","h","class","CSS","actionsStart","hidden","key","name","SLOTS","onSlotchange","renderActionsEnd","actionsEnd","renderContentStart","contentStart","renderDefaultContent","content","renderContentEnd","contentEnd","render","Host","container"],"sources":["src/components/stack/stack.scss?tag=calcite-stack&encapsulation=shadow","src/components/stack/stack.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-stack-padding-inline: Specifies the inline padding of the component's content.\n * @prop --calcite-stack-padding-block: Specifies the block padding of the component's content.\n */\n\n:host {\n  @apply flex flex-col flex-1;\n}\n\n.container {\n  @apply text-color-2\n  flex\n  flex-auto\n  font-normal\n  items-stretch;\n}\n\n.content {\n  @apply flex\n    flex-auto\n    flex-col\n    justify-center\n    text-n2-wrap;\n  padding-inline: var(--calcite-stack-padding-inline, theme(\"padding.3\"));\n  padding-block: var(--calcite-stack-padding-block, theme(\"padding.2\"));\n}\n\n:host([disabled]) .content {\n  @extend %disabled-host-only;\n}\n\n.content-start {\n  @apply justify-start;\n}\n\n.content-end {\n  @apply justify-end;\n}\n\n.content-start,\n.content-end {\n  @apply flex-initial;\n\n  ::slotted(calcite-icon) {\n    @apply self-center mx-3;\n  }\n}\n\n.actions-start,\n.actions-end,\n.content-start,\n.content-end {\n  @apply flex items-center;\n}\n\n.actions-start,\n.actions-end {\n  ::slotted(calcite-action),\n  ::slotted(calcite-action-menu),\n  ::slotted(calcite-handle),\n  ::slotted(calcite-dropdown) {\n    @apply self-stretch;\n\n    color: inherit;\n  }\n}\n\n@include base-component();\n","import { Component, h, Host, Prop, State, VNode } from \"@stencil/core\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content.\n * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.\n * @slot content-start - A slot for adding non-actionable elements before content of the component.\n * @slot content-end - A slot for adding non-actionable elements after content of the component.\n * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.\n */\n@Component({\n  tag: \"calcite-stack\",\n  styleUrl: \"stack.scss\",\n  shadow: true,\n})\nexport class Stack {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**  When `true`, content interaction is prevented and displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @State() hasActionsStart = false;\n\n  @State() hasActionsEnd = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentEnd = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { hasActionsStart } = this;\n    return (\n      <div class={CSS.actionsStart} hidden={!hasActionsStart} key=\"actions-start-container\">\n        <slot name={SLOTS.actionsStart} onSlotchange={this.handleActionsStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderActionsEnd(): VNode {\n    const { hasActionsEnd } = this;\n    return (\n      <div class={CSS.actionsEnd} hidden={!hasActionsEnd} key=\"actions-end-container\">\n        <slot name={SLOTS.actionsEnd} onSlotchange={this.handleActionsEndSlotChange} />\n      </div>\n    );\n  }\n\n  renderContentStart(): VNode {\n    const { hasContentStart } = this;\n    return (\n      <div class={CSS.contentStart} hidden={!hasContentStart}>\n        <slot name={SLOTS.contentStart} onSlotchange={this.handleContentStartSlotChange} />\n      </div>\n    );\n  }\n\n  renderDefaultContent(): VNode {\n    return (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n  }\n\n  renderContentEnd(): VNode {\n    const { hasContentEnd } = this;\n    return (\n      <div class={CSS.contentEnd} hidden={!hasContentEnd}>\n        <slot name={SLOTS.contentEnd} onSlotchange={this.handleContentEndSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.renderActionsStart()}\n          {this.renderContentStart()}\n          {this.renderDefaultContent()}\n          {this.renderContentEnd()}\n          {this.renderActionsEnd()}\n        </div>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleActionsStartSlotChange = (event: Event): void => {\n    this.hasActionsStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionsEndSlotChange = (event: Event): void => {\n    this.hasActionsEnd = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentStartSlotChange = (event: Event): void => {\n    this.hasContentStart = slotChangeHasAssignedElement(event);\n  };\n\n  handleContentEndSlotChange = (event: Event): void => {\n    this.hasContentEnd = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":";;;;;iLAAA,MAAMA,EAAW,63CACjB,MAAAC,EAAeD,E,MCeFE,EAAK,M,yBA8FhBC,KAAAC,6BAAgCC,IAC9BF,KAAKG,gBAAkBC,EAA6BF,EAAM,EAG5DF,KAAAK,2BAA8BH,IAC5BF,KAAKM,cAAgBF,EAA6BF,EAAM,EAG1DF,KAAAO,6BAAgCL,IAC9BF,KAAKQ,gBAAkBJ,EAA6BF,EAAM,EAG5DF,KAAAS,2BAA8BP,IAC5BF,KAAKU,cAAgBN,EAA6BF,EAAM,E,cAnGtB,M,qBAQT,M,mBAEF,M,qBAEE,M,mBAEF,K,CAQzB,kBAAAS,GACE,MAAMR,gBAAEA,GAAoBH,KAC5B,OACEY,EAAA,OAAKC,MAAOC,EAAIC,aAAcC,QAASb,EAAiBc,IAAI,2BAC1DL,EAAA,QAAMM,KAAMC,EAAMJ,aAAcK,aAAcpB,KAAKC,+B,CAKzD,gBAAAoB,GACE,MAAMf,cAAEA,GAAkBN,KAC1B,OACEY,EAAA,OAAKC,MAAOC,EAAIQ,WAAYN,QAASV,EAAeW,IAAI,yBACtDL,EAAA,QAAMM,KAAMC,EAAMG,WAAYF,aAAcpB,KAAKK,6B,CAKvD,kBAAAkB,GACE,MAAMf,gBAAEA,GAAoBR,KAC5B,OACEY,EAAA,OAAKC,MAAOC,EAAIU,aAAcR,QAASR,GACrCI,EAAA,QAAMM,KAAMC,EAAMK,aAAcJ,aAAcpB,KAAKO,+B,CAKzD,oBAAAkB,GACE,OACEb,EAAA,OAAKC,MAAOC,EAAIY,SACdd,EAAA,a,CAKN,gBAAAe,GACE,MAAMjB,cAAEA,GAAkBV,KAC1B,OACEY,EAAA,OAAKC,MAAOC,EAAIc,WAAYZ,QAASN,GACnCE,EAAA,QAAMM,KAAMC,EAAMS,WAAYR,aAAcpB,KAAKS,6B,CAKvD,MAAAoB,GACE,OACEjB,EAACkB,EAAI,CAAAb,IAAA,4CACHL,EAAA,OAAAK,IAAA,2CAAKJ,MAAOC,EAAIiB,WACb/B,KAAKW,qBACLX,KAAKuB,qBACLvB,KAAKyB,uBACLzB,KAAK2B,mBACL3B,KAAKqB,oB"}

package/dist/calcite/p-59bd6756.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{r as e,c as t,h as n,g as i}from"./p-0a4d99a4.js";import{c as o,d as c,u as a,I as s}from"./p-df2d6437.js";import{b as l,t as r}from"./p-de4fc71c.js";import{c as d,a as h,s as p}from"./p-baa34b7d.js";import"./p-7f72fcab.js";import"./p-23ee64b9.js";import"./p-cf6aa511.js";import"./p-f8fe47a7.js";const b={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"};const f={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"};const m={contentBottom:"content-bottom",contentEnd:"content-end",contentStart:"content-start",contentTop:"content-top"};const v=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}.container{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;user-select:none}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-color-brand);position:relative}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}.container.interactive.selected{z-index:var(--calcite-z-index)}.container.interactive:focus{box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated calcite-icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .text-content-container{justify-content:center}.description{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=s]) .content-container--has-content,:host([scale=s]) .row{gap:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale=s]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]){max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=m]) .content-container--has-content,:host([scale=m]) .row{gap:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=m]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-md)}:host([scale=l]){max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .container{padding:var(--calcite-spacing-xl)}:host([scale=l]) .content-container--has-content,:host([scale=l]) .row{gap:var(--calcite-spacing-xl)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=l]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-xl)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before{block-size:100%;box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0px -4px 0px 0px var(--calcite-color-brand)}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0px 0px 0px var(--calcite-color-brand)}:host([href]:focus:not([disabled])),:host([href]:hover:not([disabled])){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{position:relative;z-index:var(--calcite-z-index)}:host([href]:active:not([disabled])) .container{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}:host([embed]) .container{box-shadow:none;padding:0}:host([selection-mode=none]) .container{outline-color:var(--calcite-tile-border-color)}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-color-brand);position:relative}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover:not([disabled])),:host([active]:not([disabled])){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}';const x=v;const u=class{constructor(n){e(this,n);this.calciteInternalTileKeyEvent=t(this,"calciteInternalTileKeyEvent",6);this.calciteTileSelect=t(this,"calciteTileSelect",7);this.clickHandler=()=>{if(this.interactive){this.setFocus();this.handleSelectEvent()}};this.handleSelectEvent=()=>{if(this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===true){return}this.calciteTileSelect.emit()};this.handleSlotChange=e=>{const t=e.target.dataset.name;this[`has${t}`]=l(e)};this.setContainerEl=e=>{this.containerEl=e};this.active=false;this.alignment="start";this.description=undefined;this.disabled=false;this.embed=false;this.heading=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.interactive=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selected=false;this.selectionAppearance="icon";this.selectionMode="none";this.hasContentBottom=false;this.hasContentEnd=false;this.hasContentStart=false;this.hasContentTop=false}async setFocus(){await d(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}}connectedCallback(){o(this)}componentDidLoad(){h(this)}disconnectedCallback(){c(this)}componentDidRender(){a(this)}async componentWillLoad(){p(this)}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleSelectEvent();e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e);e.preventDefault();break}}}renderSelectionIcon(){const{selected:e,selectionAppearance:t,selectionMode:i}=this;if(t==="icon"&&i!=="none"){return n("calcite-icon",{class:b.selectionIcon,icon:e?i==="multiple"?f.selectedMultiple:f.selectedSingle:i==="multiple"?f.unselectedMultiple:f.unselectedSingle,scale:"s"})}return}renderTile(){const{description:e,disabled:t,hasContentBottom:i,hasContentEnd:o,hasContentStart:c,hasContentTop:a,heading:s,icon:l,iconFlipRtl:d,interactive:h,selectionMode:p}=this;const f=s&&l&&!e;const v=Boolean(this.href)||!h;const x=p==="multiple"&&h?"checkbox":p!=="none"&&h?"radio":h?"button":undefined;const u=!!(e||o||c||s||l);const g=!u&&a&&i;return n("div",{"aria-checked":p!=="none"&&h?r(this.selected):undefined,"aria-disabled":v?r(t):undefined,"aria-label":x&&this.label,class:{[b.container]:true,[b.interactive]:h,[b.largeVisualDeprecated]:f,[b.row]:true,[b.selected]:this.selected},onClick:this.clickHandler,ref:this.setContainerEl,role:x,tabIndex:v?undefined:0},this.renderSelectionIcon(),n("div",{class:{[b.contentContainer]:true,[b.contentContainerHasContent]:u,[b.contentContainerHasOnlyContentTopAndBottom]:g}},n("slot",{"data-name":"ContentTop",name:m.contentTop,onSlotchange:this.handleSlotChange}),l&&n("calcite-icon",{class:b.icon,flipRtl:d,icon:l,scale:"l"}),n("div",{class:{[b.textContentContainer]:true,[b.row]:true}},n("slot",{"data-name":"ContentStart",name:m.contentStart,onSlotchange:this.handleSlotChange}),n("div",{class:b.textContent},s&&n("div",{class:b.heading},s),e&&n("div",{class:b.description},e)),n("slot",{"data-name":"ContentEnd",name:m.contentEnd,onSlotchange:this.handleSlotChange})),n("slot",{"data-name":"ContentBottom",name:m.contentBottom,onSlotchange:this.handleSlotChange})))}render(){const{disabled:e}=this;return n(s,{key:"7e1367887f1ab8c6dedb788d9c3f83625202c982",disabled:e},this.href?n("calcite-link",{disabled:e,href:this.href},this.renderTile()):this.renderTile())}get el(){return i(this)}};u.style=x;export{u as calcite_tile};
-//# sourceMappingURL=p-59bd6756.entry.js.map

package/dist/calcite/p-59bd6756.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","contentContainer","contentContainerHasContent","contentContainerHasOnlyContentTopAndBottom","textContentContainer","description","heading","icon","interactive","largeVisualDeprecated","row","selected","selectionIcon","textContent","ICONS","selectedMultiple","selectedSingle","unselectedMultiple","unselectedSingle","SLOTS","contentBottom","contentEnd","contentStart","contentTop","tileCss","CalciteTileStyle0","Tile","this","clickHandler","setFocus","handleSelectEvent","disabled","selectionMode","calciteTileSelect","emit","handleSlotChange","event","slotName","target","dataset","name","slotChangeHasAssignedElement","setContainerEl","el","containerEl","componentFocusable","focus","connectedCallback","connectInteractive","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","componentDidRender","updateHostInteraction","componentWillLoad","setUpLoadableComponent","keyDownHandler","key","preventDefault","calciteInternalTileKeyEvent","renderSelectionIcon","selectionAppearance","h","class","scale","renderTile","hasContentBottom","hasContentEnd","hasContentStart","hasContentTop","iconFlipRtl","isLargeVisual","disableInteraction","Boolean","href","role","undefined","hasContent","hasOnlyContentTopAndBottom","toAriaBoolean","label","onClick","ref","tabIndex","onSlotchange","flipRtl","render","InteractiveContainer"],"sources":["src/components/tile/resources.ts","src/components/tile/tile.scss?tag=calcite-tile&encapsulation=shadow","src/components/tile/tile.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  contentContainer: \"content-container\",\n  contentContainerHasContent: \"content-container--has-content\",\n  contentContainerHasOnlyContentTopAndBottom: \"content-container--has-only-content-top-and-bottom\",\n  textContentContainer: \"text-content-container\",\n  description: \"description\",\n  heading: \"heading\",\n  icon: \"icon\",\n  interactive: \"interactive\",\n  largeVisualDeprecated: \"large-visual-deprecated\",\n  row: \"row\",\n  selected: \"selected\",\n  selectionIcon: \"selection-icon\",\n  textContent: \"text-content\",\n};\n\nexport const ICONS = {\n  selectedMultiple: \"check-square-f\",\n  selectedSingle: \"circle-f\",\n  unselectedMultiple: \"square\",\n  unselectedSingle: \"circle\",\n};\n\nexport const SLOTS = {\n  contentBottom: \"content-bottom\",\n  contentEnd: \"content-end\",\n  contentStart: \"content-start\",\n  contentTop: \"content-top\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tile-background-color: Specifies the background color of the component.\n * @prop --calcite-tile-border-color: Specifies the border color of the component.\n * @prop --calcite-tile-description-text-color: Specifies the description text color of the component.\n * @prop --calcite-tile-heading-text-color: Specifies the heading text color of the component.\n */\n\n:host {\n  --calcite-tile-background-color: var(--calcite-color-foreground-1);\n  --calcite-tile-border-color: var(--calcite-color-border-2);\n  --calcite-tile-description-text-color: var(--calcite-color-text-3);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-2);\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n\n  box-sizing: border-box;\n  display: inline-block;\n}\n\n.container {\n  background-color: var(--calcite-tile-background-color);\n  block-size: var(--calcite-container-size-content-fluid);\n  box-sizing: border-box;\n  inline-size: var(--calcite-container-size-content-fluid);\n  outline: var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);\n  user-select: none;\n  &.interactive {\n    cursor: pointer;\n    &:hover,\n    &:focus,\n    &.selected {\n      outline-color: var(--calcite-color-brand);\n      position: relative;\n      .selection-icon {\n        --calcite-ui-icon-color: var(--calcite-color-brand);\n      }\n    }\n    &.selected {\n      z-index: var(--calcite-z-index);\n    }\n    &:focus {\n      box-shadow: inset 0px 0px 0px 1px var(--calcite-color-brand);\n      z-index: var(--calcite-z-index-sticky);\n    }\n  }\n}\n\n.content-container,\n.row {\n  align-items: flex-start;\n  display: flex;\n}\n\n.content-container {\n  flex-direction: column;\n}\n\n.text-content-container {\n  inline-size: 100%;\n  outline-color: transparent;\n  padding: 0;\n}\n\n.text-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.heading {\n  color: var(--calcite-tile-heading-text-color);\n  font-weight: var(--calcite-font-weight-medium);\n  line-height: 1.20313rem;\n  overflow-wrap: break-word;\n}\n\n/* [Deprecated] Use the content-top slot for rendering icon with alignment=\"center\" instead */\n.large-visual-deprecated {\n  align-items: center;\n  justify-content: center;\n  min-block-size: 12rem;\n  text-align: center;\n\n  calcite-icon {\n    align-self: center;\n    block-size: 64px;\n    inline-size: 64px;\n  }\n  .text-content-container {\n    justify-content: center;\n  }\n}\n\n.description {\n  color: var(--calcite-tile-description-text-color);\n  font-weight: var(--calcite-font-weight-regular);\n  overflow-wrap: break-word;\n}\n\n:host([alignment=\"center\"]) {\n  .icon {\n    align-self: center;\n  }\n  .text-content {\n    text-align: center;\n  }\n  slot[name=\"content-start\"]::slotted(*),\n  slot[name=\"content-end\"]::slotted(*) {\n    align-self: center;\n  }\n}\n\n:host([scale=\"s\"]) {\n  max-inline-size: 400px;\n  min-inline-size: 100px;\n  .container {\n    padding: var(--calcite-spacing-sm);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-sm);\n  }\n  .heading {\n    font-size: var(--calcite-font-size--2);\n    line-height: 1.03125rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--3);\n    line-height: 0.85938rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-sm);\n  }\n}\n\n:host([scale=\"m\"]) {\n  max-inline-size: 460px;\n  min-inline-size: 140px;\n  .container {\n    padding: var(--calcite-spacing-md);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-md);\n  }\n  .heading {\n    font-size: var(--calcite-font-size--1);\n    line-height: 1.20313rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--2);\n    line-height: 1.03125rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-md);\n  }\n}\n\n:host([scale=\"l\"]) {\n  max-inline-size: 520px;\n  min-inline-size: 160px;\n  .container {\n    padding: var(--calcite-spacing-xl);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-xl);\n  }\n  .heading {\n    font-size: var(--calcite-font-size-0);\n    line-height: 1.375rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--1);\n    line-height: 1.20313rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-xl);\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"horizontal\"]),\n:host([selection-appearance=\"border\"][layout=\"vertical\"]) {\n  .container.selected:focus::before {\n    block-size: 100%;\n    box-shadow: inset 0px 0px 0px 1px var(--calcite-color-brand);\n    content: \"\";\n    display: block;\n    inline-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    position: absolute;\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"horizontal\"]) {\n  .container.selected {\n    box-shadow: inset 0px -4px 0px 0px var(--calcite-color-brand);\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"vertical\"]) {\n  .container.selected {\n    box-shadow: inset 4px 0px 0px 0px var(--calcite-color-brand);\n  }\n}\n\n:host([href]:focus:not([disabled])),\n:host([href]:hover:not([disabled])) {\n  --calcite-tile-border-color: var(--calcite-color-text-link);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-link);\n  --calcite-ui-icon-color: var(--calcite-color-text-link);\n  .container {\n    position: relative;\n    z-index: var(--calcite-z-index);\n  }\n}\n\n:host([href]:active:not([disabled])) {\n  .container {\n    box-shadow: 0 0 0 3px var(--calcite-tile-border-color);\n  }\n}\n\n:host([embed]) {\n  .container {\n    box-shadow: none;\n    padding: 0;\n  }\n}\n\n:host([selection-mode=\"none\"]) {\n  .container {\n    outline-color: var(--calcite-tile-border-color);\n    &:focus {\n      outline-color: var(--calcite-color-brand);\n      position: relative;\n    }\n  }\n}\n\n@include disabled();\n\n:host(:hover:not([disabled])),\n:host([active]:not([disabled])) {\n  --calcite-tile-description-text-color: var(--calcite-color-text-2);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-1);\n}\n\n@include base-component();\n\n::slotted(*) {\n  max-inline-size: 100%;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from \"../interfaces\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SelectableComponent } from \"../../utils/selectableComponent\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot content-top - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.\n * @slot content-bottom - A slot for adding non-actionable elements below the component's content.\n * @slot content-start - [Deprecated] use `content-top` slot instead.  A slot for adding non-actionable elements before the component's content.\n * @slot content-end - [Deprecated] use `content-bottom` slot instead. A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-tile\",\n  styleUrl: \"tile.scss\",\n  shadow: true,\n})\nexport class Tile implements InteractiveComponent, SelectableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @deprecated\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the alignment of the Tile's content.\n   */\n  @Prop({ reflect: true }) alignment: Exclude<Alignment, \"end\"> = \"start\";\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's embed mode.\n   *\n   * When `true`, renders without a border and padding for use by other components.\n   *\n   * @deprecated No longer necessary.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** When embed is `\"false\"`, the URL for the component. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * When true, enables the tile to be focused, and allows the `calciteTileSelect` to emit.\n   * This is set to `true` by a parent Tile Group component.\n   *\n   * @internal\n   */\n  @Prop() interactive = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * Defines the layout of the component.\n   *\n   * Use `\"horizontal\"` for rows, and `\"vertical\"` for a single column.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Exclude<Layout, \"grid\"> = \"horizontal\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true` and the parent's `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  /**\n   * Specifies the selection appearance, where:\n   *\n   * - `\"icon\"` (displays a checkmark or dot), or\n   * - `\"border\"` (displays a border).\n   *\n   * This property is set by the parent tile-group.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  /**\n   * Specifies the selection mode, where:\n   *\n   * - `\"multiple\"` (allows any number of selected items),\n   * - `\"single\"` (allows only one selected item),\n   * - `\"single-persist\"` (allows only one selected item and prevents de-selection),\n   * - `\"none\"` (allows no selected items).\n   *\n   * This property is set by the parent tile-group.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"none\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    if (!this.disabled && this.interactive) {\n      this.containerEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileElement;\n\n  private clickHandler = (): void => {\n    if (this.interactive) {\n      this.setFocus();\n      this.handleSelectEvent();\n    }\n  };\n\n  private containerEl: HTMLDivElement;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentTop = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTileKeyEvent: EventEmitter<KeyboardEvent>;\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event() calciteTileSelect: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleSelectEvent = (): void => {\n    if (\n      this.disabled ||\n      !this.interactive ||\n      (this.selectionMode === \"single-persist\" && this.selected === true)\n    ) {\n      return;\n    }\n    this.calciteTileSelect.emit();\n  };\n\n  private handleSlotChange = (event: Event): void => {\n    const slotName = (event.target as HTMLSlotElement).dataset.name;\n    this[`has${slotName}`] = slotChangeHasAssignedElement(event);\n  };\n\n  private setContainerEl = (el): void => {\n    this.containerEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.handleSelectEvent();\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalTileKeyEvent.emit(event);\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const { selected, selectionAppearance, selectionMode } = this;\n    if (selectionAppearance === \"icon\" && selectionMode !== \"none\") {\n      return (\n        <calcite-icon\n          class={CSS.selectionIcon}\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : selectionMode === \"multiple\"\n                ? ICONS.unselectedMultiple\n                : ICONS.unselectedSingle\n          }\n          scale=\"s\"\n        />\n      );\n    }\n    return;\n  }\n\n  renderTile(): VNode {\n    const {\n      description,\n      disabled,\n      hasContentBottom,\n      hasContentEnd,\n      hasContentStart,\n      hasContentTop,\n      heading,\n      icon,\n      iconFlipRtl,\n      interactive,\n      selectionMode,\n    } = this;\n    const isLargeVisual = heading && icon && !description;\n    const disableInteraction = Boolean(this.href) || !interactive;\n    const role =\n      selectionMode === \"multiple\" && interactive\n        ? \"checkbox\"\n        : selectionMode !== \"none\" && interactive\n          ? \"radio\"\n          : interactive\n            ? \"button\"\n            : undefined;\n    const hasContent = !!(description || hasContentEnd || hasContentStart || heading || icon);\n    const hasOnlyContentTopAndBottom = !hasContent && hasContentTop && hasContentBottom;\n    return (\n      <div\n        aria-checked={\n          selectionMode !== \"none\" && interactive ? toAriaBoolean(this.selected) : undefined\n        }\n        aria-disabled={disableInteraction ? toAriaBoolean(disabled) : undefined}\n        aria-label={role && this.label}\n        class={{\n          [CSS.container]: true,\n          [CSS.interactive]: interactive,\n          // [Deprecated] Use the content-top slot for rendering icon with alignment=\"center\" instead\n          [CSS.largeVisualDeprecated]: isLargeVisual,\n          [CSS.row]: true,\n          [CSS.selected]: this.selected,\n        }}\n        onClick={this.clickHandler}\n        ref={this.setContainerEl}\n        role={role}\n        tabIndex={disableInteraction ? undefined : 0}\n      >\n        {this.renderSelectionIcon()}\n        <div\n          class={{\n            [CSS.contentContainer]: true,\n            [CSS.contentContainerHasContent]: hasContent,\n            [CSS.contentContainerHasOnlyContentTopAndBottom]: hasOnlyContentTopAndBottom,\n          }}\n        >\n          <slot\n            data-name=\"ContentTop\"\n            name={SLOTS.contentTop}\n            onSlotchange={this.handleSlotChange}\n          />\n          {icon && <calcite-icon class={CSS.icon} flipRtl={iconFlipRtl} icon={icon} scale=\"l\" />}\n          <div class={{ [CSS.textContentContainer]: true, [CSS.row]: true }}>\n            <slot\n              data-name=\"ContentStart\"\n              name={SLOTS.contentStart}\n              onSlotchange={this.handleSlotChange}\n            />\n            <div class={CSS.textContent}>\n              {heading && <div class={CSS.heading}>{heading}</div>}\n              {description && <div class={CSS.description}>{description}</div>}\n            </div>\n            <slot\n              data-name=\"ContentEnd\"\n              name={SLOTS.contentEnd}\n              onSlotchange={this.handleSlotChange}\n            />\n          </div>\n          <slot\n            data-name=\"ContentBottom\"\n            name={SLOTS.contentBottom}\n            onSlotchange={this.handleSlotChange}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        {this.href ? (\n          <calcite-link disabled={disabled} href={this.href}>\n            {this.renderTile()}\n          </calcite-link>\n        ) : (\n          this.renderTile()\n        )}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-59d7c711.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{h as t,r as i,c as e,H as s,g as a}from"./p-0a4d99a4.js";import{c as n,d as o,H as c}from"./p-00a16331.js";import{g as r}from"./p-23ee64b9.js";import{c as l,d as h,u as d,I as u}from"./p-df2d6437.js";import{c as p,d as f}from"./p-f57b0ec3.js";import{s as b,a as m,c as g}from"./p-baa34b7d.js";import{c as v,d as y}from"./p-83656930.js";import{u as k,c as w,s as x,d as j}from"./p-dc6e1504.js";import{f as z}from"./p-de4fc71c.js";import"./p-7f72fcab.js";import"./p-f8fe47a7.js";import"./p-4f41a679.js";import"./p-36d175d9.js";import"./p-cf6aa511.js";const C=({full:i,scale:e,partial:s})=>t("calcite-icon",{class:s?undefined:"icon",icon:i?"star-f":"star",scale:e});const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const D=L;const I=class{constructor(t){i(this,t);this.calciteRatingChange=e(this,"calciteRatingChange",6);this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=false};this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=true;this.hoverValue=null};this.handleHostKeyDown=()=>{this.isKeyboardInteraction=true};this.handleLabelKeyDown=t=>{const i=this.getValueFromLabelEvent(t);const e=t.key;const s=e==" "?undefined:Number(e);this.emit=true;if(isNaN(s)){switch(e){case"Enter":case" ":this.value=!this.required&&this.value===i?0:i;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(i);this.updateFocus();t.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(i);this.updateFocus();t.preventDefault();break;case"Tab":this.hoverValue=null;break}}else{if(!this.required&&s>=0&&s<=this.max){this.value=s}else if(this.required&&s>0&&s<=this.max){this.value=s}this.updateFocus()}};this.handleInputChange=t=>{if(this.isKeyboardInteraction===true){const i=Number(t.target["value"]);this.hoverValue=i;this.value=i}};this.handleLabelPointerOver=t=>{this.hoverValue=this.getValueFromLabelEvent(t)};this.handleLabelPointerDown=t=>{const i=t.currentTarget;const e=this.getValueFromLabelEvent(t);this.hoverValue=e;this.emit=true;this.value=!this.required&&this.value===e?0:e;i.focus()};this.handleLabelClick=t=>{t.preventDefault()};this.handleLabelFocus=t=>{const i=this.getValueFromLabelEvent(t);this.hoverValue=i};this.setLabelEl=t=>{this.labelElements.push(t)};this.emit=false;this.guid=`calcite-ratings-${r()}`;this.isKeyboardInteraction=true;this.labelElements=[];this.max=5;this.average=undefined;this.count=undefined;this.disabled=false;this.form=undefined;this.messages=undefined;this.messageOverrides=undefined;this.name=undefined;this.readOnly=false;this.required=false;this.scale="m";this.showChip=false;this.value=0;this.effectiveLocale="";this.defaultMessages=undefined;this.hoverValue=undefined}onMessagesChange(){}handleValueUpdate(t){this.hoverValue=t;if(this.emit){this.calciteRatingChange.emit()}this.emit=false}effectiveLocaleChange(){k(this,this.effectiveLocale)}connectedCallback(){l(this);v(this);w(this);p(this);n(this)}async componentWillLoad(){await x(this);b(this)}componentWillRender(){this.starsMap=Array.from({length:this.max},((t,i)=>{const e=i+1;const s=!this.hoverValue&&this.average&&!this.value&&e<=this.average;const a=e===this.value;const n=this.average&&this.average+1-e;const o=e<=this.hoverValue;const c=`${this.guid}-${e}`;const r=!this.hoverValue&&!this.value&&!o&&n>0&&n<1;const l=this.value>=e;const h=this.getTabIndex(e);return{average:s,checked:a,fraction:n,hovered:o,id:c,partial:r,selected:l,value:e,tabIndex:h}}))}componentDidLoad(){m(this)}disconnectedCallback(){h(this);y(this);j(this);f(this);o(this)}componentDidRender(){d(this)}render(){return t(s,{key:"b6a1c760c1481fce56241eae3099676fa2a2d1a8",onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},t(u,{key:"eb630ca68a4ef75fec897a8e3f0ca7ac60ae4359",disabled:this.disabled},t("span",{key:"700bb5bf1243c14fa108a3be24d5c3046a18f3e7",class:"wrapper"},t("fieldset",{key:"9e3646d966e303a9368b46d25ccf998250ae31b7",class:"fieldset",disabled:this.disabled},t("legend",{key:"c6f0c10d17585d912c4ce3d64fdedf839074aad1",class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:i,checked:e,fraction:s,hovered:a,id:n,partial:o,selected:c,value:r,tabIndex:l})=>t("label",{class:{star:true,selected:c,hovered:a,average:i,partial:o},"data-value":r,htmlFor:n,onClick:this.handleLabelClick,onFocus:this.handleLabelFocus,onKeyDown:this.handleLabelKeyDown,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver,ref:this.setLabelEl,tabIndex:l},t("input",{checked:e,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:n,name:this.guid,onChange:this.handleInputChange,tabIndex:-1,type:"radio",value:r}),t(C,{full:c||i,scale:this.scale}),o&&t("div",{class:"fraction",style:{width:`${s*100}%`}},t(C,{full:true,partial:true,scale:this.scale})),t("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${r}`))))),(this.count||this.average)&&this.showChip?t("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&t("span",{class:"number--average"},this.average.toString()),!!this.count&&t("span",{class:"number--count"},"(",this.count?.toString(),")")):null),t(c,{key:"97a7c9889d8da42def0303697c185f9e6b656bbb",component:this}))))}onLabelClick(){this.setFocus()}updateFocus(){this.hoverValue=this.value;this.labelElements[this.value-1].focus()}getTabIndex(t){if(this.readOnly||this.value!==t&&(this.value||t!==1)){return-1}return 0}getValueFromLabelEvent(t){const i=t.currentTarget;return Number(i.getAttribute("data-value"))}getNextRatingValue(t){return t===5?1:t+1}getPreviousRatingValue(t){return t===1?5:t-1}async setFocus(){await g(this);z(this.el)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=D;export{I as calcite_rating};
-//# sourceMappingURL=p-59d7c711.entry.js.map

package/dist/calcite/p-59d7c711.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StarIcon","full","scale","partial","h","class","undefined","icon","ratingCss","CalciteRatingStyle0","Rating","this","handleRatingPointerOver","isKeyboardInteraction","handleRatingPointerOut","hoverValue","handleHostKeyDown","handleLabelKeyDown","event","inputValue","getValueFromLabelEvent","key","numberKey","Number","emit","isNaN","value","required","getPreviousRatingValue","updateFocus","preventDefault","getNextRatingValue","max","handleInputChange","inputVal","target","handleLabelPointerOver","handleLabelPointerDown","currentTarget","focus","handleLabelClick","handleLabelFocus","setLabelEl","el","labelElements","push","guid","onMessagesChange","handleValueUpdate","newValue","calciteRatingChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","connectLabel","connectForm","componentWillLoad","setUpMessages","setUpLoadableComponent","componentWillRender","starsMap","Array","from","length","_","i","average","checked","fraction","hovered","id","selected","tabIndex","getTabIndex","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","Host","onKeyDown","onPointerOut","onPointerOver","InteractiveContainer","disabled","messages","rating","map","star","htmlFor","onClick","onFocus","onPointerDown","ref","readOnly","name","onChange","type","style","width","stars","replace","count","showChip","toString","HiddenFormInputSlot","component","onLabelClick","setFocus","getAttribute","currentValue","componentFocusable","focusFirstTabbable"],"sources":["src/components/rating/functional/star.tsx","src/components/rating/rating.scss?tag=calcite-rating&encapsulation=shadow","src/components/rating/rating.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport { StarIconProps } from \"../interfaces\";\n\nexport const StarIcon: FunctionalComponent<StarIconProps> = ({ full, scale, partial }) => (\n  <calcite-icon\n    {...{\n      class: partial ? undefined : \"icon\",\n      icon: full ? \"star-f\" : \"star\",\n      scale,\n    }}\n  />\n);\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.\n */\n\n:host {\n  @apply relative flex items-center;\n  inline-size: fit-content;\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply h-6;\n  --calcite-rating-spacing-unit: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  @apply h-8;\n  --calcite-rating-spacing-unit: theme(\"spacing.2\");\n}\n\n:host([scale=\"l\"]) {\n  @apply h-11;\n  --calcite-rating-spacing-unit: theme(\"spacing.3\");\n}\n\n:host([read-only]) {\n  @extend %non-interactive-host-contents;\n}\n\n.fieldset {\n  margin: 0;\n  display: flex;\n  border-width: 0;\n  padding: 0;\n  align-items: center;\n  gap: var(--calcite-rating-spacing-unit);\n}\n\n.wrapper {\n  display: inline-block;\n}\n\n.star {\n  @apply transition-default;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  color: theme(\"borderColor.color.input\");\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.average,\n.fraction {\n  color: theme(\"colors.warning\");\n}\n\n.hovered,\n.selected {\n  color: theme(\"colors.brand\");\n}\n\n.fraction {\n  @apply transition-default;\n  position: absolute;\n  pointer-events: none;\n  inset-block-start: 0;\n  overflow: hidden;\n  inset-inline-start: 0;\n}\n\n// rating count\ncalcite-chip {\n  pointer-events: none;\n  cursor: default;\n}\n\n.number--average {\n  font-weight: bold;\n}\n\n.number--count {\n  color: var(--calcite-color-text-2);\n  font-style: italic;\n  &:not(:first-child) {\n    margin-inline-start: var(--calcite-rating-spacing-unit);\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { focusFirstTabbable } from \"../../utils/dom\";\nimport { RatingMessages } from \"./assets/rating/t9n\";\nimport { StarIcon } from \"./functional/star\";\nimport { Star } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-rating\",\n  styleUrl: \"rating.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Rating\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies a cumulative average from previous ratings to display. */\n  @Prop({ reflect: true }) average: number;\n\n  /** Specifies the number of previous ratings to display. */\n  @Prop({ reflect: true }) count: number;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: RatingMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<RatingMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component's value can be read, but cannot be modified. */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */\n  @Prop({ reflect: true }) showChip = false;\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value = 0;\n\n  @Watch(\"value\")\n  handleValueUpdate(newValue: number): void {\n    this.hoverValue = newValue;\n    if (this.emit) {\n      this.calciteRatingChange.emit();\n    }\n\n    this.emit = false;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's value changes.\n   */\n  @Event({ cancelable: false }) calciteRatingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Static\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: RatingMessages;\n\n  @State() hoverValue: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentWillRender(): void {\n    this.starsMap = Array.from({ length: this.max }, (_, i) => {\n      const value = i + 1;\n      const average = !this.hoverValue && this.average && !this.value && value <= this.average;\n      const checked = value === this.value;\n      const fraction = this.average && this.average + 1 - value;\n      const hovered = value <= this.hoverValue;\n      const id = `${this.guid}-${value}`;\n      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;\n      const selected = this.value >= value;\n      const tabIndex = this.getTabIndex(value);\n      return {\n        average,\n        checked,\n        fraction,\n        hovered,\n        id,\n        partial,\n        selected,\n        value,\n        tabIndex,\n      };\n    });\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleHostKeyDown}\n        onPointerOut={this.handleRatingPointerOut}\n        onPointerOver={this.handleRatingPointerOver}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <span class=\"wrapper\">\n            <fieldset class=\"fieldset\" disabled={this.disabled}>\n              <legend class=\"visually-hidden\">{this.messages.rating}</legend>\n              {this.starsMap.map(\n                ({\n                  average,\n                  checked,\n                  fraction,\n                  hovered,\n                  id,\n                  partial,\n                  selected,\n                  value,\n                  tabIndex,\n                }) => {\n                  return (\n                    <label\n                      class={{\n                        star: true,\n                        selected,\n                        hovered,\n                        average,\n                        partial,\n                      }}\n                      data-value={value}\n                      htmlFor={id}\n                      onClick={this.handleLabelClick}\n                      onFocus={this.handleLabelFocus}\n                      onKeyDown={this.handleLabelKeyDown}\n                      onPointerDown={this.handleLabelPointerDown}\n                      onPointerOver={this.handleLabelPointerOver}\n                      ref={this.setLabelEl}\n                      tabIndex={tabIndex}\n                    >\n                      <input\n                        checked={checked}\n                        class=\"visually-hidden\"\n                        disabled={this.disabled || this.readOnly}\n                        id={id}\n                        name={this.guid}\n                        onChange={this.handleInputChange}\n                        tabIndex={-1}\n                        type=\"radio\"\n                        value={value}\n                      />\n                      <StarIcon full={selected || average} scale={this.scale} />\n                      {partial && (\n                        <div class=\"fraction\" style={{ width: `${fraction * 100}%` }}>\n                          <StarIcon full partial scale={this.scale} />\n                        </div>\n                      )}\n                      <span class=\"visually-hidden\">\n                        {this.messages.stars.replace(\"{num}\", `${value}`)}\n                      </span>\n                    </label>\n                  );\n                },\n              )}\n\n              {(this.count || this.average) && this.showChip ? (\n                <calcite-chip scale={this.scale} value={this.count?.toString()}>\n                  {!!this.average && <span class=\"number--average\">{this.average.toString()}</span>}\n                  {!!this.count && <span class=\"number--count\">({this.count?.toString()})</span>}\n                </calcite-chip>\n              ) : null}\n            </fieldset>\n            <HiddenFormInputSlot component={this} />\n          </span>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private handleRatingPointerOver = () => {\n    this.isKeyboardInteraction = false;\n  };\n\n  private handleRatingPointerOut = () => {\n    this.isKeyboardInteraction = true;\n    this.hoverValue = null;\n  };\n\n  private handleHostKeyDown = () => {\n    this.isKeyboardInteraction = true;\n  };\n\n  private handleLabelKeyDown = (event: KeyboardEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    const key = event.key;\n    const numberKey = key == \" \" ? undefined : Number(key);\n\n    this.emit = true;\n    if (isNaN(numberKey)) {\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n          break;\n        case \"ArrowLeft\":\n          this.value = this.getPreviousRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          this.value = this.getNextRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"Tab\":\n          this.hoverValue = null;\n          break;\n      }\n    } else {\n      if (!this.required && numberKey >= 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      } else if (this.required && numberKey > 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      }\n      this.updateFocus();\n    }\n  };\n\n  private handleInputChange = (event: InputEvent) => {\n    if (this.isKeyboardInteraction === true) {\n      const inputVal = Number(event.target[\"value\"]);\n      this.hoverValue = inputVal;\n      this.value = inputVal;\n    }\n  };\n\n  private handleLabelPointerOver = (event: PointerEvent) => {\n    this.hoverValue = this.getValueFromLabelEvent(event);\n  };\n\n  private handleLabelPointerDown = (event: PointerEvent) => {\n    const target = event.currentTarget as HTMLLabelElement;\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n    this.emit = true;\n    this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n    target.focus();\n  };\n\n  private handleLabelClick = (event: Event) => {\n    //preventing pointerdown event will supress any compatability mouse events except for click event.\n    event.preventDefault();\n  };\n\n  private handleLabelFocus = (event: FocusEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n  };\n\n  private updateFocus(): void {\n    this.hoverValue = this.value;\n    this.labelElements[this.value - 1].focus();\n  }\n\n  private getTabIndex(value: number): number {\n    if (this.readOnly || (this.value !== value && (this.value || value !== 1))) {\n      return -1;\n    }\n    return 0;\n  }\n\n  private setLabelEl = (el: HTMLLabelElement): void => {\n    this.labelElements.push(el);\n  };\n\n  private getValueFromLabelEvent(event: FocusEvent | PointerEvent | KeyboardEvent): number {\n    const target = event.currentTarget as HTMLLabelElement;\n    return Number(target.getAttribute(\"data-value\"));\n  }\n\n  getNextRatingValue(currentValue: number): number {\n    return currentValue === 5 ? 1 : currentValue + 1;\n  }\n\n  getPreviousRatingValue(currentValue: number): number {\n    return currentValue === 1 ? 5 : currentValue - 1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private State / Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRatingElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Rating[\"value\"];\n\n  private emit = false;\n\n  private guid = `calcite-ratings-${guid()}`;\n\n  private isKeyboardInteraction = true;\n\n  private labelElements: HTMLLabelElement[] = [];\n\n  private max = 5;\n\n  private starsMap: Star[];\n}\n"],"mappings":"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"}

package/dist/calcite/p-5a12b46c.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{d as e}from"./p-98d2c256.js";import"./p-0a4d99a4.js";import"./p-00a16331.js";import"./p-de4fc71c.js";import"./p-23ee64b9.js";import"./p-cf6aa511.js";import"./p-df2d6437.js";import"./p-7f72fcab.js";import"./p-4f41a679.js";import"./p-f57b0ec3.js";import"./p-f8fe47a7.js";import"./p-baa34b7d.js";import"./p-83656930.js";import"./p-36d175d9.js";import"./p-cc555ed1.js";import"./p-28220f44.js";import"./p-dc6e1504.js";import"./p-0cafbbdd.js";import"./p-3eecb61d.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,d){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?d[0]:d[1]}return d[2]},relativeTimeFormatter:function e(d,r,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&r)return"jedna godina";return n||r?m[0]:m[1]}var o=a.correctGrammarCase(d,m);if(t==="yy"&&r&&o==="%d godinu")return d+" godina";return o.replace("%d",d)}};var d={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(d,null,true);export{d as default};
-//# sourceMappingURL=p-5a12b46c.js.map

package/dist/calcite/p-5a12b46c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translator","words","m","mm","h","hh","d","dd","M","MM","y","yy","correctGrammarCase","number","wordKey","relativeTimeFormatter","withoutSuffix","key","isFuture","length","word","replace","locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","weekStart","relativeTime","future","past","s","ordinal","n","formats","LT","LTS","L","LL","LLL","LLLL","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/sr.js"],"sourcesContent":["// Serbian [sr]\nimport dayjs from '../index';\nvar translator = {\n  words: {\n    m: ['jedan minut', 'jednog minuta'],\n    mm: ['%d minut', '%d minuta', '%d minuta'],\n    h: ['jedan sat', 'jednog sata'],\n    hh: ['%d sat', '%d sata', '%d sati'],\n    d: ['jedan dan', 'jednog dana'],\n    dd: ['%d dan', '%d dana', '%d dana'],\n    M: ['jedan mesec', 'jednog meseca'],\n    MM: ['%d mesec', '%d meseca', '%d meseci'],\n    y: ['jednu godinu', 'jedne godine'],\n    yy: ['%d godinu', '%d godine', '%d godina']\n  },\n  correctGrammarCase: function correctGrammarCase(number, wordKey) {\n    if (number % 10 >= 1 && number % 10 <= 4 && (number % 100 < 10 || number % 100 >= 20)) {\n      return number % 10 === 1 ? wordKey[0] : wordKey[1];\n    }\n\n    return wordKey[2];\n  },\n  relativeTimeFormatter: function relativeTimeFormatter(number, withoutSuffix, key, isFuture) {\n    var wordKey = translator.words[key];\n\n    if (key.length === 1) {\n      // Nominativ\n      if (key === 'y' && withoutSuffix) return 'jedna godina';\n      return isFuture || withoutSuffix ? wordKey[0] : wordKey[1];\n    }\n\n    var word = translator.correctGrammarCase(number, wordKey); // Nominativ\n\n    if (key === 'yy' && withoutSuffix && word === '%d godinu') return number + \" godina\";\n    return word.replace('%d', number);\n  }\n};\nvar locale = {\n  name: 'sr',\n  weekdays: 'Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota'.split('_'),\n  weekdaysShort: 'Ned._Pon._Uto._Sre._Čet._Pet._Sub.'.split('_'),\n  weekdaysMin: 'ne_po_ut_sr_če_pe_su'.split('_'),\n  months: 'Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar'.split('_'),\n  monthsShort: 'Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.'.split('_'),\n  weekStart: 1,\n  relativeTime: {\n    future: 'za %s',\n    past: 'pre %s',\n    s: 'nekoliko sekundi',\n    m: translator.relativeTimeFormatter,\n    mm: translator.relativeTimeFormatter,\n    h: translator.relativeTimeFormatter,\n    hh: translator.relativeTimeFormatter,\n    d: translator.relativeTimeFormatter,\n    dd: translator.relativeTimeFormatter,\n    M: translator.relativeTimeFormatter,\n    MM: translator.relativeTimeFormatter,\n    y: translator.relativeTimeFormatter,\n    yy: translator.relativeTimeFormatter\n  },\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  },\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'D. M. YYYY.',\n    LL: 'D. MMMM YYYY.',\n    LLL: 'D. MMMM YYYY. H:mm',\n    LLLL: 'dddd, D. MMMM YYYY. H:mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEA,IAAIA,EAAa,CACfC,MAAO,CACLC,EAAG,CAAC,cAAe,iBACnBC,GAAI,CAAC,WAAY,YAAa,aAC9BC,EAAG,CAAC,YAAa,eACjBC,GAAI,CAAC,SAAU,UAAW,WAC1BC,EAAG,CAAC,YAAa,eACjBC,GAAI,CAAC,SAAU,UAAW,WAC1BC,EAAG,CAAC,cAAe,iBACnBC,GAAI,CAAC,WAAY,YAAa,aAC9BC,EAAG,CAAC,eAAgB,gBACpBC,GAAI,CAAC,YAAa,YAAa,cAEjCC,mBAAoB,SAASA,EAAmBC,EAAQC,GACtD,GAAID,EAAS,IAAM,GAAKA,EAAS,IAAM,IAAMA,EAAS,IAAM,IAAMA,EAAS,KAAO,IAAK,CACrF,OAAOA,EAAS,KAAO,EAAIC,EAAQ,GAAKA,EAAQ,EACtD,CAEI,OAAOA,EAAQ,EACnB,EACEC,sBAAuB,SAASA,EAAsBF,EAAQG,EAAeC,EAAKC,GAChF,IAAIJ,EAAUd,EAAWC,MAAMgB,GAE/B,GAAIA,EAAIE,SAAW,EAAG,CAEpB,GAAIF,IAAQ,KAAOD,EAAe,MAAO,eACzC,OAAOE,GAAYF,EAAgBF,EAAQ,GAAKA,EAAQ,EAC9D,CAEI,IAAIM,EAAOpB,EAAWY,mBAAmBC,EAAQC,GAEjD,GAAIG,IAAQ,MAAQD,GAAiBI,IAAS,YAAa,OAAOP,EAAS,UAC3E,OAAOO,EAAKC,QAAQ,KAAMR,EAC9B,GAEG,IAACS,EAAS,CACXC,KAAM,KACNC,SAAU,wDAAwDC,MAAM,KACxEC,cAAe,qCAAqCD,MAAM,KAC1DE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,mFAAmFH,MAAM,KACjGI,YAAa,2DAA2DJ,MAAM,KAC9EK,UAAW,EACXC,aAAc,CACZC,OAAQ,QACRC,KAAM,SACNC,EAAG,mBACHhC,EAAGF,EAAWe,sBACdZ,GAAIH,EAAWe,sBACfX,EAAGJ,EAAWe,sBACdV,GAAIL,EAAWe,sBACfT,EAAGN,EAAWe,sBACdR,GAAIP,EAAWe,sBACfP,EAAGR,EAAWe,sBACdN,GAAIT,EAAWe,sBACfL,EAAGV,EAAWe,sBACdJ,GAAIX,EAAWe,uBAEjBoB,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,QAAS,CACPC,GAAI,OACJC,IAAK,UACLC,EAAG,cACHC,GAAI,gBACJC,IAAK,qBACLC,KAAM,6BAGVC,EAAMtB,OAAOA,EAAQ,KAAM,a"}

package/dist/calcite/p-5e429f68.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{r as i,c as e,h as t,H as a,g as n}from"./p-0a4d99a4.js";import{w as s,g as o,f as c}from"./p-de4fc71c.js";import{d as l,a as r,c as h,u as d}from"./p-cc555ed1.js";import{s as p,a as m,c as b}from"./p-baa34b7d.js";import{c as x}from"./p-36d175d9.js";import{o as v}from"./p-0cafbbdd.js";import{C as f}from"./p-cf6aa511.js";import"./p-23ee64b9.js";import"./p-f8fe47a7.js";const g={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",containerSlottedInShell:"container--slotted-in-shell"};const u=":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const w=u;const y=class{constructor(t){i(this,t);this.calciteSheetBeforeClose=e(this,"calciteSheetBeforeClose",6);this.calciteSheetClose=e(this,"calciteSheetClose",6);this.calciteSheetBeforeOpen=e(this,"calciteSheetBeforeOpen",6);this.calciteSheetOpen=e(this,"calciteSheetOpen",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i;this.contentId=s(i)};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteSheetOpen",this.openEnd)};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeSheet=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}this.opened=false;this.removeOverflowHiddenClass()};this.beforeClose=undefined;this.displayMode="overlay";this.escapeDisabled=false;this.heightScale="m";this.focusTrapDisabled=false;this.label=undefined;this.open=false;this.opened=false;this.outsideCloseDisabled=false;this.position="inline-start";this.slottedInShell=undefined;this.widthScale="m"}handleFocusTrapDisabled(i){if(!this.open){return}i?l(this):r(this)}toggleSheet(i){if(this.ignoreOpenChange){return}if(i){this.openSheet()}else{this.closeSheet()}}handleOpenedChange(){v(this)}async componentWillLoad(){p(this);if(this.open){requestAnimationFrame((()=>this.openSheet()))}}componentDidLoad(){m(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});h(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();l(this);this.slottedInShell=false}render(){const i=o(this.el);return t(a,{key:"63e321ecb08bf8d274ed051308ac0a641f92feba","aria-describedby":this.contentId,"aria-label":this.label,"aria-modal":"true",role:"dialog"},t("div",{key:"7b05d963fc37d3e72cc9eaa5a391c4b72e30a322",class:{[g.container]:true,[g.containerOpen]:this.opened,[g.containerSlottedInShell]:this.slottedInShell,[f.rtl]:i==="rtl"}},t("calcite-scrim",{key:"4a449289c1ebbaee0ebab426b50f2fe4799da402",class:g.scrim,onClick:this.handleOutsideClose}),t("div",{key:"b43bad1af599d02c40ebe17b89f28f55d2602add",class:{[g.content]:true},ref:this.setTransitionEl},t("slot",{key:"78faab4b2a5558175afbe69d53da438ba3957bf9"}))))}handleEscape(i){if(this.open&&!this.escapeDisabled&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await b(this);c(this.el)}async updateFocusTrapElements(){d(this)}onBeforeOpen(){this.calciteSheetBeforeOpen.emit()}onOpen(){this.calciteSheetOpen.emit();r(this)}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit();l(this)}openSheet(){this.el.addEventListener("calciteSheetOpen",this.openEnd);this.opened=true;if(!this.slottedInShell){this.initialOverflowCSS=document.documentElement.style.overflow;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}handleMutationObserver(){this.updateFocusTrapElements()}get el(){return n(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],open:["toggleSheet"],opened:["handleOpenedChange"]}}};y.style=w;export{y as calcite_sheet};
-//# sourceMappingURL=p-5e429f68.entry.js.map

package/dist/calcite/p-5e429f68.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","scrim","container","containerOpen","content","containerSlottedInShell","sheetCss","CalciteSheetStyle0","Sheet","this","openTransitionProp","ignoreOpenChange","mutationObserver","createObserver","handleMutationObserver","setTransitionEl","el","transitionEl","contentId","ensureId","openEnd","setFocus","removeEventListener","handleOutsideClose","outsideCloseDisabled","open","closeSheet","async","beforeClose","_error","requestAnimationFrame","opened","removeOverflowHiddenClass","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","toggleSheet","value","openSheet","handleOpenedChange","onToggleOpenCloseComponent","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","connectedCallback","observe","childList","subtree","connectFocusTrap","disconnectedCallback","disconnect","slottedInShell","render","dir","getElementDir","h","Host","key","label","role","class","CSS_UTILITY","rtl","onClick","ref","handleEscape","event","escapeDisabled","defaultPrevented","preventDefault","componentFocusable","focusFirstTabbable","updateFocusTrapElements","onBeforeOpen","calciteSheetBeforeOpen","emit","onOpen","calciteSheetOpen","onBeforeClose","calciteSheetBeforeClose","onClose","calciteSheetClose","addEventListener","initialOverflowCSS","document","documentElement","style","overflow","setProperty"],"sources":["src/components/sheet/resources.ts","src/components/sheet/sheet.scss?tag=calcite-sheet&encapsulation=shadow","src/components/sheet/sheet.tsx"],"sourcesContent":["export const CSS = {\n  scrim: \"scrim\",\n  container: \"container\",\n  containerOpen: \"container--open\",\n  content: \"content\",\n  containerSlottedInShell: \"container--slotted-in-shell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-sheet-scrim-background: Specifies the background color of the sheet scrim.\n * @prop --calcite-sheet-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.\n * @prop --calcite-sheet-max-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component.\n * @prop --calcite-sheet-min-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component.\n * @prop --calcite-sheet-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.\n * @prop --calcite-sheet-max-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component.\n * @prop --calcite-sheet-min-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component.\n *\n */\n\n:host {\n  @apply flex absolute z-overlay inset-0;\n  visibility: hidden !important;\n  // the sheet should always use a dark scrim, regardless of light / dark mode - matches value in global.scss\n  --calcite-sheet-scrim-background-internal: #{rgba($blk-240, 0.85)};\n  --calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl {\n  --calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.container {\n  @apply text-color-2\n    fixed\n    flex\n    overflow-y-hidden\n    opacity-0\n    z-overlay\n    invisible;\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-medium),\n    opacity var(--calcite-internal-animation-timing-medium) $easing-function;\n}\n\n:host([position=\"inline-start\"]) .container {\n  @apply justify-start;\n  inset-block: 0;\n  inset-inline: 0 auto;\n  --calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0);\n}\n\n:host([position=\"inline-end\"]) .container {\n  @apply justify-end;\n  inset-block: 0;\n  inset-inline: auto 0;\n  --calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0);\n}\n\n:host([position=\"block-start\"]) .container {\n  @apply items-start;\n  inset-block: 0 auto;\n  inset-inline: 0;\n  --calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0);\n}\n\n:host([position=\"block-end\"]) .container {\n  @apply items-end;\n  inset-block: auto 0;\n  inset-inline: 0;\n  --calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0);\n}\n\n:host([display-mode=\"float\"]) .content {\n  @apply shadow-2-sm;\n}\n\n:host([display-mode=\"overlay\"][position=\"inline-start\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-inline-start-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"inline-end\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-inline-end-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"block-start\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-block-start-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"block-end\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-block-end-internal);\n}\n\n:host([position^=\"inline\"]) .container,\n:host([position^=\"inline\"]) .content {\n  inline-size: var(--calcite-sheet-width-internal);\n  max-inline-size: var(--calcite-sheet-max-width-internal);\n  min-inline-size: var(--calcite-sheet-min-width-internal);\n}\n\n:host([position^=\"block\"]) .container,\n:host([position^=\"block\"]) .content {\n  block-size: var(--calcite-sheet-height-internal);\n  max-block-size: var(--calcite-sheet-max-height-internal);\n  min-block-size: var(--calcite-sheet-min-height-internal);\n}\n\n:host([display-mode=\"float\"][position^=\"inline\"]) .container {\n  block-size: calc(100% - 1.5rem);\n  max-block-size: calc(100% - 1.5rem);\n  min-block-size: calc(100% - 1.5rem);\n}\n:host([display-mode=\"float\"][position^=\"block\"]) .container {\n  inline-size: calc(100% - 1.5rem);\n  max-inline-size: calc(100% - 1.5rem);\n  min-inline-size: calc(100% - 1.5rem);\n}\n\n:host([position^=\"inline\"][width-scale=\"s\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px);\n}\n\n:host([position^=\"inline\"][width-scale=\"m\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px);\n}\n\n:host([position^=\"inline\"][width-scale=\"l\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px);\n}\n\n:host([position^=\"block\"][height-scale=\"s\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh);\n}\n\n:host([position^=\"block\"][height-scale=\"m\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh);\n}\n\n:host([position^=\"block\"][height-scale=\"l\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh);\n}\n\n.scrim {\n  --calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));\n  @apply fixed inset-0 flex overflow-y-hidden;\n}\n\n:host([opened]) {\n  visibility: visible !important;\n}\n\n.content {\n  @apply relative box-border block p-0 z-modal max-h-full max-w-full overflow-y-hidden;\n  background-color: theme(\"colors.background.foreground.1\");\n  max-block-size: 100%;\n  visibility: hidden;\n  transition:\n    transform var(--calcite-internal-animation-timing-medium) $easing-function,\n    visibility 0ms linear var(--calcite-internal-animation-timing-medium),\n    opacity var(--calcite-internal-animation-timing-medium) $easing-function;\n  transform: var(--calcite-sheet-hidden-position-internal);\n}\n\n.container--open .content {\n  transform: translate3d(0, 0, 0);\n}\n\n:host([display-mode=\"float\"]) .content,\n:host([display-mode=\"float\"]) .container {\n  @apply rounded;\n}\n\n:host([display-mode=\"float\"]) .container {\n  @apply p-3;\n}\n\n.container--open {\n  @apply opacity-100 visible;\n  transition-delay: 0ms;\n  .content {\n    @apply pointer-events-auto visible opacity-100;\n    transition:\n      transform var(--calcite-internal-animation-timing-medium) $easing-function,\n      visibility 0ms linear,\n      opacity var(--calcite-internal-animation-timing-medium) $easing-function,\n      max-inline-size var(--calcite-internal-animation-timing-medium) $easing-function,\n      max-block-size var(--calcite-internal-animation-timing-medium) $easing-function;\n    transition-delay: 0ms;\n  }\n}\n\n:host([position=\"inline-start\"]) .content,\n:host([position=\"inline-end\"]) .content {\n  @apply h-full;\n}\n\n:host([position=\"block-start\"]) .content,\n:host([position=\"block-end\"]) .content {\n  @apply w-full;\n}\n\n/**\n * Conditional styles for when Sheet is slotted in Shell\n */\n:host([position]) .container--slotted-in-shell {\n  @apply absolute pointer-events-auto;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  min-inline-size: 100%;\n  block-size: 100%;\n  max-block-size: 100%;\n  min-block-size: 100%;\n  calcite-scrim {\n    @apply absolute;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { ensureId, focusFirstTabbable, getElementDir } from \"../../utils/dom\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { LogicalFlowPosition, Scale } from \"../interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { CSS } from \"./resources\";\nimport { DisplayMode } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-sheet\",\n  styleUrl: \"sheet.scss\",\n  shadow: true,\n})\nexport class Sheet implements OpenCloseComponent, FocusTrapComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *  Passes a function to run before the component closes.\n   *\n   * @returns {Promise<void>}\n   */\n  @Prop() beforeClose: (el: HTMLCalciteSheetElement) => Promise<void>;\n\n  /**\n   * Specifies the display mode - `\"float\"` (content is separated detached),\n   * or `\"overlay\"` (displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"overlay\";\n\n  /** When `true`, disables the default close on escape behavior. */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /**\n   * When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"m\";\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * Specifies the label of the component.\n   */\n  @Prop() label!: string;\n\n  /** When `true`, displays and positions the component.  */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  toggleSheet(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openSheet();\n    } else {\n      this.closeSheet();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .\n   *\n   * @internal.\n   */\n  @Prop({ mutable: true, reflect: true }) opened = false;\n\n  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /** Determines where the component will be positioned. */\n  @Prop({ reflect: true }) position: LogicalFlowPosition = \"inline-start\";\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop() slottedInShell: boolean;\n\n  /**\n   * When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    // when sheet initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      requestAnimationFrame(() => this.openSheet());\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    deactivateFocusTrap(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    return (\n      <Host\n        aria-describedby={this.contentId}\n        aria-label={this.label}\n        aria-modal=\"true\"\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: this.opened,\n            [CSS.containerSlottedInShell]: this.slottedInShell,\n            [CSS_UTILITY.rtl]: dir === \"rtl\",\n          }}\n        >\n          <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          <div\n            class={{\n              [CSS.content]: true,\n            }}\n            ref={this.setTransitionEl}\n          >\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  @Element() el: HTMLCalciteSheetElement;\n\n  private contentId: string;\n\n  private initialOverflowCSS: string;\n\n  private ignoreOpenChange = false;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver(),\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleEscape(event: KeyboardEvent): void {\n    if (this.open && !this.escapeDisabled && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.open = false;\n      event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteSheetBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteSheetClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteSheetBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteSheetOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button - the first focusable item.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onBeforeOpen(): void {\n    this.calciteSheetBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteSheetOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calciteSheetBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteSheetClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n    this.contentId = ensureId(el);\n  };\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteSheetOpen\", this.openEnd);\n  };\n\n  private openSheet(): void {\n    this.el.addEventListener(\"calciteSheetOpen\", this.openEnd);\n    this.opened = true;\n    if (!this.slottedInShell) {\n      this.initialOverflowCSS = document.documentElement.style.overflow;\n      // use an inline style instead of a utility class to avoid global class declarations.\n      document.documentElement.style.setProperty(\"overflow\", \"hidden\");\n    }\n  }\n\n  private handleOutsideClose = (): void => {\n    if (this.outsideCloseDisabled) {\n      return;\n    }\n\n    this.open = false;\n  };\n\n  private closeSheet = async (): Promise<void> => {\n    if (this.beforeClose) {\n      try {\n        await this.beforeClose(this.el);\n      } catch (_error) {\n        // close prevented\n        requestAnimationFrame(() => {\n          this.ignoreOpenChange = true;\n          this.open = true;\n          this.ignoreOpenChange = false;\n        });\n        return;\n      }\n    }\n\n    this.opened = false;\n    this.removeOverflowHiddenClass();\n  };\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", this.initialOverflowCSS);\n  }\n\n  private handleMutationObserver(): void {\n    this.updateFocusTrapElements();\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-5f80c0c0.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{r as t,c as e,h as i,g as s}from"./p-0a4d99a4.js";import{c as a,d as n,u as o,I as r}from"./p-df2d6437.js";import{c}from"./p-36d175d9.js";import{d,a as l,c as h}from"./p-de2226b3.js";import{d as f}from"./p-de4fc71c.js";import"./p-7f72fcab.js";import"./p-23ee64b9.js";import"./p-cf6aa511.js";const b={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const u=":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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const p=u;const m=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=c("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(d(this)){return}this.setUpSorting();this.beginObserving();a(this)}disconnectedCallback(){if(d(this)){return}n(this);l(this);this.endObserving()}componentDidRender(){o(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let o=false;let r;if(e==="up"){if(n===0){o=true}else{r=n-1}}else{if(n===a){r=0}else if(n===a-1){o=true}else{r=n+2}}this.endObserving();if(o){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[r])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>f(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(r,{key:"1d1ca38cb992e78dc7f8cac66c7ee2d27fe85992",disabled:t},i("div",{key:"556fc03733b819ac5cccf142c6683a472bc8472a",class:{[b.container]:true,[b.containerVertical]:!s,[b.containerHorizontal]:s}},i("slot",{key:"5cea272c33957a923f7cce3494050db3cb00f3bb"})))}get el(){return s(this)}};m.style=p;export{m as calcite_sortable_list};
-//# sourceMappingURL=p-5f80c0c0.entry.js.map

package/dist/calcite/p-5f80c0c0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","sortItem","container","containerHorizontal","containerVertical","sortableListCss","CalciteSortableListStyle0","SortableList","this","items","mutationObserver","createObserver","setUpSorting","dragEnabled","connectedCallback","dragActive","beginObserving","connectInteractive","disconnectedCallback","disconnectInteractive","disconnectSortableComponent","endObserving","componentDidRender","updateHostInteraction","calciteHandleNudgeNextHandler","event","handleNudgeEvent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","onDragStart","onDragSort","Array","from","el","children","calciteListOrderChange","emit","direction","detail","handle","composedPath","find","matches","handleSelector","item","contains","includes","lastIndex","length","startingIndex","indexOf","appendInstead","buddyIndex","parentElement","appendChild","insertBefore","requestAnimationFrame","focusElement","selected","connectSortableComponent","observe","childList","subtree","disconnect","render","disabled","layout","horizontal","h","InteractiveContainer","key","class"],"sources":["src/components/sortable-list/resources.ts","src/components/sortable-list/sortable-list.scss?tag=calcite-sortable-list&encapsulation=shadow","src/components/sortable-list/sortable-list.tsx"],"sourcesContent":["export const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\",\n};\n",":host {\n  @apply flex;\n}\n\n@include disabled();\n\n.container {\n  @apply flex flex-auto;\n}\n\n.container--vertical {\n  @apply flex-col;\n}\n\n.container--horizontal {\n  @apply flex-row;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, VNode } from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport { Layout } from \"../interfaces\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding sortable items.\n */\n@Component({\n  tag: \"calcite-sortable-list\",\n  styleUrl: \"sortable-list.scss\",\n  shadow: true,\n})\nexport class SortableList implements InteractiveComponent, SortableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * Specifies which items inside the element should be draggable.\n   */\n  @Prop({ reflect: true }) dragSelector?: string;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * The selector for the handle elements.\n   */\n  @Prop({ reflect: true }) handleSelector = \"calcite-handle\";\n\n  /**\n   * Indicates the horizontal or vertical orientation of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  /**\n   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When true, content is waiting to be loaded. This state shows a busy indicator.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSortableListElement;\n\n  items: Element[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    this.setUpSorting();\n  });\n\n  sortable: Sortable;\n\n  dragEnabled = true;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.setUpSorting();\n    this.beginObserving();\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    this.endObserving();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<void>;\n\n  @Listen(\"calciteHandleNudge\")\n  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void {\n    this.handleNudgeEvent(event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    this.endObserving();\n  }\n\n  onGlobalDragEnd(): void {\n    this.beginObserving();\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.children);\n    this.calciteListOrderChange.emit();\n  }\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const handle = event\n      .composedPath()\n      .find((el: HTMLElement) => el.matches(this.handleSelector)) as HTMLElement;\n\n    const sortItem = this.items.find((item) => {\n      return item.contains(handle) || event.composedPath().includes(item);\n    });\n\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex: number;\n\n    if (direction === \"up\") {\n      if (startingIndex === 0) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex - 1;\n      }\n    } else {\n      if (startingIndex === lastIndex) {\n        buddyIndex = 0;\n      } else if (startingIndex === lastIndex - 1) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex + 2;\n      }\n    }\n\n    this.endObserving();\n\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    } else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n\n    this.items = Array.from(this.el.children);\n\n    this.beginObserving();\n    requestAnimationFrame(() => focusElement(handle));\n\n    if (\"selected\" in handle) {\n      handle.selected = true;\n    }\n  }\n\n  setUpSorting(): void {\n    this.items = Array.from(this.el.children);\n    connectSortableComponent(this);\n  }\n\n  beginObserving(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  endObserving(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { disabled, layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerVertical]: !horizontal,\n            [CSS.containerHorizontal]: horizontal,\n          }}\n        >\n          <slot />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;0SAAO,MAAMA,EAAM,CACjBC,SAAU,YACVC,UAAW,YACXC,oBAAqB,wBACrBC,kBAAmB,uBCJrB,MAAMC,EAAkB,yhBACxB,MAAAC,EAAeD,E,MC6BFE,EAAY,M,wFAyDvBC,KAAAC,MAAmB,GAEnBD,KAAAE,iBAAmBC,EAAe,YAAY,KAC5CH,KAAKI,cAAc,IAKrBJ,KAAAK,YAAc,K,kHAjC4B,iB,YAKA,W,cAKN,M,aAKD,K,CA0BnC,iBAAAC,GACE,GAAIC,EAAWP,MAAO,CACpB,M,CAGFA,KAAKI,eACLJ,KAAKQ,iBACLC,EAAmBT,K,CAGrB,oBAAAU,GACE,GAAIH,EAAWP,MAAO,CACpB,M,CAGFW,EAAsBX,MACtBY,EAA4BZ,MAC5BA,KAAKa,c,CAGP,kBAAAC,GACEC,EAAsBf,K,CAexB,6BAAAgB,CAA8BC,GAC5BjB,KAAKkB,iBAAiBD,E,CASxB,iBAAAE,GACEnB,KAAKa,c,CAGP,eAAAO,GACEpB,KAAKQ,gB,CAGP,SAAAa,GAAS,CAET,WAAAC,GAAW,CAEX,UAAAC,GACEvB,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAChC3B,KAAK4B,uBAAuBC,M,CAG9B,gBAAAX,CAAiBD,GACf,MAAMa,UAAEA,GAAcb,EAAMc,OAE5B,MAAMC,EAASf,EACZgB,eACAC,MAAMR,GAAoBA,EAAGS,QAAQnC,KAAKoC,kBAE7C,MAAM3C,EAAWO,KAAKC,MAAMiC,MAAMG,GACzBA,EAAKC,SAASN,IAAWf,EAAMgB,eAAeM,SAASF,KAGhE,MAAMG,EAAYxC,KAAKC,MAAMwC,OAAS,EACtC,MAAMC,EAAgB1C,KAAKC,MAAM0C,QAAQlD,GACzC,IAAImD,EAAgB,MACpB,IAAIC,EAEJ,GAAIf,IAAc,KAAM,CACtB,GAAIY,IAAkB,EAAG,CACvBE,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,MAE1B,CACL,GAAIA,IAAkBF,EAAW,CAC/BK,EAAa,C,MACR,GAAIH,IAAkBF,EAAY,EAAG,CAC1CI,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,EAIjC1C,KAAKa,eAEL,GAAI+B,EAAe,CACjBnD,EAASqD,cAAcC,YAAYtD,E,KAC9B,CACLA,EAASqD,cAAcE,aAAavD,EAAUO,KAAKC,MAAM4C,G,CAG3D7C,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAEhC3B,KAAKQ,iBACLyC,uBAAsB,IAAMC,EAAalB,KAEzC,GAAI,aAAcA,EAAQ,CACxBA,EAAOmB,SAAW,I,EAItB,YAAA/C,GACEJ,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAChCyB,EAAyBpD,K,CAG3B,cAAAQ,GACER,KAAKE,kBAAkBmD,QAAQrD,KAAK0B,GAAI,CAAE4B,UAAW,KAAMC,QAAS,M,CAGtE,YAAA1C,GACEb,KAAKE,kBAAkBsD,Y,CASzB,MAAAC,GACE,MAAMC,SAAEA,EAAQC,OAAEA,GAAW3D,KAC7B,MAAM4D,EAAaD,IAAW,cAAgB,MAE9C,OACEE,EAACC,EAAoB,CAAAC,IAAA,2CAACL,SAAUA,GAC9BG,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,CAACxE,EAAIE,WAAY,KACjB,CAACF,EAAII,oBAAqBgE,EAC1B,CAACpE,EAAIG,qBAAsBiE,IAG7BC,EAAA,QAAAE,IAAA,8C"}

package/dist/calcite/p-5f89579d.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{d as r}from"./p-98d2c256.js";import"./p-0a4d99a4.js";import"./p-00a16331.js";import"./p-de4fc71c.js";import"./p-23ee64b9.js";import"./p-cf6aa511.js";import"./p-df2d6437.js";import"./p-7f72fcab.js";import"./p-4f41a679.js";import"./p-f57b0ec3.js";import"./p-f8fe47a7.js";import"./p-baa34b7d.js";import"./p-83656930.js";import"./p-36d175d9.js";import"./p-cc555ed1.js";import"./p-28220f44.js";import"./p-dc6e1504.js";import"./p-0cafbbdd.js";import"./p-3eecb61d.js";var e={name:"zh-cn",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(e,t){switch(t){case"W":return e+"周";default:return e+"日"}},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s内",past:"%s前",s:"几秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},meridiem:function r(e,t){var _=e*100+t;if(_<600){return"凌晨"}else if(_<900){return"早上"}else if(_<1100){return"上午"}else if(_<1300){return"中午"}else if(_<1800){return"下午"}return"晚上"}};r.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-5f89579d.js.map

package/dist/calcite/p-5f89579d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","number","period","weekStart","yearStart","formats","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","meridiem","hour","minute","hm","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/zh-cn.js"],"sourcesContent":["// Chinese (China) [zh-cn]\nimport dayjs from '../index';\nvar locale = {\n  name: 'zh-cn',\n  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),\n  weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split('_'),\n  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),\n  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),\n  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),\n  ordinal: function ordinal(number, period) {\n    switch (period) {\n      case 'W':\n        return number + \"\\u5468\";\n\n      default:\n        return number + \"\\u65E5\";\n    }\n  },\n  weekStart: 1,\n  yearStart: 4,\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'YYYY/MM/DD',\n    LL: 'YYYY年M月D日',\n    LLL: 'YYYY年M月D日Ah点mm分',\n    LLLL: 'YYYY年M月D日ddddAh点mm分',\n    l: 'YYYY/M/D',\n    ll: 'YYYY年M月D日',\n    lll: 'YYYY年M月D日 HH:mm',\n    llll: 'YYYY年M月D日dddd HH:mm'\n  },\n  relativeTime: {\n    future: '%s内',\n    past: '%s前',\n    s: '几秒',\n    m: '1 分钟',\n    mm: '%d 分钟',\n    h: '1 小时',\n    hh: '%d 小时',\n    d: '1 天',\n    dd: '%d 天',\n    M: '1 个月',\n    MM: '%d 个月',\n    y: '1 年',\n    yy: '%d 年'\n  },\n  meridiem: function meridiem(hour, minute) {\n    var hm = hour * 100 + minute;\n\n    if (hm < 600) {\n      return '凌晨';\n    } else if (hm < 900) {\n      return '早上';\n    } else if (hm < 1100) {\n      return '上午';\n    } else if (hm < 1300) {\n      return '中午';\n    } else if (hm < 1800) {\n      return '下午';\n    }\n\n    return '晚上';\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,QACNC,SAAU,8BAA8BC,MAAM,KAC9CC,cAAe,uBAAuBD,MAAM,KAC5CE,YAAa,gBAAgBF,MAAM,KACnCG,OAAQ,wCAAwCH,MAAM,KACtDI,YAAa,yCAAyCJ,MAAM,KAC5DK,QAAS,SAASA,EAAQC,EAAQC,GAChC,OAAQA,GACN,IAAK,IACH,OAAOD,EAAS,IAElB,QACE,OAAOA,EAAS,IAExB,EACEE,UAAW,EACXC,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,sBACNC,EAAG,WACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,uBAERC,aAAc,CACZC,OAAQ,MACRC,KAAM,MACNC,EAAG,KACHC,EAAG,OACHC,GAAI,QACJC,EAAG,OACHC,GAAI,QACJC,EAAG,MACHC,GAAI,OACJC,EAAG,OACHC,GAAI,QACJC,EAAG,MACHC,GAAI,QAENC,SAAU,SAASA,EAASC,EAAMC,GAChC,IAAIC,EAAKF,EAAO,IAAMC,EAEtB,GAAIC,EAAK,IAAK,CACZ,MAAO,IACb,MAAW,GAAIA,EAAK,IAAK,CACnB,MAAO,IACb,MAAW,GAAIA,EAAK,KAAM,CACpB,MAAO,IACb,MAAW,GAAIA,EAAK,KAAM,CACpB,MAAO,IACb,MAAW,GAAIA,EAAK,KAAM,CACpB,MAAO,IACb,CAEI,MAAO,IACX,GAEAC,EAAM1C,OAAOA,EAAQ,KAAM,a"}

package/dist/calcite/p-60591abc.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{r as t,h as a,g as s}from"./p-0a4d99a4.js";import{d as o}from"./p-de4fc71c.js";import{c as e,u as d,d as i,I as l}from"./p-df2d6437.js";import{s as n,a as c,c as r}from"./p-baa34b7d.js";import"./p-23ee64b9.js";import"./p-cf6aa511.js";import"./p-7f72fcab.js";import"./p-f8fe47a7.js";const p={button:"button"};const h={plus:"plus"};const w=":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;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:var(--calcite-shadow-md);--tw-shadow-colored:var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([hidden]){display:none}[hidden]{display:none}";const b=w;const f=class{constructor(a){t(this,a);this.appearance="solid";this.kind="brand";this.disabled=false;this.icon=h.plus;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false}connectedCallback(){e(this)}componentWillLoad(){n(this)}componentDidLoad(){c(this)}componentDidRender(){d(this)}disconnectedCallback(){i(this)}async setFocus(){await r(this);o(this.buttonEl)}render(){const{appearance:t,kind:s,disabled:o,loading:e,scale:d,textEnabled:i,icon:n,label:c,text:r,iconFlipRtl:h}=this;const w=!i?c||r||null:null;return a(l,{key:"4203fb6efbcb95a451ff7853fdb8e60f992f96ee",disabled:o},a("calcite-button",{key:"092c37a2a614296c1de1cdd70b9ada14c0a1f6e0",appearance:t==="solid"?"solid":"outline-fill",class:p.button,disabled:o,iconFlipRtl:h?"start":null,iconStart:n,kind:s,label:c,loading:e,ref:t=>{this.buttonEl=t},round:true,scale:d,title:w,type:"button",width:"auto"},this.textEnabled?this.text:null))}get el(){return s(this)}};f.style=b;export{f as calcite_fab};
-//# sourceMappingURL=p-60591abc.entry.js.map

package/dist/calcite/p-60591abc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","button","ICONS","plus","fabCss","CalciteFabStyle0","Fab","connectedCallback","connectInteractive","this","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","setFocus","componentFocusable","focusElement","buttonEl","render","appearance","kind","disabled","loading","scale","textEnabled","icon","label","text","iconFlipRtl","title","h","InteractiveContainer","key","class","iconStart","ref","round","type","width"],"sources":["src/components/fab/resources.ts","src/components/fab/fab.scss?tag=calcite-fab&encapsulation=shadow","src/components/fab/fab.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n};\n\nexport const ICONS = {\n  plus: \"plus\",\n};\n",":host {\n  @apply flex bg-transparent;\n}\n\n@include disabled();\n\ncalcite-button {\n  @apply shadow-2;\n  &:hover {\n    @apply shadow-2-lg;\n  }\n  &:active {\n    @apply shadow-2-sm;\n  }\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-fab\",\n  styleUrl: \"fab.scss\",\n  shadow: true,\n})\nexport class Fab implements InteractiveComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the appearance style of the component.\n   */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"outline-fill\", Appearance> = \"solid\";\n\n  /**\n   * Specifies the kind of the component, which will apply to border and background.\n   */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @default \"plus\"\n   */\n  @Prop({ reflect: true }) icon: string = ICONS.plus;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text to accompany the component's icon.\n   */\n  @Prop() text: string;\n\n  /**\n   * When `true`, displays the `text` value in the component.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFabElement;\n\n  private buttonEl: HTMLElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.buttonEl);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const {\n      appearance,\n      kind,\n      disabled,\n      loading,\n      scale,\n      textEnabled,\n      icon,\n      label,\n      text,\n      iconFlipRtl,\n    } = this;\n\n    const title = !textEnabled ? label || text || null : null;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <calcite-button\n          appearance={appearance === \"solid\" ? \"solid\" : \"outline-fill\"}\n          class={CSS.button}\n          disabled={disabled}\n          iconFlipRtl={iconFlipRtl ? \"start\" : null}\n          iconStart={icon}\n          kind={kind}\n          label={label}\n          loading={loading}\n          ref={(buttonEl): void => {\n            this.buttonEl = buttonEl;\n          }}\n          round={true}\n          scale={scale}\n          title={title}\n          type=\"button\"\n          width=\"auto\"\n        >\n          {this.textEnabled ? this.text : null}\n        </calcite-button>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":";;;;;iSAAO,MAAMA,EAAM,CACjBC,OAAQ,UAGH,MAAMC,EAAQ,CACnBC,KAAM,QCLR,MAAMC,EAAS,wuCACf,MAAAC,EAAeD,E,MCsBFE,EAAG,M,yCAUuE,Q,UAMnF,Q,cAKkC,M,UAOIJ,EAAMC,K,iBAGP,M,kCAUJ,M,WAKK,I,qCAUD,K,CAkBvC,iBAAAI,GACEC,EAAmBC,K,CAGrB,iBAAAC,GACEC,EAAuBF,K,CAGzB,gBAAAG,GACEC,EAAmBJ,K,CAGrB,kBAAAK,GACEC,EAAsBN,K,CAGxB,oBAAAO,GACEC,EAAsBR,K,CAWxB,cAAMS,SACEC,EAAmBV,MAEzBW,EAAaX,KAAKY,S,CASpB,MAAAC,GACE,MAAMC,WACJA,EAAUC,KACVA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,MACJA,EAAKC,KACLA,EAAIC,YACJA,GACEvB,KAEJ,MAAMwB,GAASL,EAAcE,GAASC,GAAQ,KAAO,KAErD,OACEG,EAACC,EAAoB,CAAAC,IAAA,2CAACX,SAAUA,GAC9BS,EAAA,kBAAAE,IAAA,2CACEb,WAAYA,IAAe,QAAU,QAAU,eAC/Cc,MAAOrC,EAAIC,OACXwB,SAAUA,EACVO,YAAaA,EAAc,QAAU,KACrCM,UAAWT,EACXL,KAAMA,EACNM,MAAOA,EACPJ,QAASA,EACTa,IAAMlB,IACJZ,KAAKY,SAAWA,CAAQ,EAE1BmB,MAAO,KACPb,MAAOA,EACPM,MAAOA,EACPQ,KAAK,SACLC,MAAM,QAELjC,KAAKmB,YAAcnB,KAAKsB,KAAO,M"}

package/dist/calcite/p-65d21e78.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.9.0
- */
-import{r as e,c as t,h as i,H as a,g as n}from"./p-0a4d99a4.js";import{c as o,d as c}from"./p-30295b35.js";import{f as s,e as r,t as l}from"./p-de4fc71c.js";import{c as d,d as h,u as g,I as p}from"./p-df2d6437.js";import{c as u,d as f}from"./p-83656930.js";import{u as m,c as b,d as v,s as x}from"./p-dc6e1504.js";import{H as y}from"./p-0aa3c21e.js";import{c as k,s as w,a as C}from"./p-baa34b7d.js";import{o as z}from"./p-0cafbbdd.js";import{i as j}from"./p-4f41a679.js";import"./p-36d175d9.js";import"./p-23ee64b9.js";import"./p-cf6aa511.js";import"./p-7f72fcab.js";import"./p-f8fe47a7.js";const _={content:"content",toggle:"toggle",header:"header"};const L={button:"button",container:"container",content:"content",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",heading:"heading",icon:"icon",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"};const B={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};const I={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const D=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex;margin-inline-start:0.75rem;margin-inline-end:0px}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:0.75rem;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}';const O=D;const S=class{constructor(i){e(this,i);this.calciteBlockBeforeClose=t(this,"calciteBlockBeforeClose",6);this.calciteBlockBeforeOpen=t(this,"calciteBlockBeforeOpen",6);this.calciteBlockClose=t(this,"calciteBlockClose",6);this.calciteBlockOpen=t(this,"calciteBlockOpen",6);this.calciteBlockToggle=t(this,"calciteBlockToggle",6);this.openTransitionProp="opacity";this.onHeaderClick=()=>{this.open=!this.open;this.calciteBlockToggle.emit()};this.setTransitionEl=e=>{this.transitionEl=e};this.collapsible=false;this.disabled=false;this.dragHandle=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.open=false;this.status=undefined;this.description=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){z(this)}onMessagesChange(){}async setFocus(){await k(this);s(this.el)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){o(this);d(this);u(this);b(this)}disconnectedCallback(){h(this);f(this);v(this);c(this)}async componentWillLoad(){await x(this);w(this);if(this.open){z(this)}}componentDidLoad(){C(this)}componentDidRender(){g(this)}renderScrim(){const{loading:e}=this;const t=i("slot",null);return[e?i("calcite-scrim",{loading:e}):null,t]}renderIcon(){const{loading:e,messages:t,status:a}=this;const n=!!r(this.el,B.icon);return e?i("div",{class:L.icon,key:"loader"},i("calcite-loader",{inline:true,label:t.loading})):a?i("div",{class:L.icon,key:"status-icon"},i("calcite-icon",{class:{[L.statusIcon]:true,[L.valid]:a=="valid",[L.invalid]:a=="invalid"},icon:I[a],scale:"s"})):n?i("div",{class:L.icon,key:"icon-slot"},i("slot",{key:"icon-slot",name:B.icon})):null}renderTitle(){const{heading:e,headingLevel:t,description:a}=this;return e||a?i("div",{class:L.title},i(y,{class:L.heading,level:t},e),a?i("div",{class:L.description},a):null):null}render(){const{collapsible:e,el:t,loading:n,open:o,heading:c,messages:s}=this;const d=o?s.collapse:s.expand;const h=i("header",{key:"89ca745bb149243a8a16bd9a1fb06bb6caf0dcde",class:L.header,id:_.header},this.renderIcon(),this.renderTitle());const g=!!r(t,B.control);const u=!!r(t,B.headerMenuActions);const f=o?I.opened:I.closed;const m=i("div",{key:"3c7722b8d21cfe2a96611a27436327f0e01a1c13",class:L.headerContainer},this.dragHandle?i("calcite-handle",{label:c}):null,e?i("button",{"aria-controls":_.content,"aria-describedby":_.header,"aria-expanded":e?l(o):null,class:L.toggle,id:_.toggle,onClick:this.onHeaderClick,title:d},h,i("calcite-icon",{"aria-hidden":"true",class:L.toggleIcon,icon:f,scale:"s"})):h,g?i("div",{class:L.controlContainer},i("slot",{name:B.control})):null,u?i("calcite-action-menu",{label:s.options,overlayPositioning:this.overlayPositioning},i("slot",{name:B.headerMenuActions})):null);return i(a,{key:"2b4bc16c96ad283fc0cb7fdc962d45f9047d2025"},i(p,{key:"3d846b4884a822a8e4d1550324c1e60d02567622",disabled:this.disabled},i("article",{key:"aba63d45e2c228f297abb31963c63f1e4bc980c9","aria-busy":l(n),class:{[L.container]:true}},m,i("section",{key:"a83029c21f41ea740a1a5e11e42a0613d5fd77cc","aria-labelledby":_.toggle,class:L.content,hidden:!o,id:_.content,ref:this.setTransitionEl},this.renderScrim()))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=O;const H={content:"content",toggle:"toggle"};const M={chevronIcon:"chevron-icon",content:"content",focusGuard:"focus-guard",iconStart:"icon--start",iconEnd:"icon--end",invalid:"invalid",label:"label",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",switch:"switch",toggle:"toggle",toggleSwitch:"toggle--switch",toggleContainer:"toggle-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"};const T={menuOpen:"chevron-up",menuClosed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const q=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);gap:var(--calcite-spacing-md)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-color-text-1)}.label{margin-block:0.25rem;display:flex;align-items:center;justify-content:center;margin-inline-start:var(--calcite-spacing-md)}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;background-color:transparent;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start{display:flex;align-items:center;color:var(--calcite-color-text-3)}.toggle-container .icon--end:hover,.toggle-container .icon--start:hover{color:var(--calcite-color-text-1)}.toggle-container .switch{display:flex;align-items:center;inset-block-start:50%;transform:translate(0, 50%)}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}.chevron-icon{display:flex;align-items:center}:host([hidden]){display:none}[hidden]{display:none}";const F=q;const R=class{constructor(i){e(this,i);this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",6);this.handleHeaderKeyDown=e=>{if(j(e.key)){this.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=()=>{this.open=!this.open;this.calciteBlockSectionToggle.emit()};this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.open=false;this.status=undefined;this.text=undefined;this.toggleDisplay="button";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}async setFocus(){await k(this);s(this.el)}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){u(this);b(this)}async componentWillLoad(){await x(this);w(this)}componentDidLoad(){C(this)}disconnectedCallback(){f(this);v(this)}renderStatusIcon(){const{status:e}=this;const t=T[e]??false;const a={[M.statusIcon]:true,[M.valid]:e=="valid",[M.invalid]:e=="invalid"};return t?i("calcite-icon",{class:a,icon:t,scale:"s"}):null}renderIcon(e){const{iconFlipRtl:t}=this;if(e===undefined){return null}const a=t==="both"||t==="start";const n=t==="both"||t==="end";const o=e===this.iconStart;return i("calcite-icon",{class:o?this.iconStart:this.iconEnd,flipRtl:o?a:n,icon:o?this.iconStart:this.iconEnd,key:o?M.iconStart:M.iconEnd,scale:"s"})}render(){const{messages:e,open:t,text:n,toggleDisplay:o}=this;const c=t?T.menuOpen:T.menuClosed;const s=t?e.collapse:e.expand;const r=o==="switch"?i("div",{class:{[M.toggleContainer]:true}},i("div",{"aria-controls":H.content,"aria-expanded":l(t),class:{[M.toggle]:true,[M.toggleSwitch]:true},id:H.toggle,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,role:"button",tabIndex:0,title:s},this.renderIcon(this.iconStart),i("div",{class:M.toggleSwitchContent},i("span",{class:M.toggleSwitchText},n)),this.renderIcon(this.iconEnd),this.renderStatusIcon()),i("calcite-label",{class:M.label,layout:"inline",tabIndex:-1},i("calcite-switch",{checked:t,class:M.switch,label:s,scale:"s"}))):i("div",{class:{[M.toggleContainer]:true}},i("button",{"aria-controls":H.content,"aria-expanded":l(t),class:{[M.sectionHeader]:true,[M.toggle]:true},id:H.toggle,onClick:this.toggleSection},this.renderIcon(this.iconStart),i("span",{class:M.sectionHeaderText},n),this.renderIcon(this.iconEnd),this.renderStatusIcon(),i("calcite-icon",{class:M.chevronIcon,icon:c,scale:"s"})));return i(a,{key:"768a133e8082de210c0a740a5ab02117c96441a1"},r,i("section",{key:"43a1e364a397b7b62f90a8bae2eea361816cba76","aria-labelledby":H.toggle,class:M.content,hidden:!t,id:H.content},i("slot",{key:"af10f99c85d67beb6d0f06d66dddef1b98aa774d"})))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};R.style=F;export{S as calcite_block,R as calcite_block_section};
-//# sourceMappingURL=p-65d21e78.entry.js.map