@esri/calcite-components 1.0.0-next.658 → 1.0.0-next.659

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
+ * v1.0.0-next.659
  */
 'use strict';
 
@@ -5792,7 +5792,15 @@ const cmpModules = new Map, getModule = e => {
    [e]: t
   });
  }
-}, win = window, doc = win.document, writeTask = e => {
+}, win = window, doc = win.document, readTask = e => {
+ process.nextTick((() => {
+  try {
+   e();
+  } catch (e) {
+   consoleError(e);
+  }
+ }));
+}, writeTask = e => {
  process.nextTick((() => {
   try {
    e();
@@ -8791,6 +8799,33 @@ function transitionEnd(event) {
     this.open ? this.onOpen() : this.onClose();
   }
 }
+/**
+ * Helper to determine globally set transition duration on the given openTransitionProp, which is imported and set in the @Watch("open").
+ * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).
+ *
+ * @param component
+ */
+function onToggleOpenCloseComponent(component) {
+  readTask(() => {
+    if (component.transitionEl) {
+      const allTransitionPropsArray = getComputedStyle(component.transitionEl).transition.split(" ");
+      const openTransitionPropIndex = allTransitionPropsArray.findIndex((item) => item === component.openTransitionProp);
+      const transitionDuration = allTransitionPropsArray[openTransitionPropIndex + 1];
+      if (transitionDuration === "0s") {
+        component.open ? component.onBeforeOpen() : component.onBeforeClose();
+        component.open ? component.onOpen() : component.onClose();
+      }
+      else {
+        component.transitionEl.addEventListener("transitionstart", () => {
+          component.open ? component.onBeforeOpen() : component.onBeforeClose();
+        }, { once: true });
+        component.transitionEl.addEventListener("transitionend", () => {
+          component.open ? component.onOpen() : component.onClose();
+        }, { once: true });
+      }
+    }
+  });
+}
 /**
  * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
  *
@@ -19050,7 +19085,7 @@ class Flow {
     };
     this.updateFlowProps = () => {
       const { el, items } = this;
-      const newItems = Array.from(el.querySelectorAll("calcite-flow-item")).filter((flowItem) => !flowItem.matches("calcite-flow-item calcite-flow-item"));
+      const newItems = Array.from(el.querySelectorAll("calcite-flow-item")).filter((flowItem) => flowItem.closest("calcite-flow") === el);
       const oldItemCount = items.length;
       const newItemCount = newItems.length;
       const activeItem = newItems[newItemCount - 1];
@@ -23167,11 +23202,17 @@ class List$1 {
       this.focusRow(enabledListItems[prevIndex]);
     }
   }
+  handleCalciteListItemActive(event) {
+    const target = event.target;
+    const { listItems } = this;
+    listItems.forEach((listItem) => {
+      listItem.active = listItem === target;
+    });
+  }
   handleCalciteListItemSelect(event) {
     const target = event.target;
     const { listItems, selectionMode } = this;
     listItems.forEach((listItem) => {
-      listItem.active = listItem === target;
       if (selectionMode === "single") {
         listItem.selected = listItem === target;
       }
@@ -23250,7 +23291,7 @@ class List$1 {
       "dataForFilter": [32],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"]],
+    "$listeners$": [[0, "calciteInternalFocusPreviousItem", "handleCalciteInternalFocusPreviousItem"], [0, "calciteInternalListItemActive", "handleCalciteListItemActive"], [0, "calciteInternalListItemSelect", "handleCalciteListItemSelect"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["filterText", "filter-text"], ["loading", "loading"], ["selectionMode", "selection-mode"], ["selectionAppearance", "selection-appearance"]]
   }; }
@@ -23273,6 +23314,7 @@ class ListItem {
     registerInstance(this, hostRef);
     this.calciteListItemSelect = createEvent(this, "calciteListItemSelect", 6);
     this.calciteInternalListItemSelect = createEvent(this, "calciteInternalListItemSelect", 6);
+    this.calciteInternalListItemActive = createEvent(this, "calciteInternalListItemActive", 6);
     this.calciteInternalFocusPreviousItem = createEvent(this, "calciteInternalFocusPreviousItem", 6);
     // --------------------------------------------------------------------------
     //
@@ -23310,6 +23352,10 @@ class ListItem {
     this.toggleOpen = () => {
       this.open = !this.open;
     };
+    this.itemClicked = () => {
+      this.toggleSelected();
+      this.calciteInternalListItemActive.emit();
+    };
     this.toggleSelected = () => {
       if (this.disabled) {
         return;
@@ -23466,7 +23512,7 @@ class ListItem {
     if (selectionMode === "none" || selectionAppearance === "border") {
       return null;
     }
-    return (hAsync("td", { class: CSS$p.selectionContainer, key: "selection-container", onClick: this.toggleSelected }, hAsync("calcite-icon", { icon: selected
+    return (hAsync("td", { class: CSS$p.selectionContainer, key: "selection-container", onClick: this.itemClicked }, hAsync("calcite-icon", { icon: selected
         ? selectionMode === "multiple"
           ? ICONS$6.selectedMultiple
           : ICONS$6.selectedSingle
@@ -23475,7 +23521,7 @@ class ListItem {
   renderOpen() {
     const { el, open, openable, parentListEl } = this;
     const dir = getElementDir(el);
-    return openable ? (hAsync("td", { class: CSS$p.openContainer, key: "open-container", onClick: this.toggleOpen }, hAsync("calcite-icon", { icon: open ? ICONS$6.open : dir === "rtl" ? ICONS$6.closedRTL : ICONS$6.closedLTR, scale: "s" }))) : parentListEl?.openable ? (hAsync("td", { class: CSS$p.openContainer, key: "open-container", onClick: this.toggleSelected }, hAsync("calcite-icon", { icon: ICONS$6.blank, scale: "s" }))) : null;
+    return openable ? (hAsync("td", { class: CSS$p.openContainer, key: "open-container", onClick: this.toggleOpen }, hAsync("calcite-icon", { icon: open ? ICONS$6.open : dir === "rtl" ? ICONS$6.closedRTL : ICONS$6.closedLTR, scale: "s" }))) : parentListEl?.openable ? (hAsync("td", { class: CSS$p.openContainer, key: "open-container", onClick: this.itemClicked }, hAsync("calcite-icon", { icon: ICONS$6.blank, scale: "s" }))) : null;
   }
   renderActionsStart() {
     const { label, hasActionsStart } = this;
@@ -23514,7 +23560,7 @@ class ListItem {
         [CSS$p.contentContainer]: true,
         [CSS$p.contentContainerSelectable]: selectionMode !== "none",
         [CSS$p.contentContainerHasCenterContent]: hasCenterContent
-      }, key: "content-container", onClick: this.toggleSelected, ref: (el) => (this.contentEl = el), role: "gridcell" }, content));
+      }, key: "content-container", onClick: this.itemClicked, ref: (el) => (this.contentEl = el), role: "gridcell" }, content));
   }
   render() {
     const { openable, open, level, setPosition, setSize, active, label, selected, selectionAppearance, selectionMode } = this;
@@ -24966,7 +25012,6 @@ class Modal {
     //--------------------------------------------------------------------------
     this.setTransitionEl = (el) => {
       this.transitionEl = el;
-      connectOpenCloseComponent(this);
       this.focusTrapEl = el;
       connectFocusTrap(this);
     };
@@ -25018,6 +25063,7 @@ class Modal {
     setUpLoadableComponent(this);
     // when modal initially renders, if active was set we need to open as watcher doesn't fire
     if (this.open) {
+      onToggleOpenCloseComponent(this);
       requestAnimationFrame(() => this.openModal());
     }
   }
@@ -25028,7 +25074,6 @@ class Modal {
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
     this.updateFooterVisibility();
     connectConditionalSlotComponent(this);
-    connectOpenCloseComponent(this);
     if (this.open) {
       this.active = this.open;
     }
@@ -25040,7 +25085,6 @@ class Modal {
     this.removeOverflowHiddenClass();
     this.mutationObserver?.disconnect();
     disconnectConditionalSlotComponent(this);
-    disconnectOpenCloseComponent(this);
     deactivateFocusTrap(this);
   }
   render() {
@@ -25164,6 +25208,7 @@ class Modal {
   }
   async toggleModal(value) {
     this.active = value;
+    onToggleOpenCloseComponent(this);
     if (value) {
       this.transitionEl?.classList.add(CSS$n.openingIdle);
       this.openModal();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.658",
+  "version": "1.0.0-next.659",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-3e1005ad.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
- */
-import{f as t}from"./p-3fca0d84.js";import{c as o}from"./p-4283f3b6.js";const n=new Set;let c;const f={childList:!0};function s(t){c||(c=o("mutation",a)),c.observe(t.el,f)}function i(t){n.delete(t.el),a(c.takeRecords()),c.disconnect();for(const[t]of n.entries())c.observe(t,f)}function a(o){o.forEach((({target:o})=>{t(o)}))}export{s as c,i as d}

package/dist/calcite/p-6984f083.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
- */
-import{r as t,c as i,h as e,g as n,H as a}from"./p-3fca0d84.js";import{u as s}from"./p-7ee9d554.js";import{c}from"./p-4283f3b6.js";import{t as o,s as l,a as r}from"./p-5162365f.js";import{s as d,a as h,c as m}from"./p-ae25378b.js";import{d as p}from"./p-2901740c.js";import"./p-6db6183a.js";import"./p-35916773.js";function u(t){const i=t.target.assignedElements({flatten:!0});return[...i.filter((t=>t?.matches("calcite-list-item-group"))).map((t=>Array.from(t.querySelectorAll("calcite-list-item")))).reduce(((t,i)=>[...t,...i]),[]),...i.filter((t=>t?.matches("calcite-list-item")))]}function f(t){t.forEach((i=>{i.setPosition=t.indexOf(i)+1,i.setSize=t.length}))}function b(t,i=!1){return document.evaluate(i?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const g=class{constructor(e){t(this,e),this.calciteListFilter=i(this,"calciteListFilter",6),this.listItems=[],this.enabledListItems=[],this.mutationObserver=c("mutation",(()=>this.updateListItems())),this.handleDefaultSlotChange=t=>{f(u(t))},this.setActiveListItem=()=>{const{enabledListItems:t}=this;t.some((t=>t.active))||t[0]&&(t[0].active=!0)},this.updateSelectedItems=p((()=>{this.selectedItems=this.enabledListItems.filter((t=>t.selected))}),100),this.updateFilteredItems=p((()=>{const{listItems:t,filteredData:i,filterText:e}=this,n=i.map((t=>t.value)),a=new Set,s=t?.filter((t=>{const i=t.parentElement;i.matches("calcite-list-item-group")&&a.add(i);const s=!e||n.includes(t.value);return t.hidden=!s,s}))||[];this.filteredItems=s,a.forEach((t=>{const i=s.some((i=>t.contains(i)));if(t.hidden=!i,!i)return;const e=t.closest("calcite-list-item");e&&(e.hidden=!1,s.includes(e)&&Array.from(t.querySelectorAll("calcite-list-item")).forEach((t=>t.hidden=!1)))})),a.clear()})),this.handleFilter=t=>{t.stopPropagation();const{filteredItems:i,value:e}=t.currentTarget;this.filteredData=i,this.filterText=e,this.updateFilteredItems(),this.calciteListFilter.emit()},this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value}))),this.updateListItems=p((()=>{const{selectionAppearance:t,selectionMode:i}=this,e=this.queryListItems();e.forEach((e=>{e.selectionAppearance=t,e.selectionMode=i})),this.listItems=e,this.enabledListItems=e.filter((t=>!t.disabled)),this.filterEnabled&&(this.dataForFilter=this.getItemData()),this.setActiveListItem(),this.updateSelectedItems(),this.updateFilteredItems()}),100),this.queryListItems=()=>Array.from(this.el.querySelectorAll("calcite-list-item")),this.focusRow=t=>{const{enabledListItems:i}=this;t&&(i.forEach((i=>i.active=i===t)),t.setFocus())},this.isNavigable=t=>{const i=t.parentElement?.closest("calcite-list-item");return!i||i.open&&this.isNavigable(i)},this.handleListKeydown=t=>{const{key:i}=t,e=this.enabledListItems.filter((t=>this.isNavigable(t))),n=e.findIndex((t=>t.active));if("ArrowDown"===i){t.preventDefault();const i=n+1;e[i]&&this.focusRow(e[i])}else if("ArrowUp"===i){t.preventDefault();const i=n-1;e[i]&&this.focusRow(e[i])}else if("Home"===i){t.preventDefault();const i=e[0];i&&this.focusRow(i)}else if("End"===i){t.preventDefault();const i=e[e.length-1];i&&this.focusRow(i)}},this.disabled=!1,this.filterEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterPlaceholder=void 0,this.filterText=void 0,this.label=void 0,this.loading=!1,this.openable=!1,this.selectedItems=[],this.selectionMode="none",this.selectionAppearance="icon",this.dataForFilter=[]}handleFilterEnabledChange(){this.updateListItems()}handleSelectionAppearanceChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){t.stopPropagation();const{enabledListItems:i}=this,e=i.findIndex((t=>t.active))-1;i[e]&&this.focusRow(i[e])}handleCalciteListItemSelect(t){const i=t.target,{listItems:e,selectionMode:n}=this;e.forEach((t=>{t.active=t===i,"single"===n&&(t.selected=t===i)})),this.updateSelectedItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.updateListItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}componentWillLoad(){d(this)}componentDidRender(){s(this)}componentDidLoad(){h(this);const{filterEl:t}=this,i=t?.filteredItems;i&&(this.filteredData=i),this.updateFilteredItems()}async setFocus(){await m(this),this.enabledListItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:i,disabled:n,dataForFilter:a,filterEnabled:s,filterPlaceholder:c,filterText:l}=this;return e("div",{class:"container"},t?e("calcite-scrim",{class:"scrim",loading:t}):null,e("table",{"aria-busy":o(t),"aria-label":i||"",class:"table",onKeyDown:this.handleListKeydown,role:"treegrid"},s?e("thead",null,e("tr",{class:{"sticky-pos":!0}},e("th",{colSpan:5},e("calcite-filter",{"aria-label":c,disabled:t||n,items:a,onCalciteFilterChange:this.handleFilter,placeholder:c,ref:t=>this.filterEl=t,value:l})))):null,e("tbody",{class:"table-container"},e("slot",{onSlotchange:this.handleDefaultSlotChange}))))}get el(){return n(this)}static get watchers(){return{filterEnabled:["handleFilterEnabledChange"],selectionMode:["handleSelectionAppearanceChange"],selectionAppearance:["handleSelectionAppearanceChange"]}}};g.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{position:relative}.table-container{position:relative;z-index:1;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}::slotted(calcite-list-item){margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.sticky-pos{position:sticky;inset-block-start:0px;z-index:300}calcite-filter{margin-block-end:1px}";const y=new Map,v=class{constructor(e){t(this,e),this.calciteListItemSelect=i(this,"calciteListItemSelect",6),this.calciteInternalListItemSelect=i(this,"calciteInternalListItemSelect",6),this.calciteInternalFocusPreviousItem=i(this,"calciteInternalFocusPreviousItem",6),this.handleContentSlotChange=t=>{this.hasCustomContent=l(t)},this.handleActionsStartSlotChange=t=>{this.hasActionsStart=l(t)},this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)},this.handleContentStartSlotChange=t=>{this.hasContentStart=l(t)},this.handleContentEndSlotChange=t=>{this.hasContentEnd=l(t)},this.handleDefaultSlotChange=t=>{const{parentListEl:i}=this,e=u(t);f(e);const n=!!e.length;n&&i&&!i.openable&&(i.openable=!0),this.openable=n,n||(this.open=!1)},this.toggleOpen=()=>{this.open=!this.open},this.toggleSelected=()=>{this.disabled||("none"!==this.selectionMode&&(this.selected=!this.selected),this.calciteListItemSelect.emit())},this.handleItemKeyDown=t=>{const{key:i}=t,e=t.composedPath(),{containerEl:n,contentEl:a,actionsStartEl:s,actionsEndEl:c,open:o,openable:l}=this,r=[s,a,c].filter(Boolean),d=r.findIndex((t=>e.includes(t)));if(" "===i)t.preventDefault(),this.toggleSelected();else if("ArrowRight"===i){t.preventDefault();const i=d+1;-1===d?!o&&l?(this.open=!0,this.focusCell(null)):r[0]&&this.focusCell(r[0]):r[d]&&r[i]&&this.focusCell(r[i])}else if("ArrowLeft"===i){t.preventDefault();const i=d-1;-1===d?(this.focusCell(null),o&&l?this.open=!1:this.calciteInternalFocusPreviousItem.emit()):0===d?(this.focusCell(null),n.focus()):r[d]&&r[i]&&this.focusCell(r[i])}},this.focusCellNull=()=>{this.focusCell(null)},this.focusCell=(t,i=!0)=>{const{contentEl:e,actionsStartEl:n,actionsEndEl:a,parentListEl:s}=this;i&&y.set(s,null),[n,e,a].filter(Boolean).forEach(((e,n)=>{const a="tabindex";e===t?(e.setAttribute(a,"0"),i&&y.set(s,n)):e.removeAttribute(a)})),t?.focus()},this.active=!1,this.description=void 0,this.disabled=!1,this.label=void 0,this.metadata=void 0,this.open=!1,this.setSize=null,this.setPosition=null,this.selected=!1,this.value=void 0,this.selectionMode=null,this.selectionAppearance=null,this.level=null,this.visualLevel=null,this.parentListEl=void 0,this.openable=!1,this.hasActionsStart=!1,this.hasActionsEnd=!1,this.hasCustomContent=!1,this.hasContentStart=!1,this.hasContentEnd=!1}activeHandler(t){t||this.focusCell(null,!1)}handleSelectedChange(t){t&&this.calciteInternalListItemSelect.emit()}connectedCallback(){const{el:t}=this;this.parentListEl=t.closest("calcite-list"),this.level=b(t)+1,this.visualLevel=b(t,!0),this.setSelectionDefaults()}componentWillLoad(){d(this)}componentDidLoad(){h(this)}componentDidRender(){s(this,"managed")}async setFocus(){await m(this);const{containerEl:t,contentEl:i,actionsStartEl:e,actionsEndEl:n,parentListEl:a}=this,s=y.get(a);if("number"!=typeof s)t?.focus();else{const a=[e,i,n].filter(Boolean);a[s]?this.focusCell(a[s]):t?.focus()}}renderSelected(){const{selected:t,selectionMode:i,selectionAppearance:n}=this;return"none"===i||"border"===n?null:e("td",{class:"selection-container",key:"selection-container",onClick:this.toggleSelected},e("calcite-icon",{icon:t?"multiple"===i?"check-circle-f":"circle-f":"blank",scale:"s"}))}renderOpen(){const{el:t,open:i,openable:n,parentListEl:a}=this,s=r(t);return n?e("td",{class:"open-container",key:"open-container",onClick:this.toggleOpen},e("calcite-icon",{icon:i?"caret-down":"rtl"===s?"caret-left":"caret-right",scale:"s"})):a?.openable?e("td",{class:"open-container",key:"open-container",onClick:this.toggleSelected},e("calcite-icon",{icon:"blank",scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:i}=this;return e("td",{"aria-label":t,class:"actions-start",hidden:!i,key:"actions-start-container",ref:t=>this.actionsStartEl=t,role:"gridcell"},e("slot",{name:"actions-start",onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:i}=this;return e("td",{"aria-label":t,class:"actions-end",hidden:!i,key:"actions-end-container",ref:t=>this.actionsEndEl=t,role:"gridcell"},e("slot",{name:"actions-end",onSlotchange:this.handleActionsEndSlotChange}))}renderContentStart(){const{hasContentStart:t}=this;return e("div",{class:"content-start",hidden:!t},e("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return e("div",{class:"custom-content",hidden:!t},e("slot",{name:"content",onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return e("div",{class:"content-end",hidden:!t},e("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}))}renderContentProperties(){const{label:t,description:i,hasCustomContent:n}=this;return n||!t&&!i?null:e("div",{class:"content",key:"content"},t?e("div",{class:"label",key:"label"},t):null,i?e("div",{class:"description",key:"description"},i):null)}renderContentContainer(){const{description:t,label:i,selectionMode:n,hasCustomContent:a}=this,s=a||!!i||!!t,c=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return e("td",{"aria-label":i,class:{"content-container":!0,"content-container--selectable":"none"!==n,"content-container--has-center-content":s},key:"content-container",onClick:this.toggleSelected,ref:t=>this.contentEl=t,role:"gridcell"},c)}render(){const{openable:t,open:i,level:n,setPosition:s,setSize:c,active:l,label:r,selected:d,selectionAppearance:h,selectionMode:m}=this,p="none"!==m&&"border"===h,u=p&&d,f=p&&!d;return e(a,null,e("tr",{"aria-expanded":t?o(i):null,"aria-label":r,"aria-level":n,"aria-posinset":s,"aria-selected":o(d),"aria-setsize":c,class:{container:!0,"container--border-selected":u,"container--border-unselected":f},onFocus:this.focusCellNull,onKeyDown:this.handleItemKeyDown,ref:t=>this.containerEl=t,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${this.visualLevel}`},tabIndex:l?0:-1},this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),e("div",{class:{"nested-container":!0,"nested-container--hidden":t&&!i}},e("slot",{onSlotchange:this.handleDefaultSlotChange})))}setSelectionDefaults(){const{parentListEl:t,selectionMode:i,selectionAppearance:e}=this;t&&(i||(this.selectionMode=t.selectionMode),e||(this.selectionAppearance=t.selectionAppearance))}get el(){return n(this)}static get watchers(){return{active:["activeHandler"],selected:["handleSelectedChange"]}}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-ui-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{background-color:var(--calcite-ui-foreground-2)}.container--border-selected{border-inline-start:4px solid var(--calcite-ui-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.content-container--selectable{cursor:pointer}tr,td{outline-color:transparent}tr:focus,td:focus{z-index:300;outline:2px solid var(--calcite-ui-brand)}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}[hidden]{display:none}";const w=class{constructor(i){t(this,i),this.disabled=!1,this.heading=void 0,this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=b(t,!0)}componentDidRender(){s(this)}render(){const{heading:t,visualLevel:i}=this;return e(a,null,e("tr",{class:"container",style:{"--calcite-list-item-spacing-indent-multiplier":`${i}`}},e("td",{class:"heading",colSpan:5},t)),e("slot",null))}get el(){return n(this)}};w.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";export{g as calcite_list,v as calcite_list_item,w as calcite_list_item_group}

package/dist/calcite/p-8af10f86.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
- */
-import{r as t,h as a,g as i}from"./p-3fca0d84.js";import{c as e}from"./p-4283f3b6.js";const n=class{constructor(a){t(this,a),this.itemMutationObserver=e("mutation",(()=>this.updateFlowProps())),this.getFlowDirection=(t,a)=>t&&a>1||t>1?a<t?"retreating":"advancing":null,this.updateFlowProps=()=>{const{el:t,items:a}=this,i=Array.from(t.querySelectorAll("calcite-flow-item")).filter((t=>!t.matches("calcite-flow-item calcite-flow-item"))),e=a.length,n=i.length,c=i[n-1],r=i[n-2];if(n&&c&&i.forEach((t=>{t.showBackButton=t===c&&n>1,t.hidden=t!==c})),r&&(r.menuOpen=!1),this.items=i,e!==n){const t=this.getFlowDirection(e,n);this.itemCount=n,this.flowDirection=t}},this.flowDirection=null,this.itemCount=0,this.items=[]}async back(){const{items:t}=this,a=t[t.length-1];if(a)return(a.beforeBack?a.beforeBack:()=>Promise.resolve()).call(a).then((()=>(a.remove(),a)))}connectedCallback(){this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.updateFlowProps()}disconnectedCallback(){this.itemMutationObserver?.disconnect()}handleItemBackClick(){this.back()}render(){const{flowDirection:t}=this;return a("div",{class:{frame:!0,"frame--advancing":"advancing"===t,"frame--retreating":"retreating"===t}},a("slot",null))}get el(){return i(this)}};n.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}";export{n as calcite_flow}

package/dist/calcite/p-9b1e7b2e.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
- */
-import{r as i,c as t,h as a,H as e,g as o}from"./p-3fca0d84.js";import{g as n,f as l,j as r}from"./p-5162365f.js";import{c as s}from"./p-4283f3b6.js";import{c,d}from"./p-3e1005ad.js";import{c as m,d as h}from"./p-f39bfc21.js";import{c as p,a as b,d as u}from"./p-eb44c2f7.js";import{s as x,a as f,c as g}from"./p-ae25378b.js";import"./p-6db6183a.js";import"./p-35916773.js";const v=class{constructor(a){i(this,a),this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6),this.calciteModalClose=t(this,"calciteModalClose",6),this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6),this.calciteModalOpen=t(this,"calciteModalOpen",6),this.mutationObserver=s("mutation",(()=>this.updateFooterVisibility())),this.openTransitionProp="opacity",this.setTransitionEl=i=>{this.transitionEl=i,m(this),this.focusTrapEl=i,p(this)},this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd),b(this)},this.handleOutsideClose=()=>{this.disableOutsideClose||this.close()},this.close=()=>this.beforeClose(this.el).then((()=>{this.open=!1,this.isOpen=!1,this.removeOverflowHiddenClass()})),this.updateFooterVisibility=()=>{this.hasFooter=!!n(this.el,["back","primary","secondary"])},this.active=!1,this.open=!1,this.beforeClose=()=>Promise.resolve(),this.disableCloseButton=!1,this.disableOutsideClose=!1,this.intlClose="Close",this.docked=void 0,this.disableEscape=!1,this.scale="m",this.width="m",this.fullscreen=void 0,this.color=void 0,this.backgroundColor="white",this.noPadding=!1,this.hasFooter=!0,this.isOpen=!1}componentWillLoad(){x(this),this.open&&requestAnimationFrame((()=>this.openModal()))}componentDidLoad(){f(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.updateFooterVisibility(),c(this),m(this),this.open&&(this.active=this.open),this.active&&this.activeHandler(this.active)}disconnectedCallback(){this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),d(this),h(this),u(this)}render(){return a(e,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},a("calcite-scrim",{class:"scrim",onClick:this.handleOutsideClose}),this.renderStyle(),a("div",{class:{modal:!0,"modal--open":this.isOpen},ref:this.setTransitionEl},a("div",{class:"header"},this.renderCloseButton(),a("header",{class:"title"},a("slot",{name:"header"}))),a("div",{class:{content:!0,"content--spaced":!this.noPadding,"content--no-footer":!this.hasFooter},ref:i=>this.modalContent=i},a("slot",{name:"content"})),this.renderFooter()))}renderFooter(){return this.hasFooter?a("div",{class:"footer",key:"footer"},a("span",{class:"back"},a("slot",{name:"back"})),a("span",{class:"secondary"},a("slot",{name:"secondary"})),a("span",{class:"primary"},a("slot",{name:"primary"}))):null}renderCloseButton(){return this.disableCloseButton?null:a("button",{"aria-label":this.intlClose,class:"close",key:"button",onClick:this.close,ref:i=>this.closeButtonEl=i,title:this.intlClose},a("calcite-icon",{icon:"x",scale:"s"===this.scale?"s":"m"===this.scale?"m":"l"===this.scale?"l":null}))}renderStyle(){return isNaN(parseInt(`${this.width}`))?null:a("style",null,`\n        .modal {\n          max-width: ${this.width}px !important;\n        }\n        @media screen and (max-width: ${this.width}px) {\n          .modal {\n            height: 100% !important;\n            max-height: 100% !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            border-radius: 0 !important;\n          }\n          .content {\n            flex: 1 1 auto !important;\n            max-height: unset !important;\n          }\n        }\n      `)}handleEscape(i){!this.open||this.disableEscape||"Escape"!==i.key||i.defaultPrevented||(this.close(),i.preventDefault())}async focusElement(i){return i&&i.focus(),this.setFocus()}async setFocus(i){await g(this);const{closeButtonEl:t}=this;if(t&&"close-button"===i)return l(t);b(this)}async scrollContent(i=0,t=0){this.modalContent&&(this.modalContent.scrollTo?this.modalContent.scrollTo({top:i,left:t,behavior:"smooth"}):(this.modalContent.scrollTop=i,this.modalContent.scrollLeft=t))}onBeforeOpen(){this.transitionEl.classList.add("modal--opening-active"),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove("modal--opening-idle","modal--opening-active"),this.calciteModalOpen.emit()}onBeforeClose(){this.transitionEl.classList.add("modal--closing-active"),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove("modal--closing-idle","modal--closing-active"),this.calciteModalClose.emit(),u(this)}activeHandler(i){this.open=i}async toggleModal(i){this.active=i,i?(this.transitionEl?.classList.add("modal--opening-idle"),this.openModal()):(this.transitionEl?.classList.add("modal--closing-idle"),this.close())}openModal(){this.el.addEventListener("calciteModalOpen",this.openEnd),this.open=!0,this.isOpen=!0;const i=n(this.el,"header"),t=n(this.el,"content");this.titleId=r(i),this.contentId=r(t),document.documentElement.classList.add("overflow-hidden")}removeOverflowHiddenClass(){document.documentElement.classList.remove("overflow-hidden")}get el(){return o(this)}static get watchers(){return{active:["activeHandler"],open:["toggleModal"]}}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{position:fixed;inset:0px;z-index:700;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1);--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0);--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1);--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:800;float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--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);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([open]){opacity:1;visibility:visible !important;transition-delay:0ms}:host([open]) .modal--open{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:400;display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-start-end-radius:0.25rem;padding-block:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));padding-inline:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.close:hover,.close:focus,.close:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding, var(--calcite-model-padding-internal));padding-inline:var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal))}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text, var(--calcite-modal-title-text-internal))}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-block-size:calc(100vh - 12rem)}.content--spaced{padding:var(--calcite-modal-padding)}.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-content-text, var(--calcite-modal-context-text-internal))}:host([background-color=grey]) .content{background-color:var(--calcite-ui-background)}.footer{z-index:400;margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));padding-inline:var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal))}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width=s]) .modal{max-inline-size:32rem}@media screen and (max-width: 35rem){:host([width=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([width=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width=s][docked]){align-items:flex-end}}:host([width=m]) .modal{max-inline-size:48rem}@media screen and (max-width: 51rem){:host([width=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([width=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width=m][docked]){align-items:flex-end}}:host([width=l]) .modal{max-inline-size:94rem}@media screen and (max-width: 97rem){:host([width=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}:host([width=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width=l][docked]){align-items:flex-end}}:host([fullscreen]){background-color:transparent}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([open][fullscreen]) .header{border-radius:0}:host([open][fullscreen]) .footer{border-radius:0}:host([docked]) .modal{block-size:auto}:host([docked]) .content{block-size:auto;flex:1 1 auto}@media screen and (max-width: 860px){:host([docked]) .modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}:host([docked]) .close{border-start-end-radius:var(--calcite-border-radius)}}:host([color=red]) .modal{border-color:var(--calcite-ui-danger)}:host([color=blue]) .modal{border-color:var(--calcite-ui-info)}:host([color=red]) .modal,:host([color=blue]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([color=red]) .header,:host([color=blue]) .header{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){slot[name=header]::slotted(*),*::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}";export{v as calcite_modal}

package/dist/calcite/p-f39bfc21.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
- */
-const t=new WeakMap;function i(t){t.propertyName===this.openTransitionProp&&t.target===this.transitionEl&&(this.open?this.onBeforeOpen():this.onBeforeClose())}function n(t){t.propertyName===this.openTransitionProp&&t.target===this.transitionEl&&(this.open?this.onOpen():this.onClose())}function s(s){if(o(s),s.transitionEl){const o=i.bind(s),a=n.bind(s);t.set(s,[s.transitionEl,o,a]),s.transitionEl.addEventListener("transitionstart",o),s.transitionEl.addEventListener("transitionend",a)}}function o(i){if(!t.has(i))return;const[n,s,o]=t.get(i);n.removeEventListener("transitionstart",s),n.removeEventListener("transitionend",o),t.delete(i)}export{s as c,o as d}

package/dist/calcite/p-fa2b8b75.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.658
- */
-import{r as a,h as t,g as i}from"./p-3fca0d84.js";import{f as o}from"./p-5162365f.js";import{u as n}from"./p-7ee9d554.js";import{s as e,a as r,c as s}from"./p-ae25378b.js";import"./p-6db6183a.js";import"./p-35916773.js";const c=class{constructor(t){a(this,t),this.appearance="outline",this.color="neutral",this.disabled=!1,this.icon="plus",this.label=void 0,this.loading=!1,this.scale="m",this.text=void 0,this.textEnabled=!1}componentWillLoad(){e(this)}componentDidLoad(){r(this)}componentDidRender(){n(this)}async setFocus(){await s(this),o(this.buttonEl)}render(){const{appearance:a,color:i,disabled:o,loading:n,scale:e,textEnabled:r,icon:s,label:c,text:l}=this;return t("calcite-button",{appearance:"solid"===a?"solid":"outline",class:"button",color:i,disabled:o,iconStart:s,label:c,loading:n,ref:a=>{this.buttonEl=a},round:!0,scale:e,title:r?null:c||l||null,type:"button",width:"auto"},this.textEnabled?this.text:null)}get el(){return i(this)}};c.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}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:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 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: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)}";export{c as calcite_fab}