@esri/calcite-components 1.0.0-beta.94 → 1.0.0-beta.95

package/dist/esm-es5/calcite-accordion_2.entry.js

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.94
+ * v1.0.0-beta.95
  */
-import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-53f14b87.js";import{d as getElementProp,g as getSlotted,a as getElementDir,t as toAriaBoolean}from"./dom-8d6885a3.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d5001a49.js";import{C as CSS_UTILITY}from"./resources-54fe885f.js";import"./guid-673b0460.js";import"./observers-0433c649.js";var accordionCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";var Accordion=function(){function t(t){registerInstance(this,t);this.calciteInternalAccordionChange=createEvent(this,"calciteInternalAccordionChange",6);this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multi";this.items=[];this.sorted=false;this.sortItems=function(t){return t.sort((function(t,i){return t.position-i.position})).map((function(t){return t.item}))}}t.prototype.componentDidLoad=function(){if(!this.sorted){this.items=this.sortItems(this.items);this.sorted=true}};t.prototype.render=function(){var t=this.appearance==="transparent";var i=this.appearance==="minimal";return h("div",{class:{"accordion--transparent":t,"accordion--minimal":i,accordion:!t&&!i}},h("slot",null))};t.prototype.calciteInternalAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var n=i.key;var a=t.target;var o=this.itemIndex(a)===0;var c=this.itemIndex(a)===this.items.length-1;switch(n){case"ArrowDown":if(c){this.focusFirstItem()}else{this.focusNextItem(a)}break;case"ArrowUp":if(o){this.focusLastItem()}else{this.focusPrevItem(a)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}}t.stopPropagation()};t.prototype.registerCalciteAccordionItem=function(t){var i={item:t.target,parent:t.detail.parent,position:t.detail.position};if(this.el===i.parent){this.items.push(i)}t.stopPropagation()};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.calciteInternalAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem});t.stopPropagation()};t.prototype.focusFirstItem=function(){var t=this.items[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var i=this.itemIndex(t);var e=this.items[i+1]||this.items[0];this.focusElement(e)};t.prototype.focusPrevItem=function(t){var i=this.itemIndex(t);var e=this.items[i-1]||this.items[this.items.length-1];this.focusElement(e)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.focusElement=function(t){var i=t;i===null||i===void 0?void 0:i.focus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Accordion.style=accordionCss;var SLOTS={actionsStart:"actions-start",actionsEnd:"actions-end"};var CSS={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",headerContainer:"header-container"};var accordionItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([expanded]){color:var(--calcite-ui-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-ui-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-margin-end:var(--calcite-accordion-icon-margin);margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-margin-end:var(--calcite-accordion-icon-margin);margin-inline-end:var(--calcite-accordion-icon-margin);-webkit-margin-start:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{-webkit-border-after:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2));border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .content{display:none;-webkit-padding-before:0px;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-block:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .heading,:host .description{display:-ms-flexbox;display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .description{-webkit-margin-before:0.25rem;margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-ui-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:active) .expand-icon,:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-ui-text-2)}.header-content{-ms-flex-positive:1;flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (forced-colors: active){:host([expanded]) .header{-webkit-border-after:none;border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}";var AccordionItem=function(){function t(t){var i=this;registerInstance(this,t);this.calciteInternalAccordionItemKeyEvent=createEvent(this,"calciteInternalAccordionItemKeyEvent",6);this.calciteInternalAccordionItemSelect=createEvent(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=createEvent(this,"calciteInternalAccordionItemClose",6);this.calciteInternalAccordionItemRegister=createEvent(this,"calciteInternalAccordionItemRegister",6);this.active=false;this.expanded=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return i.emitRequestedItem()}}t.prototype.activeHandler=function(t){this.expanded=t};t.prototype.expandedHandler=function(t){this.active=t};t.prototype.iconHandler=function(t){this.iconStart=t};t.prototype.iconStartHandler=function(t){this.icon=t};t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=getElementProp(this.el,"selection-mode","multi");this.iconType=getElementProp(this.el,"icon-type","chevron");this.iconPosition=getElementProp(this.el,"icon-position",this.iconPosition);var t=this.active||this.expanded;if(t){this.activeHandler(t);this.expandedHandler(t)}if(this.iconStart){this.icon=this.iconStart}else if(this.icon){this.iconStart=this.icon}connectConditionalSlotComponent(this)};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.calciteInternalAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderActionsStart=function(){var t=this.el;return getSlotted(t,SLOTS.actionsStart)?h("div",{class:CSS.actionsStart},h("slot",{name:SLOTS.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t=this.el;return getSlotted(t,SLOTS.actionsEnd)?h("div",{class:CSS.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null};t.prototype.render=function(){var t,i;var e=getElementDir(this.el);var n=this.iconStart?h("calcite-icon",{class:CSS.iconStart,icon:this.iconStart,key:"icon-start",scale:"s"}):null;var a=this.iconEnd?h("calcite-icon",{class:CSS.iconEnd,icon:this.iconEnd,key:"icon-end",scale:"s"}):null;var o=this.description||this.itemSubtitle;return h(Host,null,h("div",{class:(t={},t["icon-position--".concat(this.iconPosition)]=true,t["icon-type--".concat(this.iconType)]=true,t)},h("div",{class:(i={},i[CSS.header]=true,i[CSS_UTILITY.rtl]=e==="rtl",i)},this.renderActionsStart(),h("div",{"aria-expanded":toAriaBoolean(this.active||this.expanded),class:CSS.headerContent,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},h("div",{class:CSS.headerContainer},n,h("div",{class:CSS.headerText},h("span",{class:CSS.heading},this.heading||this.itemTitle),o?h("span",{class:CSS.description},o):null),a),h("calcite-icon",{class:CSS.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded||this.active?"minus":"plus",scale:"s"})),this.renderActionsEnd()),h("div",{class:CSS.content},h("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(t.key){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteInternalAccordionItemKeyEvent.emit({parent:this.parent,item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;if(this.el.parentNode!==this.requestedAccordionItem.parentNode){return}this.determineActiveItem();t.stopPropagation()};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedAccordionItem){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===this.requestedAccordionItem?!this.expanded:false;break;case"single-persist":this.expanded=this.el===this.requestedAccordionItem;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],expanded:["expandedHandler"],icon:["iconHandler"],iconStart:["iconStartHandler"]}},enumerable:false,configurable:true});return t}();AccordionItem.style=accordionItemCss;export{Accordion as calcite_accordion,AccordionItem as calcite_accordion_item};
+import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-8384b5ec.js";import{d as getElementProp,g as getSlotted,a as getElementDir,t as toAriaBoolean}from"./dom-24af003b.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-a8df5b3f.js";import{C as CSS_UTILITY}from"./resources-ea0a60b4.js";import"./guid-b68b1941.js";import"./observers-251355d3.js";var accordionCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name: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)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";var Accordion=function(){function t(t){registerInstance(this,t);this.calciteInternalAccordionChange=createEvent(this,"calciteInternalAccordionChange",6);this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multi";this.items=[];this.sorted=false;this.sortItems=function(t){return t.sort((function(t,i){return t.position-i.position})).map((function(t){return t.item}))}}t.prototype.componentDidLoad=function(){if(!this.sorted){this.items=this.sortItems(this.items);this.sorted=true}};t.prototype.render=function(){var t=this.appearance==="transparent";var i=this.appearance==="minimal";return h("div",{class:{"accordion--transparent":t,"accordion--minimal":i,accordion:!t&&!i}},h("slot",null))};t.prototype.calciteInternalAccordionItemKeyEvent=function(t){var i=t.detail.item;var e=t.detail.parent;if(this.el===e){var n=i.key;var a=t.target;var o=this.itemIndex(a)===0;var c=this.itemIndex(a)===this.items.length-1;switch(n){case"ArrowDown":if(c){this.focusFirstItem()}else{this.focusNextItem(a)}break;case"ArrowUp":if(o){this.focusLastItem()}else{this.focusPrevItem(a)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}}t.stopPropagation()};t.prototype.registerCalciteAccordionItem=function(t){var i={item:t.target,parent:t.detail.parent,position:t.detail.position};if(this.el===i.parent){this.items.push(i)}t.stopPropagation()};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;this.calciteInternalAccordionChange.emit({requestedAccordionItem:this.requestedAccordionItem});t.stopPropagation()};t.prototype.focusFirstItem=function(){var t=this.items[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var i=this.itemIndex(t);var e=this.items[i+1]||this.items[0];this.focusElement(e)};t.prototype.focusPrevItem=function(t){var i=this.itemIndex(t);var e=this.items[i-1]||this.items[this.items.length-1];this.focusElement(e)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.focusElement=function(t){var i=t;i===null||i===void 0?void 0:i.focus()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Accordion.style=accordionCss;var SLOTS={actionsStart:"actions-start",actionsEnd:"actions-end"};var CSS={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",headerContainer:"header-container"};var accordionItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name: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)}:host([hidden]){display:none}.icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-ui-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([expanded]){color:var(--calcite-ui-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-ui-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .icon{position:relative;margin:0px;display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-end);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-margin-end:var(--calcite-accordion-icon-margin);margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-margin-end:var(--calcite-accordion-icon-margin);margin-inline-end:var(--calcite-accordion-icon-margin);-webkit-margin-start:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{-webkit-border-after:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2));border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-ui-border-2))}:host .header *{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .content{display:none;-webkit-padding-before:0px;padding-block-start:0px;color:var(--calcite-ui-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-ui-text-3);-webkit-margin-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);-webkit-margin-end:var(--calcite-accordion-item-icon-spacing-end);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation));transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1);-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation));transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{-webkit-transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl));transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;padding-block:0px;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .heading,:host .description{display:-ms-flexbox;display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .description{-webkit-margin-before:0.25rem;margin-block-start:0.25rem;color:var(--calcite-ui-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-ui-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-ui-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-ui-text-1)}:host(:focus) .expand-icon,:host(:active) .expand-icon,:host([expanded]) .expand-icon{color:var(--calcite-ui-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-ui-text-2)}.header-content{-ms-flex-positive:1;flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);-ms-flex-direction:var(--calcite-accordion-item-flex-direction);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (forced-colors: active){:host([expanded]) .header{-webkit-border-after:none;border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}";var AccordionItem=function(){function t(t){var i=this;registerInstance(this,t);this.calciteInternalAccordionItemKeyEvent=createEvent(this,"calciteInternalAccordionItemKeyEvent",6);this.calciteInternalAccordionItemSelect=createEvent(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=createEvent(this,"calciteInternalAccordionItemClose",6);this.calciteInternalAccordionItemRegister=createEvent(this,"calciteInternalAccordionItemRegister",6);this.active=false;this.expanded=false;this.iconPosition="end";this.itemHeaderClickHandler=function(){return i.emitRequestedItem()}}t.prototype.activeHandler=function(t){this.expanded=t};t.prototype.expandedHandler=function(t){this.active=t};t.prototype.iconHandler=function(t){this.iconStart=t};t.prototype.iconStartHandler=function(t){this.icon=t};t.prototype.connectedCallback=function(){this.parent=this.el.parentElement;this.selectionMode=getElementProp(this.el,"selection-mode","multi");this.iconType=getElementProp(this.el,"icon-type","chevron");this.iconPosition=getElementProp(this.el,"icon-position",this.iconPosition);var t=this.active||this.expanded;if(t){this.activeHandler(t);this.expandedHandler(t)}if(this.iconStart){this.icon=this.iconStart}else if(this.icon){this.iconStart=this.icon}connectConditionalSlotComponent(this)};t.prototype.componentDidLoad=function(){this.itemPosition=this.getItemPosition();this.calciteInternalAccordionItemRegister.emit({parent:this.parent,position:this.itemPosition})};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderActionsStart=function(){var t=this.el;return getSlotted(t,SLOTS.actionsStart)?h("div",{class:CSS.actionsStart},h("slot",{name:SLOTS.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t=this.el;return getSlotted(t,SLOTS.actionsEnd)?h("div",{class:CSS.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null};t.prototype.render=function(){var t,i;var e=getElementDir(this.el);var n=this.iconStart?h("calcite-icon",{class:CSS.iconStart,icon:this.iconStart,key:"icon-start",scale:"s"}):null;var a=this.iconEnd?h("calcite-icon",{class:CSS.iconEnd,icon:this.iconEnd,key:"icon-end",scale:"s"}):null;var o=this.description||this.itemSubtitle;return h(Host,null,h("div",{class:(t={},t["icon-position--".concat(this.iconPosition)]=true,t["icon-type--".concat(this.iconType)]=true,t)},h("div",{class:(i={},i[CSS.header]=true,i[CSS_UTILITY.rtl]=e==="rtl",i)},this.renderActionsStart(),h("div",{"aria-expanded":toAriaBoolean(this.active||this.expanded),class:CSS.headerContent,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},h("div",{class:CSS.headerContainer},n,h("div",{class:CSS.headerText},h("span",{class:CSS.heading},this.heading||this.itemTitle),o?h("span",{class:CSS.description},o):null),a),h("calcite-icon",{class:CSS.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded||this.active?"minus":"plus",scale:"s"})),this.renderActionsEnd()),h("div",{class:CSS.content},h("slot",null))))};t.prototype.keyDownHandler=function(t){if(t.target===this.el){switch(t.key){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteInternalAccordionItemKeyEvent.emit({parent:this.parent,item:t});t.preventDefault();break}}};t.prototype.updateActiveItemOnChange=function(t){this.requestedAccordionItem=t.detail.requestedAccordionItem;if(this.el.parentNode!==this.requestedAccordionItem.parentNode){return}this.determineActiveItem();t.stopPropagation()};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedAccordionItem){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===this.requestedAccordionItem?!this.expanded:false;break;case"single-persist":this.expanded=this.el===this.requestedAccordionItem;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parent.querySelectorAll("calcite-accordion-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],expanded:["expandedHandler"],icon:["iconHandler"],iconStart:["iconStartHandler"]}},enumerable:false,configurable:true});return t}();AccordionItem.style=accordionItemCss;export{Accordion as calcite_accordion,AccordionItem as calcite_accordion_item};

package/dist/esm-es5/calcite-action-bar.entry.js

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t ins
 /*!
  * 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-beta.94
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-53f14b87.js";import{t as toggleChildActionText,o as overflowActionsDebounceInMs,q as queryActions,g as geActionDimensions,a as overflowActions,E as ExpandToggle,b as getOverflowCount}from"./ExpandToggle-2bc42f9b.js";import{f as focusElement,g as getSlotted}from"./dom-8d6885a3.js";import{c as createObserver}from"./observers-0433c649.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d5001a49.js";import{d as debounce}from"./debounce-2f55a96e.js";import"./resources-771c3479.js";import"./resources-322d57c9.js";import"./resources-54fe885f.js";import"./guid-673b0460.js";var CSS={actionGroupBottom:"action-group--bottom"};var SLOTS={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var TEXT={expand:"Expand",collapse:"Collapse"};var actionBarCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:stretch;align-self:stretch;background:transparent;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-width:0px;border-inline-end-width:1px;border-style:solid}::slotted(calcite-action-group:last-child){border-block-end-width:0px;border-inline-end-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px;-webkit-padding-end:0px;padding-inline-end:0px}";var ActionBar=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionBarToggle=createEvent(this,"calciteActionBarToggle",6);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.mutationObserver=createObserver("mutation",(function(){var t=e,n=t.el,o=t.expanded;toggleChildActionText({parent:n,expanded:o});e.conditionallyOverflowActions()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var n=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!n.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(e.resizeHandler)};this.resizeHandler=function(t){var n=t.contentRect,o=n.width,i=n.height;e.resize({width:o,height:i})};this.resize=debounce((function(t){var n=t.width,o=t.height;var i=e,a=i.el,r=i.expanded,l=i.expandDisabled,c=i.layout;if(c==="vertical"&&!o||c==="horizontal"&&!n){return}var s=queryActions(a);var d=l?s.length:s.length+1;var p=Array.from(a.querySelectorAll("calcite-action-group"));var u=getSlotted(a,SLOTS.bottomActions)||!l?p.length+1:p.length;var f=geActionDimensions(s),m=f.actionHeight,h=f.actionWidth;var b=getOverflowCount({layout:c,actionCount:d,actionHeight:m,actionWidth:h,height:o,width:n,groupCount:u});overflowActions({actionGroups:p,expanded:r,overflowCount:b})}),overflowActionsDebounceInMs);this.conditionallyOverflowActions=function(){if(!e.overflowActionsDisabled){e.overflowActions()}};this.toggleExpand=function(){e.expanded=!e.expanded;e.calciteActionBarToggle.emit()};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(){this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){toggleChildActionText({parent:this.el,expanded:t});this.conditionallyOverflowActions()};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,o=n.el,i=n.expanded;toggleChildActionText({parent:o,expanded:i});(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(o,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(o)}this.conditionallyOverflowActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();disconnectConditionalSlotComponent(this)};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize({width:this.el.clientWidth,height:this.el.clientHeight});return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:n.sent();return[2];case 2:(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,o=t.intlExpand,i=t.intlCollapse,a=t.el,r=t.position,l=t.toggleExpand,c=t.scale,s=t.layout;var d=getSlotted(a,SLOTS.expandTooltip);var p=o||TEXT.expand;var u=i||TEXT.collapse;var f=!n?h(ExpandToggle,{el:a,expanded:e,intlCollapse:u,intlExpand:p,position:r,ref:this.setExpandToggleRef,scale:c,toggle:l,tooltip:d}):null;return getSlotted(a,SLOTS.bottomActions)||f?h("calcite-action-group",{class:CSS.actionGroupBottom,layout:s,scale:c},h("slot",{name:SLOTS.bottomActions}),h("slot",{name:SLOTS.expandTooltip}),f):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}();ActionBar.style=actionBarCss;export{ActionBar as calcite_action_bar};
+ * v1.0.0-beta.95
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8384b5ec.js";import{t as toggleChildActionText,o as overflowActionsDebounceInMs,q as queryActions,g as geActionDimensions,a as overflowActions,E as ExpandToggle,b as getOverflowCount}from"./ExpandToggle-51cda39f.js";import{f as focusElement,g as getSlotted}from"./dom-24af003b.js";import{c as createObserver}from"./observers-251355d3.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-a8df5b3f.js";import{d as debounce}from"./debounce-d31cc476.js";import"./resources-351f6f14.js";import"./resources-3acd3089.js";import"./resources-ea0a60b4.js";import"./guid-b68b1941.js";var CSS={actionGroupBottom:"action-group--bottom"};var SLOTS={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var TEXT={expand:"Expand",collapse:"Collapse"};var actionBarCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:stretch;align-self:stretch;background:transparent;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-width:0px;border-inline-end-width:1px;border-style:solid}::slotted(calcite-action-group:last-child){border-block-end-width:0px;border-inline-end-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px;-webkit-padding-end:0px;padding-inline-end:0px}";var ActionBar=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionBarToggle=createEvent(this,"calciteActionBarToggle",6);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.mutationObserver=createObserver("mutation",(function(){var t=e,n=t.el,o=t.expanded;toggleChildActionText({parent:n,expanded:o});e.conditionallyOverflowActions()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var n=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!n.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(e.resizeHandler)};this.resizeHandler=function(t){var n=t.contentRect,o=n.width,i=n.height;e.resize({width:o,height:i})};this.resize=debounce((function(t){var n=t.width,o=t.height;var i=e,a=i.el,r=i.expanded,l=i.expandDisabled,c=i.layout;if(c==="vertical"&&!o||c==="horizontal"&&!n){return}var s=queryActions(a);var d=l?s.length:s.length+1;var u=Array.from(a.querySelectorAll("calcite-action-group"));var p=getSlotted(a,SLOTS.bottomActions)||!l?u.length+1:u.length;var f=geActionDimensions(s),m=f.actionHeight,h=f.actionWidth;var b=getOverflowCount({layout:c,actionCount:d,actionHeight:m,actionWidth:h,height:o,width:n,groupCount:p});overflowActions({actionGroups:u,expanded:r,overflowCount:b})}),overflowActionsDebounceInMs);this.conditionallyOverflowActions=function(){if(!e.overflowActionsDisabled){e.overflowActions()}};this.toggleExpand=function(){e.expanded=!e.expanded;e.calciteActionBarToggle.emit()};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(){this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){toggleChildActionText({parent:this.el,expanded:t});this.conditionallyOverflowActions()};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,o=n.el,i=n.expanded;toggleChildActionText({parent:o,expanded:i});(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(o,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(o)}this.conditionallyOverflowActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();disconnectConditionalSlotComponent(this)};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize({width:this.el.clientWidth,height:this.el.clientHeight});return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:n.sent();return[2];case 2:(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,o=t.intlExpand,i=t.intlCollapse,a=t.el,r=t.position,l=t.toggleExpand,c=t.scale,s=t.layout;var d=getSlotted(a,SLOTS.expandTooltip);var u=o||TEXT.expand;var p=i||TEXT.collapse;var f=!n?h(ExpandToggle,{el:a,expanded:e,intlCollapse:p,intlExpand:u,position:r,ref:this.setExpandToggleRef,scale:c,toggle:l,tooltip:d}):null;return getSlotted(a,SLOTS.bottomActions)||f?h("calcite-action-group",{class:CSS.actionGroupBottom,layout:s,scale:c},h("slot",{name:SLOTS.bottomActions}),h("slot",{name:SLOTS.expandTooltip}),f):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}();ActionBar.style=actionBarCss;export{ActionBar as calcite_action_bar};

package/dist/esm-es5/calcite-action-group.entry.js

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.94
+ * v1.0.0-beta.95
  */
-import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-53f14b87.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-322d57c9.js";import{g as getSlotted}from"./dom-8d6885a3.js";import{S as SLOTS$1}from"./resources-771c3479.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d5001a49.js";import"./resources-54fe885f.js";import"./guid-673b0460.js";import"./observers-0433c649.js";var actionGroupCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';var ActionGroup=function(){function t(t){var n=this;registerInstance(this,t);this.expanded=false;this.layout="vertical";this.menuOpen=false;this.setMenuOpen=function(t){n.menuOpen=!!t.detail}}t.prototype.expandedHandler=function(){this.menuOpen=false};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderTooltip=function(){var t=this.el;var n=getSlotted(t,SLOTS.menuTooltip);return n?h("slot",{name:SLOTS.menuTooltip,slot:SLOTS$1.tooltip}):null};t.prototype.renderMenu=function(){var t=this,n=t.el,a=t.expanded,e=t.intlMore,i=t.menuOpen,o=t.scale,r=t.layout;var c=getSlotted(n,SLOTS.menuActions);return c?h("calcite-action-menu",{expanded:a,flipPlacements:["left","right"],label:e||TEXT.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:i,placement:r==="horizontal"?"bottom-leading":"leading-start",scale:o},h("calcite-action",{icon:ICONS.menu,scale:o,slot:SLOTS$1.trigger,text:e||TEXT.more,textEnabled:a}),h("slot",{name:SLOTS.menuActions}),this.renderTooltip()):null};t.prototype.render=function(){return h(Fragment,null,h("slot",null),this.renderMenu())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();ActionGroup.style=actionGroupCss;export{ActionGroup as calcite_action_group};
+import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-8384b5ec.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-3acd3089.js";import{g as getSlotted}from"./dom-24af003b.js";import{S as SLOTS$1}from"./resources-351f6f14.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-a8df5b3f.js";import"./resources-ea0a60b4.js";import"./guid-b68b1941.js";import"./observers-251355d3.js";var actionGroupCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';var ActionGroup=function(){function t(t){var n=this;registerInstance(this,t);this.expanded=false;this.layout="vertical";this.menuOpen=false;this.setMenuOpen=function(t){n.menuOpen=!!t.detail}}t.prototype.expandedHandler=function(){this.menuOpen=false};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderTooltip=function(){var t=this.el;var n=getSlotted(t,SLOTS.menuTooltip);return n?h("slot",{name:SLOTS.menuTooltip,slot:SLOTS$1.tooltip}):null};t.prototype.renderMenu=function(){var t=this,n=t.el,a=t.expanded,e=t.intlMore,i=t.menuOpen,o=t.scale,r=t.layout;var c=getSlotted(n,SLOTS.menuActions);return c?h("calcite-action-menu",{expanded:a,flipPlacements:["left","right"],label:e||TEXT.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:i,placement:r==="horizontal"?"bottom-leading":"leading-start",scale:o},h("calcite-action",{icon:ICONS.menu,scale:o,slot:SLOTS$1.trigger,text:e||TEXT.more,textEnabled:a}),h("slot",{name:SLOTS.menuActions}),this.renderTooltip()):null};t.prototype.render=function(){return h(Fragment,null,h("slot",null),this.renderMenu())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();ActionGroup.style=actionGroupCss;export{ActionGroup as calcite_action_group};

package/dist/esm-es5/calcite-action-menu.entry.js

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t ins
 /*!
  * 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-beta.94
- */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-53f14b87.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-771c3479.js";import{t as toAriaBoolean,f as focusElement}from"./dom-8d6885a3.js";import{g as getRoundRobinIndex}from"./array-0910abb3.js";import{g as guid}from"./guid-673b0460.js";import{i as isActivationKey}from"./key-517ec64b.js";import"./resources-54fe885f.js";var actionMenuCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var ActionMenu=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",6);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.guid="calcite-action-menu-".concat(guid());this.menuId="".concat(this.guid,"-menu");this.menuButtonId="".concat(this.guid,"-menu-button");this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=e,n=t.menuButtonId,i=t.menuId,a=t.open,o=t.label;var r=e.slottedMenuButtonEl||e.defaultMenuButtonEl;if(e.menuButtonEl===r){return}e.disconnectMenuButtonEl();e.menuButtonEl=r;e.setTooltipReferenceElement();if(!r){return}r.active=a;r.setAttribute("aria-controls",i);r.setAttribute("aria-expanded",toAriaBoolean(a));r.setAttribute("aria-haspopup","true");if(!r.id){r.id=n}if(!r.label){r.label=o}if(!r.text){r.text=o}r.addEventListener("pointerdown",e.menuButtonClick);r.addEventListener("keydown",e.menuButtonKeyDown)};this.disconnectMenuButtonEl=function(){var t=e.menuButtonEl;if(!t){return}t.removeEventListener("pointerdown",e.menuButtonClick);t.removeEventListener("keydown",e.menuButtonKeyDown)};this.setMenuButtonEl=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-action")}));e.slottedMenuButtonEl=n[0];e.connectMenuButtonEl()};this.setDefaultMenuButtonEl=function(t){e.defaultMenuButtonEl=t;e.connectMenuButtonEl()};this.handleCalciteActionClick=function(){e.open=false;e.setFocus()};this.menuButtonClick=function(){e.toggleOpen()};this.updateTooltip=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-tooltip")}));e.tooltipEl=n[0];e.setTooltipReferenceElement()};this.setTooltipReferenceElement=function(){var t=e,n=t.tooltipEl,i=t.expanded,a=t.menuButtonEl,o=t.open;if(n){n.referenceElement=!i&&!o?a:null}};this.updateAction=function(t,n){var i=e,a=i.guid,o=i.activeMenuItemIndex;var r="".concat(a,"-action-").concat(n);t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=n===o};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(e.updateAction)};this.handleDefaultSlotChange=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-action")}));e.actionElements=n};this.menuButtonKeyDown=function(t){var n=t.key;var i=e.actionElements;if(!i.length){return}if(isActivationKey(n)){t.preventDefault();e.toggleOpen();return}if(!e.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}t.preventDefault();e.toggleOpen(true);e.handleActionNavigation(n,i)};this.menuActionsContainerKeyDown=function(t){var n=t.key;var i=e,a=i.actionElements,o=i.activeMenuItemIndex;if(n==="Tab"){e.open=false;return}if(isActivationKey(n)){t.preventDefault();var r=a[o];r?r.click():e.toggleOpen(false);return}if(n==="Escape"){e.toggleOpen(false);t.preventDefault();return}if(!a.length){return}if(e.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){t.preventDefault()}e.handleActionNavigation(n,a)};this.handleActionNavigation=function(t,n){if(!e.open){return}var i=e.activeMenuItemIndex;if(t==="Home"){e.activeMenuItemIndex=0}if(t==="End"){e.activeMenuItemIndex=n.length-1}if(t==="ArrowUp"){e.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(t==="ArrowDown"){e.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){e.setFocus();e.el.removeEventListener("calcitePopoverOpen",e.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!e.open}e.el.addEventListener("calcitePopoverOpen",e.toggleOpenEnd);e.open=t}}t.prototype.disconnectedCallback=function(){this.disconnectMenuButtonEl()};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t);this.setTooltipReferenceElement()};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.label,n=t.scale,i=t.expanded;var a=h("slot",{name:SLOTS.trigger,onSlotchange:this.setMenuButtonEl},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:n,text:e,textEnabled:i}));return a};t.prototype.renderMenuItems=function(){var t=this,e=t.actionElements,n=t.activeMenuItemIndex,i=t.open,a=t.menuId,o=t.menuButtonEl,r=t.label,l=t.placement,c=t.overlayPositioning,s=t.flipPlacements;var u=e[n];var f=(u===null||u===void 0?void 0:u.id)||null;return h("calcite-popover",{disablePointer:true,flipPlacements:s,label:r,offsetDistance:0,open:i,overlayPositioning:c,placement:l,referenceElement:o},h("div",{"aria-activedescendant":f,"aria-labelledby":o===null||o===void 0?void 0:o.id,class:CSS.menu,id:a,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,role:"menu",tabIndex:-1},h("slot",{onSlotchange:this.handleDefaultSlotChange})))};t.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip,onSlotchange:this.updateTooltip}))};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}();ActionMenu.style=actionMenuCss;export{ActionMenu as calcite_action_menu};
+ * v1.0.0-beta.95
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-8384b5ec.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-351f6f14.js";import{t as toAriaBoolean,f as focusElement}from"./dom-24af003b.js";import{g as getRoundRobinIndex}from"./array-2db27e14.js";import{g as guid}from"./guid-b68b1941.js";import{i as isActivationKey}from"./key-ed874b7d.js";import"./resources-ea0a60b4.js";var actionMenuCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name: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)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var ActionMenu=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",6);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.guid="calcite-action-menu-".concat(guid());this.menuId="".concat(this.guid,"-menu");this.menuButtonId="".concat(this.guid,"-menu-button");this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=e,n=t.menuButtonId,i=t.menuId,a=t.open,o=t.label;var r=e.slottedMenuButtonEl||e.defaultMenuButtonEl;if(e.menuButtonEl===r){return}e.disconnectMenuButtonEl();e.menuButtonEl=r;e.setTooltipReferenceElement();if(!r){return}r.active=a;r.setAttribute("aria-controls",i);r.setAttribute("aria-expanded",toAriaBoolean(a));r.setAttribute("aria-haspopup","true");if(!r.id){r.id=n}if(!r.label){r.label=o}if(!r.text){r.text=o}r.addEventListener("pointerdown",e.menuButtonClick);r.addEventListener("keydown",e.menuButtonKeyDown)};this.disconnectMenuButtonEl=function(){var t=e.menuButtonEl;if(!t){return}t.removeEventListener("pointerdown",e.menuButtonClick);t.removeEventListener("keydown",e.menuButtonKeyDown)};this.setMenuButtonEl=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-action")}));e.slottedMenuButtonEl=n[0];e.connectMenuButtonEl()};this.setDefaultMenuButtonEl=function(t){e.defaultMenuButtonEl=t;e.connectMenuButtonEl()};this.handleCalciteActionClick=function(){e.open=false;e.setFocus()};this.menuButtonClick=function(){e.toggleOpen()};this.updateTooltip=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-tooltip")}));e.tooltipEl=n[0];e.setTooltipReferenceElement()};this.setTooltipReferenceElement=function(){var t=e,n=t.tooltipEl,i=t.expanded,a=t.menuButtonEl,o=t.open;if(n){n.referenceElement=!i&&!o?a:null}};this.updateAction=function(t,n){var i=e,a=i.guid,o=i.activeMenuItemIndex;var r="".concat(a,"-action-").concat(n);t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=n===o};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(e.updateAction)};this.handleDefaultSlotChange=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-action")}));e.actionElements=n};this.menuButtonKeyDown=function(t){var n=t.key;var i=e.actionElements;if(!i.length){return}if(isActivationKey(n)){t.preventDefault();e.toggleOpen();return}if(!e.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}t.preventDefault();e.toggleOpen(true);e.handleActionNavigation(n,i)};this.menuActionsContainerKeyDown=function(t){var n=t.key;var i=e,a=i.actionElements,o=i.activeMenuItemIndex;if(n==="Tab"){e.open=false;return}if(isActivationKey(n)){t.preventDefault();var r=a[o];r?r.click():e.toggleOpen(false);return}if(n==="Escape"){e.toggleOpen(false);t.preventDefault();return}if(!a.length){return}if(e.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){t.preventDefault()}e.handleActionNavigation(n,a)};this.handleActionNavigation=function(t,n){if(!e.open){return}var i=e.activeMenuItemIndex;if(t==="Home"){e.activeMenuItemIndex=0}if(t==="End"){e.activeMenuItemIndex=n.length-1}if(t==="ArrowUp"){e.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(t==="ArrowDown"){e.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){e.setFocus();e.el.removeEventListener("calcitePopoverOpen",e.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!e.open}e.el.addEventListener("calcitePopoverOpen",e.toggleOpenEnd);e.open=t}}t.prototype.disconnectedCallback=function(){this.disconnectMenuButtonEl()};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t);this.setTooltipReferenceElement()};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.label,n=t.scale,i=t.expanded;var a=h("slot",{name:SLOTS.trigger,onSlotchange:this.setMenuButtonEl},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:n,text:e,textEnabled:i}));return a};t.prototype.renderMenuItems=function(){var t=this,e=t.actionElements,n=t.activeMenuItemIndex,i=t.open,a=t.menuId,o=t.menuButtonEl,r=t.label,l=t.placement,c=t.overlayPositioning,s=t.flipPlacements;var u=e[n];var f=(u===null||u===void 0?void 0:u.id)||null;return h("calcite-popover",{disablePointer:true,flipPlacements:s,label:r,offsetDistance:0,open:i,overlayPositioning:c,placement:l,referenceElement:o},h("div",{"aria-activedescendant":f,"aria-labelledby":o===null||o===void 0?void 0:o.id,class:CSS.menu,id:a,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,role:"menu",tabIndex:-1},h("slot",{onSlotchange:this.handleDefaultSlotChange})))};t.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip,onSlotchange:this.updateTooltip}))};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}();ActionMenu.style=actionMenuCss;export{ActionMenu as calcite_action_menu};

package/dist/esm-es5/calcite-action-pad.entry.js

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,a,e,n){function o(t){return t ins
 /*!
  * 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-beta.94
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-53f14b87.js";import{t as toggleChildActionText,E as ExpandToggle}from"./ExpandToggle-2bc42f9b.js";import{f as focusElement,g as getSlotted}from"./dom-8d6885a3.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-d5001a49.js";import"./resources-771c3479.js";import"./resources-322d57c9.js";import"./resources-54fe885f.js";import"./guid-673b0460.js";import"./observers-0433c649.js";var CSS={actionGroupBottom:"action-group--bottom",container:"container"};var TEXT={expand:"Expand",collapse:"Collapse"};var SLOTS={expandTooltip:"expand-tooltip"};var actionPadCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--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);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";var ActionPad=function(){function t(t){var a=this;registerInstance(this,t);this.calciteActionPadToggle=createEvent(this,"calciteActionPadToggle",6);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.actionMenuOpenChangeHandler=function(t){if(t.detail){var e=t.composedPath();Array.from(a.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!e.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=function(){a.expanded=!a.expanded;a.calciteActionPadToggle.emit()};this.setExpandToggleRef=function(t){a.expandToggleEl=t}}t.prototype.expandedHandler=function(t){toggleChildActionText({parent:this.el,expanded:t})};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.componentWillLoad=function(){var t=this,a=t.el,e=t.expanded;toggleChildActionText({parent:a,expanded:e})};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:e.sent();return[2];case 2:(a=this.el)===null||a===void 0?void 0:a.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,a=t.expanded,e=t.expandDisabled,n=t.intlExpand,o=t.intlCollapse,i=t.el,r=t.position,c=t.toggleExpand,l=t.scale,s=t.layout;var d=getSlotted(i,SLOTS.expandTooltip);var p=n||TEXT.expand;var u=o||TEXT.collapse;var f=!e?h(ExpandToggle,{el:i,expanded:a,intlCollapse:u,intlExpand:p,position:r,ref:this.setExpandToggleRef,scale:l,toggle:c,tooltip:d}):null;return f?h("calcite-action-group",{class:CSS.actionGroupBottom,layout:s,scale:l},h("slot",{name:SLOTS.expandTooltip}),f):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("div",{class:CSS.container},h("slot",null),this.renderBottomActionGroup()))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();ActionPad.style=actionPadCss;export{ActionPad as calcite_action_pad};
+ * v1.0.0-beta.95
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8384b5ec.js";import{t as toggleChildActionText,E as ExpandToggle}from"./ExpandToggle-51cda39f.js";import{f as focusElement,g as getSlotted}from"./dom-24af003b.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-a8df5b3f.js";import"./resources-351f6f14.js";import"./resources-3acd3089.js";import"./resources-ea0a60b4.js";import"./guid-b68b1941.js";import"./observers-251355d3.js";var CSS={actionGroupBottom:"action-group--bottom",container:"container"};var TEXT={expand:"Expand",collapse:"Collapse"};var SLOTS={expandTooltip:"expand-tooltip"};var actionPadCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--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);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";var ActionPad=function(){function t(t){var a=this;registerInstance(this,t);this.calciteActionPadToggle=createEvent(this,"calciteActionPadToggle",6);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.actionMenuOpenChangeHandler=function(t){if(t.detail){var e=t.composedPath();Array.from(a.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!e.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=function(){a.expanded=!a.expanded;a.calciteActionPadToggle.emit()};this.setExpandToggleRef=function(t){a.expandToggleEl=t}}t.prototype.expandedHandler=function(t){toggleChildActionText({parent:this.el,expanded:t})};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.componentWillLoad=function(){var t=this,a=t.el,e=t.expanded;toggleChildActionText({parent:a,expanded:e})};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:e.sent();return[2];case 2:(a=this.el)===null||a===void 0?void 0:a.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,a=t.expanded,e=t.expandDisabled,n=t.intlExpand,o=t.intlCollapse,i=t.el,r=t.position,c=t.toggleExpand,l=t.scale,s=t.layout;var d=getSlotted(i,SLOTS.expandTooltip);var p=n||TEXT.expand;var u=o||TEXT.collapse;var f=!e?h(ExpandToggle,{el:i,expanded:a,intlCollapse:u,intlExpand:p,position:r,ref:this.setExpandToggleRef,scale:l,toggle:c,tooltip:d}):null;return f?h("calcite-action-group",{class:CSS.actionGroupBottom,layout:s,scale:l},h("slot",{name:SLOTS.expandTooltip}),f):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("div",{class:CSS.container},h("slot",null),this.renderBottomActionGroup()))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();ActionPad.style=actionPadCss;export{ActionPad as calcite_action_pad};

package/dist/esm-es5/calcite-action.entry.js

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t ins
 /*!
  * 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-beta.94
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,f as forceUpdate}from"./index-53f14b87.js";import{c as createObserver}from"./observers-0433c649.js";import{u as updateHostInteraction}from"./interactive-9ecb4bdb.js";import{t as toAriaBoolean}from"./dom-8d6885a3.js";import"./resources-54fe885f.js";import"./guid-673b0460.js";var CSS={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible"};var TEXT={loading:"Loading"};var SLOTS={tooltip:"tooltip"};var actionCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.button{position:relative;margin:0px;display:-ms-flexbox;display:flex;inline-size:auto;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;border-style:none;background-color:var(--calcite-ui-foreground-1);fill:var(--calcite-ui-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);outline-color:transparent;text-align:unset;-ms-flex:1 0 auto;flex:1 0 auto}.button:hover{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:margin;transition-property:margin;-webkit-transition-property:inline-size;transition-property:inline-size}.button .text-container--visible{inline-size:auto;-ms-flex:1 1 auto;flex:1 1 auto;opacity:1}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button,:host([appearance=transparent]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus,:host([active][appearance=transparent]) .button,:host([active][appearance=transparent]) .button:hover,:host([active][appearance=transparent]) .button:focus{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button,:host([appearance=transparent][loading]) .button,:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-ui-text-3);-webkit-margin-end:0px;margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-ui-foreground-1);opacity:var(--calcite-ui-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-ui-foreground-3);opacity:var(--calcite-ui-opacity-disabled)}:host([indicator]) .button::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;border-width:2px;background-color:var(--calcite-action-indicator-color);border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}';var Action=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionClick=createEvent(this,"calciteActionClick",6);this.active=false;this.appearance="solid";this.compact=false;this.disabled=false;this.indicator=false;this.intlLoading=TEXT.loading;this.loading=false;this.scale="m";this.textEnabled=false;this.mutationObserver=createObserver("mutation",(function(){return forceUpdate(e)}));this.handleTooltipSlotChange=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-tooltip")}));var i=n[0];if(i){i.referenceElement=e.buttonEl}};this.calciteActionClickHandler=function(){if(!e.disabled){e.calciteActionClick.emit()}}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.buttonEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.renderTextContainer=function(){var t;var e=this,n=e.text,i=e.textEnabled;var a=(t={},t[CSS.textContainer]=true,t[CSS.textContainerVisible]=i,t);return n?h("div",{class:a,key:"text-container"},n):null};t.prototype.renderIconContainer=function(){var t;var e;var n=this,i=n.loading,a=n.icon,o=n.scale,r=n.el,c=n.intlLoading;var l=o==="l"?"m":"s";var s=o==="l"?"l":"m";var u=i?h("calcite-loader",{active:true,inline:true,label:c,scale:s}):null;var d=a?h("calcite-icon",{icon:a,scale:l}):null;var b=u||d;var p=b||((e=r.children)===null||e===void 0?void 0:e.length);var f=h("div",{class:(t={},t[CSS.slotContainer]=true,t[CSS.slotContainerHidden]=i,t)},h("slot",null));return p?h("div",{"aria-hidden":"true",class:CSS.iconContainer,key:"icon-container"},b,f):null};t.prototype.render=function(){var t;var e=this;var n=this,i=n.compact,a=n.disabled,o=n.loading,r=n.textEnabled,c=n.label,l=n.text;var s=c||l;var u=(t={},t[CSS.button]=true,t[CSS.buttonTextVisible]=r,t[CSS.buttonCompact]=i,t);return h(Host,{onClick:this.calciteActionClickHandler},h("button",{"aria-busy":toAriaBoolean(o),"aria-disabled":toAriaBoolean(a),"aria-label":s,class:u,disabled:a,ref:function(t){return e.buttonEl=t}},this.renderIconContainer(),this.renderTextContainer()),h("slot",{name:SLOTS.tooltip,onSlotchange:this.handleTooltipSlotChange}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Action.style=actionCss;export{Action as calcite_action};
+ * v1.0.0-beta.95
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,f as forceUpdate}from"./index-8384b5ec.js";import{c as createObserver}from"./observers-251355d3.js";import{u as updateHostInteraction}from"./interactive-f2ec7825.js";import{t as toAriaBoolean}from"./dom-24af003b.js";import"./resources-ea0a60b4.js";import"./guid-b68b1941.js";var CSS={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible"};var TEXT={loading:"Loading"};var SLOTS={tooltip:"tooltip"};var actionCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-ui-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.button{position:relative;margin:0px;display:-ms-flexbox;display:flex;inline-size:auto;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;border-style:none;background-color:var(--calcite-ui-foreground-1);fill:var(--calcite-ui-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);outline-color:transparent;text-align:unset;-ms-flex:1 0 auto;flex:1 0 auto}.button:hover{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.button:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.button:active{background-color:var(--calcite-ui-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property:margin;transition-property:margin;-webkit-transition-property:inline-size;transition-property:inline-size}.button .text-container--visible{inline-size:auto;-ms-flex:1 1 auto;flex:1 1 auto;opacity:1}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([alignment=center]) .button{-ms-flex-pack:center;justify-content:center}:host([alignment=end]) .button{-ms-flex-pack:end;justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{-ms-flex:0 1 auto;flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([active]) .button:active{background-color:var(--calcite-ui-foreground-1)}:host([appearance=clear]) .button,:host([appearance=transparent]) .button{background-color:transparent;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:transparent;-webkit-box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset;box-shadow:0 0 0 2px var(--calcite-ui-border-1) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus,:host([active][appearance=transparent]) .button,:host([active][appearance=transparent]) .button:hover,:host([active][appearance=transparent]) .button:focus{background-color:var(--calcite-ui-foreground-3);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button,:host([appearance=transparent][loading]) .button,:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-ui-foreground-1)}:host([loading]) .button .text-container,:host([loading]) .button:hover .text-container,:host([loading]) .button:focus .text-container{opacity:var(--calcite-ui-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-ui-text-3);-webkit-margin-end:0px;margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-ui-foreground-1);opacity:var(--calcite-ui-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-ui-foreground-3);opacity:var(--calcite-ui-opacity-disabled)}:host([indicator]) .button::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;border-width:2px;background-color:var(--calcite-action-indicator-color);border-color:var(--calcite-ui-foreground-1);inset-block-end:0.75rem;inset-inline-end:0.75rem}:host([indicator]) .button--text-visible::after{inset-block-end:auto}:host([indicator]) .button--text-visible .text-container--visible{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-ui-foreground-1)}:host([indicator][scale=s]) .button::after{inset-block-end:0.25rem;inset-inline-end:0.25rem}:host([indicator][scale=s]) .button--text-visible::after{inset-block-end:auto;inset-inline-end:0.5rem}:host([indicator][active]) .button::after{border-color:var(--calcite-ui-foreground-3)}';var Action=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionClick=createEvent(this,"calciteActionClick",6);this.active=false;this.appearance="solid";this.compact=false;this.disabled=false;this.indicator=false;this.intlLoading=TEXT.loading;this.loading=false;this.scale="m";this.textEnabled=false;this.mutationObserver=createObserver("mutation",(function(){return forceUpdate(e)}));this.handleTooltipSlotChange=function(t){var n=t.target.assignedElements({flatten:true}).filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-tooltip")}));var i=n[0];if(i){i.referenceElement=e.buttonEl}};this.calciteActionClickHandler=function(){if(!e.disabled){e.calciteActionClick.emit()}}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.buttonEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.renderTextContainer=function(){var t;var e=this,n=e.text,i=e.textEnabled;var a=(t={},t[CSS.textContainer]=true,t[CSS.textContainerVisible]=i,t);return n?h("div",{class:a,key:"text-container"},n):null};t.prototype.renderIconContainer=function(){var t;var e;var n=this,i=n.loading,a=n.icon,o=n.scale,r=n.el,c=n.intlLoading;var l=o==="l"?"m":"s";var s=o==="l"?"l":"m";var u=i?h("calcite-loader",{active:true,inline:true,label:c,scale:s}):null;var d=a?h("calcite-icon",{icon:a,scale:l}):null;var b=u||d;var p=b||((e=r.children)===null||e===void 0?void 0:e.length);var f=h("div",{class:(t={},t[CSS.slotContainer]=true,t[CSS.slotContainerHidden]=i,t)},h("slot",null));return p?h("div",{"aria-hidden":"true",class:CSS.iconContainer,key:"icon-container"},b,f):null};t.prototype.render=function(){var t;var e=this;var n=this,i=n.compact,a=n.disabled,o=n.loading,r=n.textEnabled,c=n.label,l=n.text;var s=c||l;var u=(t={},t[CSS.button]=true,t[CSS.buttonTextVisible]=r,t[CSS.buttonCompact]=i,t);return h(Host,{onClick:this.calciteActionClickHandler},h("button",{"aria-busy":toAriaBoolean(o),"aria-disabled":toAriaBoolean(a),"aria-label":s,class:u,disabled:a,ref:function(t){return e.buttonEl=t}},this.renderIconContainer(),this.renderTextContainer()),h("slot",{name:SLOTS.tooltip,onSlotchange:this.handleTooltipSlotChange}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Action.style=actionCss;export{Action as calcite_action};

package/dist/esm-es5/calcite-alert.entry.js

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e ins
 /*!
  * 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-beta.94
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-53f14b87.js";import{s as setRequestedIcon,t as toAriaBoolean,g as getSlotted}from"./dom-8d6885a3.js";import{S as StatusIcons}from"./interfaces-042402ce.js";import{c as connectOpenCloseComponent,d as disconnectOpenCloseComponent}from"./openCloseComponent-a5c239be.js";import"./resources-54fe885f.js";import"./guid-673b0460.js";var TEXT={intlClose:"Close"};var DURATIONS={slow:14e3,medium:1e4,fast:6e3};var SLOTS={title:"title",message:"message",link:"link"};var alertCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:500;margin-block:0px;margin-inline:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--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);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);-webkit-border-before:0px solid transparent;border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);-webkit-border-after:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.container{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;inset-inline:0px;display:block;inline-size:100%;overflow:hidden;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}';var Alert=function(){function e(e){var t=this;registerInstance(this,e);this.calciteAlertBeforeClose=createEvent(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=createEvent(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=createEvent(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=createEvent(this,"calciteAlertOpen",6);this.calciteInternalAlertSync=createEvent(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=createEvent(this,"calciteInternalAlertRegister",6);this.active=false;this.open=false;this.autoDismiss=false;this.autoDismissDuration=this.autoDismiss?"medium":null;this.color="blue";this.intlClose=TEXT.intlClose;this.placement="bottom";this.scale="m";this.queue=[];this.queueLength=0;this.queued=false;this.autoDismissTimeoutId=null;this.trackTimer=Date.now();this.openTransitionProp="opacity";this.setTransitionEl=function(e){t.transitionEl=e;connectOpenCloseComponent(t)};this.closeAlert=function(){t.autoDismissTimeoutId=null;t.queued=false;t.open=false;t.queue=t.queue.filter((function(e){return e!==t.el}));t.determineActiveAlert();t.calciteInternalAlertSync.emit({queue:t.queue})}}e.prototype.activeHandler=function(e){this.open=e};e.prototype.openHandler=function(e){var t=this;if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit();this.active=e}if(!this.open){this.queue=this.queue.filter((function(e){return e!==t.el}));this.calciteInternalAlertSync.emit({queue:this.queue});this.active=false}};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};e.prototype.updateDuration=function(){var e=this;if(this.autoDismiss&&this.autoDismissTimeoutId){window.clearTimeout(this.autoDismissTimeoutId);this.autoDismissTimeoutId=window.setTimeout((function(){return e.closeAlert()}),DURATIONS[this.autoDismissDuration]-(Date.now()-this.trackTimer))}};e.prototype.connectedCallback=function(){var e=this.open||this.active;if(e&&!this.queued){this.activeHandler(e);this.openHandler(e);this.calciteInternalAlertRegister.emit()}connectOpenCloseComponent(this)};e.prototype.componentWillLoad=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};e.prototype.disconnectedCallback=function(){window.clearTimeout(this.autoDismissTimeoutId);disconnectOpenCloseComponent(this)};e.prototype.render=function(){var e;var t=this;var i=h("button",{"aria-label":this.intlClose,class:"alert-close",onClick:this.closeAlert,ref:function(e){return t.closeButton=e},type:"button"},h("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));var a="+".concat(this.queueLength>2?this.queueLength-1:1);var n=h("div",{class:"".concat(this.queueLength>1?"active ":"","alert-queue-count")},h("calcite-chip",{scale:this.scale,value:a},a));var o=this,s=o.active,r=o.autoDismiss,l=o.label,c=o.placement,u=o.queued,d=o.requestedIcon;var m=r?"alert":"alertdialog";var f=!s;return h(Host,{"aria-hidden":toAriaBoolean(f),"aria-label":l,"calcite-hydrated-hidden":f,role:m},h("div",{class:(e={container:true,queued:u},e[c]=true,e),ref:this.setTransitionEl},d?h("div",{class:"alert-icon"},h("calcite-icon",{icon:d,scale:this.scale==="l"?"m":"s"})):null,h("div",{class:"alert-content"},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.message}),h("slot",{name:SLOTS.link})),n,!r?i:null,s&&!u&&r?h("div",{class:"alert-dismiss-progress"}):null))};e.prototype.alertSync=function(e){if(this.queue!==e.detail.queue){this.queue=e.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();e.stopPropagation()};e.prototype.alertRegister=function(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=getSlotted(this.el,{selector:"calcite-link"});if(!this.closeButton&&!e){return[2]}else if(e){e.setFocus()}else if(this.closeButton){this.closeButton.focus()}return[2]}))}))};e.prototype.determineActiveAlert=function(){var e=this;var t;if(((t=this.queue)===null||t===void 0?void 0:t[0])===this.el){this.openAlert();if(this.autoDismiss&&!this.autoDismissTimeoutId){this.trackTimer=Date.now();this.autoDismissTimeoutId=window.setTimeout((function(){return e.closeAlert()}),DURATIONS[this.autoDismissDuration])}}else{return}};e.prototype.onBeforeOpen=function(){this.calciteAlertBeforeOpen.emit()};e.prototype.onOpen=function(){this.calciteAlertOpen.emit()};e.prototype.onBeforeClose=function(){this.calciteAlertBeforeClose.emit()};e.prototype.onClose=function(){this.calciteAlertClose.emit()};e.prototype.openAlert=function(){var e=this;window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((function(){return e.queued=false}),300)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],open:["openHandler"],icon:["updateRequestedIcon"],color:["updateRequestedIcon"],autoDismissDuration:["updateDuration"]}},enumerable:false,configurable:true});return e}();Alert.style=alertCss;export{Alert as calcite_alert};
+ * v1.0.0-beta.95
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8384b5ec.js";import{s as setRequestedIcon,t as toAriaBoolean,g as getSlotted}from"./dom-24af003b.js";import{S as StatusIcons}from"./interfaces-ba98f966.js";import{c as connectOpenCloseComponent,d as disconnectOpenCloseComponent}from"./openCloseComponent-0a4c6226.js";import"./resources-ea0a60b4.js";import"./guid-b68b1941.js";var TEXT={intlClose:"Close"};var DURATIONS={slow:14e3,medium:1e4,fast:6e3};var SLOTS={title:"title",message:"message",link:"link"};var alertCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name: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)}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{--calcite-alert-edge-distance:2rem;display:block}:host .container{pointer-events:none;position:fixed;z-index:500;margin-block:0px;margin-inline:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);opacity:0;--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);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);-webkit-border-before:0px solid transparent;border-block-start:0px solid transparent;border-inline:1px solid var(--calcite-ui-border-3);-webkit-border-after:1px solid var(--calcite-ui-border-3);border-block-end:1px solid var(--calcite-ui-border-3);min-block-size:var(--calcite-alert-min-height);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - (var(--calcite-alert-edge-distance) * 2 + 2px));max-block-size:0;-webkit-transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}:host .container.bottom,:host .container.top{inset-inline-end:0;inset-inline-start:0}:host .container[class*=bottom]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), 0);transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}:host .container[class*=top]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}:host .container[class*=-start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}:host .container[class*=-end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.container{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.alert-close{outline-color:transparent}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([open]) .container:not(.queued){max-block-size:100%;border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.queued)[class*=bottom]{-webkit-transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit);transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.queued)[class*=top]{-webkit-transform:translate3d(0, var(--calcite-alert-edge-distance), inherit);transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-text-link)}.alert-content{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);-ms-flex:1 1 auto;flex:1 1 auto;min-inline-size:0;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:0 var(--calcite-alert-spacing-token-small);border-end-start-radius:var(--calcite-border-radius);border-end-end-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){-webkit-padding-start:var(--calcite-alert-spacing-token-large);padding-inline-start:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.alert-icon{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-foreground-1);padding-block:0px}.alert-close{-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large);-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-block:0px;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;border-end-end-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.alert-close:open{background-color:var(--calcite-ui-foreground-3)}.alert-queue-count{visibility:hidden;display:-ms-flexbox;display:flex;cursor:default;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-item-align:stretch;align-self:stretch;overflow:hidden;background-color:var(--calcite-ui-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2);opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0px solid transparent;border-start-end-radius:0}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{-webkit-border-end:0px solid transparent;border-inline-end:0px solid transparent}.alert-dismiss-progress{position:absolute;inset-inline:0px;display:block;inline-size:100%;overflow:hidden;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}:host([color=blue]) .container{border-block-start-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-block-start-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-block-start-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-block-start-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 6000ms ease-out;animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 10000ms ease-out;animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{-webkit-animation:dismissProgress 14000ms ease-out;animation:dismissProgress 14000ms ease-out}@-webkit-keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}';var Alert=function(){function e(e){var t=this;registerInstance(this,e);this.calciteAlertBeforeClose=createEvent(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=createEvent(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=createEvent(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=createEvent(this,"calciteAlertOpen",6);this.calciteInternalAlertSync=createEvent(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=createEvent(this,"calciteInternalAlertRegister",6);this.active=false;this.open=false;this.autoDismiss=false;this.autoDismissDuration=this.autoDismiss?"medium":null;this.color="blue";this.intlClose=TEXT.intlClose;this.placement="bottom";this.scale="m";this.queue=[];this.queueLength=0;this.queued=false;this.autoDismissTimeoutId=null;this.trackTimer=Date.now();this.openTransitionProp="opacity";this.setTransitionEl=function(e){t.transitionEl=e;connectOpenCloseComponent(t)};this.closeAlert=function(){t.autoDismissTimeoutId=null;t.queued=false;t.open=false;t.queue=t.queue.filter((function(e){return e!==t.el}));t.determineActiveAlert();t.calciteInternalAlertSync.emit({queue:t.queue})}}e.prototype.activeHandler=function(e){this.open=e};e.prototype.openHandler=function(e){var t=this;if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit();this.active=e}if(!this.open){this.queue=this.queue.filter((function(e){return e!==t.el}));this.calciteInternalAlertSync.emit({queue:this.queue});this.active=false}};e.prototype.updateRequestedIcon=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};e.prototype.updateDuration=function(){var e=this;if(this.autoDismiss&&this.autoDismissTimeoutId){window.clearTimeout(this.autoDismissTimeoutId);this.autoDismissTimeoutId=window.setTimeout((function(){return e.closeAlert()}),DURATIONS[this.autoDismissDuration]-(Date.now()-this.trackTimer))}};e.prototype.connectedCallback=function(){var e=this.open||this.active;if(e&&!this.queued){this.activeHandler(e);this.openHandler(e);this.calciteInternalAlertRegister.emit()}connectOpenCloseComponent(this)};e.prototype.componentWillLoad=function(){this.requestedIcon=setRequestedIcon(StatusIcons,this.icon,this.color)};e.prototype.disconnectedCallback=function(){window.clearTimeout(this.autoDismissTimeoutId);disconnectOpenCloseComponent(this)};e.prototype.render=function(){var e;var t=this;var i=h("button",{"aria-label":this.intlClose,class:"alert-close",onClick:this.closeAlert,ref:function(e){return t.closeButton=e},type:"button"},h("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));var a="+".concat(this.queueLength>2?this.queueLength-1:1);var n=h("div",{class:"".concat(this.queueLength>1?"active ":"","alert-queue-count")},h("calcite-chip",{scale:this.scale,value:a},a));var o=this,s=o.active,r=o.autoDismiss,l=o.label,c=o.placement,u=o.queued,d=o.requestedIcon;var m=r?"alert":"alertdialog";var f=!s;return h(Host,{"aria-hidden":toAriaBoolean(f),"aria-label":l,"calcite-hydrated-hidden":f,role:m},h("div",{class:(e={container:true,queued:u},e[c]=true,e),ref:this.setTransitionEl},d?h("div",{class:"alert-icon"},h("calcite-icon",{icon:d,scale:this.scale==="l"?"m":"s"})):null,h("div",{class:"alert-content"},h("slot",{name:SLOTS.title}),h("slot",{name:SLOTS.message}),h("slot",{name:SLOTS.link})),n,!r?i:null,s&&!u&&r?h("div",{class:"alert-dismiss-progress"}):null))};e.prototype.alertSync=function(e){if(this.queue!==e.detail.queue){this.queue=e.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();e.stopPropagation()};e.prototype.alertRegister=function(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=getSlotted(this.el,{selector:"calcite-link"});if(!this.closeButton&&!e){return[2]}else if(e){e.setFocus()}else if(this.closeButton){this.closeButton.focus()}return[2]}))}))};e.prototype.determineActiveAlert=function(){var e=this;var t;if(((t=this.queue)===null||t===void 0?void 0:t[0])===this.el){this.openAlert();if(this.autoDismiss&&!this.autoDismissTimeoutId){this.trackTimer=Date.now();this.autoDismissTimeoutId=window.setTimeout((function(){return e.closeAlert()}),DURATIONS[this.autoDismissDuration])}}else{return}};e.prototype.onBeforeOpen=function(){this.calciteAlertBeforeOpen.emit()};e.prototype.onOpen=function(){this.calciteAlertOpen.emit()};e.prototype.onBeforeClose=function(){this.calciteAlertBeforeClose.emit()};e.prototype.onClose=function(){this.calciteAlertClose.emit()};e.prototype.openAlert=function(){var e=this;window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((function(){return e.queued=false}),300)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],open:["openHandler"],icon:["updateRequestedIcon"],color:["updateRequestedIcon"],autoDismissDuration:["updateDuration"]}},enumerable:false,configurable:true});return e}();Alert.style=alertCss;export{Alert as calcite_alert};

package/dist/esm-es5/calcite-avatar.entry.js

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.94
+ * v1.0.0-beta.95
  */
-import{r as registerInstance,h,g as getElement}from"./index-53f14b87.js";import{h as hexToRGB,i as isValidHex}from"./utils-bb9d3be5.js";import{b as getThemeName}from"./dom-8d6885a3.js";import"./resources-54fe885f.js";import"./guid-673b0460.js";function stringToHex(a){var t=0;for(var e=0;e<a.length;e++){t=a.charCodeAt(e)+((t<<5)-t)}var i="#";for(var n=0;n<3;n++){var r=t>>n*8&255;i+=("00"+r.toString(16)).substr(-2)}return i}function rgbToHue(a){var t=a.r,e=a.g,i=a.b;t/=255;e/=255;i/=255;var n=Math.max(t,e,i);var r=Math.min(t,e,i);var o=n-r;if(n===r){return 0}var s=(n+r)/2;switch(n){case t:s=(e-i)/o+(e<i?6:0);break;case e:s=(i-t)/o+2;break;case i:s=(t-e)/o+4;break}return Math.round(s*60)}function hexToHue(a){return rgbToHue(hexToRGB(a))}var avatarCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:-ms-flexbox;display:flex}.background{display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}";var Avatar=function(){function a(a){registerInstance(this,a);this.scale="m";this.error=false}a.prototype.render=function(){return this.determineContent()};a.prototype.determineContent=function(){var a=this;if(this.thumbnail&&!this.error){return h("img",{alt:"",class:"thumbnail",onError:function(){return a.error=true},src:this.thumbnail})}var t=this.generateInitials();var e=this.generateFillColor();return h("span",{class:"background",style:{backgroundColor:e}},t?h("span",{"aria-hidden":"true",class:"initials"},t):h("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))};a.prototype.generateFillColor=function(){var a=this,t=a.userId,e=a.username,i=a.fullName,n=a.el;var r=getThemeName(n);var o=t&&"#".concat(t.substr(t.length-6));var s=e||i||"";var c=o&&isValidHex(o)?o:stringToHex(s);if(!t&&!s||!isValidHex(c)){return"var(--calcite-ui-foreground-2)"}var l=hexToHue(c);var m=r==="dark"?20:90;return"hsl(".concat(l,", 60%, ").concat(m,"%)")};a.prototype.generateInitials=function(){var a=this,t=a.fullName,e=a.username;if(t){return t.trim().split(" ").map((function(a){return a.substring(0,1)})).join("")}else if(e){return e.substring(0,2)}return false};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Avatar.style=avatarCss;export{Avatar as calcite_avatar};
+import{r as registerInstance,h,g as getElement}from"./index-8384b5ec.js";import{h as hexToRGB,i as isValidHex}from"./utils-a7e4e0e1.js";import{b as getThemeName}from"./dom-24af003b.js";import"./resources-ea0a60b4.js";import"./guid-b68b1941.js";function stringToHex(a){var t=0;for(var e=0;e<a.length;e++){t=a.charCodeAt(e)+((t<<5)-t)}var i="#";for(var n=0;n<3;n++){var r=t>>n*8&255;i+=("00"+r.toString(16)).substr(-2)}return i}function rgbToHue(a){var t=a.r,e=a.g,i=a.b;t/=255;e/=255;i/=255;var n=Math.max(t,e,i);var r=Math.min(t,e,i);var o=n-r;if(n===r){return 0}var s=(n+r)/2;switch(n){case t:s=(e-i)/o+(e<i?6:0);break;case e:s=(i-t)/o+2;break;case i:s=(t-e)/o+4;break}return Math.round(s*60)}function hexToHue(a){return rgbToHue(hexToRGB(a))}var avatarCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name: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)}:host([hidden]){display:none}:host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:-ms-flexbox;display:flex}.background{display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}";var Avatar=function(){function a(a){registerInstance(this,a);this.scale="m";this.thumbnailFailedToLoad=false}a.prototype.render=function(){return this.determineContent()};a.prototype.determineContent=function(){var a=this;if(this.thumbnail&&!this.thumbnailFailedToLoad){return h("img",{alt:"",class:"thumbnail",onError:function(){return a.thumbnailFailedToLoad=true},src:this.thumbnail})}var t=this.generateInitials();var e=this.generateFillColor();return h("span",{class:"background",style:{backgroundColor:e}},t?h("span",{"aria-hidden":"true",class:"initials"},t):h("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))};a.prototype.generateFillColor=function(){var a=this,t=a.userId,e=a.username,i=a.fullName,n=a.el;var r=getThemeName(n);var o=t&&"#".concat(t.substr(t.length-6));var s=e||i||"";var c=o&&isValidHex(o)?o:stringToHex(s);if(!t&&!s||!isValidHex(c)){return"var(--calcite-ui-foreground-2)"}var l=hexToHue(c);var m=r==="dark"?20:90;return"hsl(".concat(l,", 60%, ").concat(m,"%)")};a.prototype.generateInitials=function(){var a=this,t=a.fullName,e=a.username;if(t){return t.trim().split(" ").map((function(a){return a.substring(0,1)})).join("")}else if(e){return e.substring(0,2)}return false};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Avatar.style=avatarCss;export{Avatar as calcite_avatar};