@esri/calcite-components 1.0.0-next.300 → 1.0.0-next.304

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/calcite/calcite.css +1 -1
  2. package/dist/calcite/calcite.esm.js +1 -1
  3. package/dist/calcite/p-33226317.entry.js +5 -0
  4. package/dist/calcite/{p-610789ed.system.entry.js → p-42696c81.system.entry.js} +1 -1
  5. package/dist/calcite/{p-2b295331.entry.js → p-56e28cef.entry.js} +1 -1
  6. package/dist/calcite/p-5efd81e1.entry.js +5 -0
  7. package/dist/calcite/p-63da2e34.system.entry.js +5 -0
  8. package/dist/calcite/p-6f1cca21.system.js +1 -1
  9. package/dist/calcite/p-737fb960.entry.js +5 -0
  10. package/dist/calcite/p-8445bc9c.system.entry.js +5 -0
  11. package/dist/calcite/p-8603b2e1.entry.js +5 -0
  12. package/dist/calcite/{p-e5932886.system.entry.js → p-88b875d3.system.entry.js} +1 -1
  13. package/dist/calcite/{p-dabb63b5.system.entry.js → p-a61d85db.system.entry.js} +1 -1
  14. package/dist/cjs/calcite-accordion_2.cjs.entry.js +3 -0
  15. package/dist/cjs/calcite-graph_2.cjs.entry.js +2 -2
  16. package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js +1 -1
  17. package/dist/cjs/calcite-input.cjs.entry.js +10 -2
  18. package/dist/cjs/calcite-tab_4.cjs.entry.js +1 -1
  19. package/dist/cjs/calcite-tree_2.cjs.entry.js +1 -1
  20. package/dist/collection/components/calcite-accordion-item/calcite-accordion-item.js +3 -0
  21. package/dist/collection/components/calcite-input/calcite-input.js +13 -8
  22. package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js +2 -2
  23. package/dist/collection/components/calcite-slider/calcite-slider.js +2 -2
  24. package/dist/collection/components/calcite-tab/calcite-tab.css +5 -0
  25. package/dist/collection/components/calcite-tree-item/calcite-tree-item.css +47 -69
  26. package/dist/components/calcite-accordion-item.js +3 -0
  27. package/dist/components/calcite-input-time-picker.js +1 -1
  28. package/dist/components/calcite-input2.js +10 -2
  29. package/dist/components/calcite-slider.js +2 -2
  30. package/dist/components/calcite-tab2.js +1 -1
  31. package/dist/components/calcite-tree-item.js +1 -1
  32. package/dist/custom-elements/index.js +18 -7
  33. package/dist/esm/calcite-accordion_2.entry.js +3 -0
  34. package/dist/esm/calcite-graph_2.entry.js +2 -2
  35. package/dist/esm/calcite-input-time-picker_2.entry.js +1 -1
  36. package/dist/esm/calcite-input.entry.js +10 -2
  37. package/dist/esm/calcite-tab_4.entry.js +1 -1
  38. package/dist/esm/calcite-tree_2.entry.js +1 -1
  39. package/dist/esm-es5/calcite-accordion_2.entry.js +1 -1
  40. package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
  41. package/dist/esm-es5/calcite-input.entry.js +1 -1
  42. package/dist/esm-es5/calcite-tab_4.entry.js +1 -1
  43. package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
  44. package/dist/extras/docs-json.json +12 -3
  45. package/dist/types/components/calcite-input/calcite-input.d.ts +1 -2
  46. package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts +1 -1
  47. package/dist/types/components.d.ts +6 -2
  48. package/hydrate/index.js +18 -7
  49. package/package.json +10 -10
  50. package/readme.md +2 -2
  51. package/dist/calcite/p-00716aa8.system.entry.js +0 -5
  52. package/dist/calcite/p-1a1e9057.system.entry.js +0 -5
  53. package/dist/calcite/p-48f03121.entry.js +0 -5
  54. package/dist/calcite/p-78d0db7b.entry.js +0 -5
  55. package/dist/calcite/p-99a1c131.entry.js +0 -5
  56. package/dist/calcite/p-e6c84e63.entry.js +0 -5
package/dist/esm-es5/calcite-tab_4.entry.js CHANGED
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t ins
2
2
  /*!
3
3
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
4
4
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
5
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{n as nodeListToArray,a as getElementDir,k as filterDirectChildren,d as getElementProp,C as CSS_UTILITY}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteTabCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3)}:host([active]){display:block}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";var CalciteTab=function(){function t(t){registerInstance(this,t);this.calciteTabRegister=createEvent(this,"calciteTabRegister",7);this.active=false;this.scale="m";this.guid="calcite-tab-title-"+guid()}t.prototype.render=function(){var t=this.el.id||this.guid;return h(Host,{"aria-expanded":this.active.toString(),"aria-labelledby":this.labeledBy,id:t,role:"tabpanel"},h("section",null,h("slot",null)))};t.prototype.componentDidLoad=function(){this.calciteTabRegister.emit()};t.prototype.componentWillRender=function(){var t;this.scale=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.scale};t.prototype.disconnectedCallback=function(){var t;(t=document.body)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))};t.prototype.tabChangeHandler=function(t){var e=this;if(t.target.closest("calcite-tabs")!==this.el.closest("calcite-tabs")){return}if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((function(t){return t.matches("calcite-tab")})),this.el)]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.labeledBy=e[t.indexOf(this.el.id)]||null;return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTab.style=calciteTabCss;var calciteTabNavCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-height:1.5rem}:host([scale=m]){min-height:2rem}:host([scale=l]){min-height:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;width:100%;overflow:auto;-ms-flex-pack:start;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:0.25rem;margin:-0.25rem}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{width:100%;right:0;left:0;bottom:0;position:absolute;overflow:hidden;height:0.125rem}.tab-nav-active-indicator{position:absolute;bottom:0;display:block;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--calcite-ui-brand);height:0.125rem}:host([position=below]) .tab-nav-active-indicator{bottom:unset;top:0}:host([position=below]) .tab-nav-active-indicator-container{bottom:unset;top:0}:host([bordered]) .tab-nav-active-indicator-container{bottom:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{bottom:0;top:unset}";var CalciteTabNav=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabChange=createEvent(this,"calciteTabChange",7);this.scale="m";this.layout="inline";this.position="below";this.bordered=false;this.animationActiveDuration=.3;this.handleContainerScroll=function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateOffsetPosition()}}t.prototype.selectedTabChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-"+this.storageId,JSON.stringify(this.selectedTab))}this.calciteTabChange.emit({tab:this.selectedTab});t=this;return[4,this.getTabTitleById(this.selectedTab)];case 1:t.selectedTabEl=e.sent();return[2]}}))}))};t.prototype.selectedTabElChanged=function(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=this.animationActiveDuration+"s"};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-"+this.storageId;if(localStorage&&this.storageId&&localStorage.getItem(t)){var e=JSON.parse(localStorage.getItem(t));this.selectedTab=e;this.calciteTabChange.emit({tab:this.selectedTab})}};t.prototype.componentWillRender=function(){var t,e,i,a;this.layout=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.layout;this.position=(e=this.el.closest("calcite-tabs"))===null||e===void 0?void 0:e.position;this.scale=(i=this.el.closest("calcite-tabs"))===null||i===void 0?void 0:i.scale;this.bordered=(a=this.el.closest("calcite-tabs"))===null||a===void 0?void 0:a.bordered;if(this.selectedTabEl){this.updateOffsetPosition()}};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.length&&this.tabTitles.every((function(t){return!t.active}))&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then((function(e){t.calciteTabChange.emit({tab:e})}))}};t.prototype.render=function(){var t=this;var e=getElementDir(this.el);var i=this.indicatorWidth+"px";var a=this.indicatorOffset+"px";var n=e!=="rtl"?{width:i,left:a}:{width:i,right:a};return h(Host,{role:"tablist"},h("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:function(e){return t.tabNavEl=e}},h("div",{class:"tab-nav-active-indicator-container",ref:function(e){return t.activeIndicatorContainerEl=e}},h("div",{class:"tab-nav-active-indicator",ref:function(e){return t.activeIndicatorEl=e},style:n})),h("slot",null)))};t.prototype.resizeHandler=function(){this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e-1]||this.enabledTabTitles[this.enabledTabTitles.length-1];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e+1]||this.enabledTabTitles[0];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation();t.preventDefault()};t.prototype.updateTabTitles=function(t){if(t.target.active){this.selectedTab=t.detail}};t.prototype.globalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab}};t.prototype.updateOffsetPosition=function(){var t,e,i,a,n;var r=getElementDir(this.el);var o=(t=this.activeIndicatorContainerEl)===null||t===void 0?void 0:t.offsetWidth;var s=(e=this.selectedTabEl)===null||e===void 0?void 0:e.offsetLeft;var l=(i=this.selectedTabEl)===null||i===void 0?void 0:i.offsetWidth;var c=o-(s+l);this.indicatorOffset=r!=="rtl"?s-((a=this.tabNavEl)===null||a===void 0?void 0:a.scrollLeft):c+((n=this.tabNavEl)===null||n===void 0?void 0:n.scrollLeft)};t.prototype.updateActiveWidth=function(){var t;this.indicatorWidth=(t=this.selectedTabEl)===null||t===void 0?void 0:t.offsetWidth};t.prototype.getIndexOfTabTitle=function(t,e){if(e===void 0){e=this.tabTitles}return e.indexOf(t)};t.prototype.getTabTitleById=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){return[2,Promise.all(this.tabTitles.map((function(t){return t.getTabIdentifier()}))).then((function(i){return e.tabTitles[i.indexOf(t)]}))]}))}))};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"enabledTabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title:not([disabled])")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabNav.style=calciteTabNavCss;var calciteTabTitleCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-ms-flex:0 1 auto;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;margin-right:1.25rem;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){text-align:center;margin-top:0;margin-bottom:0;margin-left:1.25rem;margin-right:1.25rem;-ms-flex-preferred-size:12rem;flex-basis:12rem}:host([position=below]) a{border-bottom-width:0;border-top-width:2px;border-top-color:transparent;border-top-style:solid}:host a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) a{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host(:active) a,:host(:focus) a,:host(:hover) a{text-decoration:none;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-2)}:host([active]) a{color:var(--calcite-ui-text-1);border-color:transparent}:host([disabled]){pointer-events:none}:host([disabled]) span,:host([disabled]) a{pointer-events:none;opacity:0.5}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) a,:host([scale=s]) span{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) a,:host([scale=m]) span{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) a,:host([scale=l]) span{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}a,span{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:2px;border-bottom-color:transparent;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom-style:solid}span{cursor:default}.calcite-tab-title--icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;-ms-flex-item-align:center;align-self:center}.calcite-tab-title--icon svg{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.container--has-text .calcite-tab-title--icon.icon-start{margin-right:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{margin-left:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-end{margin-left:0;margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-start{margin-left:0.5rem;margin-right:0}:host([icon-start][icon-end]) .calcite--rtl .calcite-tab-title--icon:first-child{margin-left:0.5rem;margin-right:0}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][active]){-webkit-box-shadow:inset 0px -2px var(--calcite-ui-foreground-1);box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][active][position=below]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) a,:host([bordered]:focus) a,:host([bordered]:active) a{position:relative}:host([bordered]:hover) a{background-color:var(--calcite-button-transparent-hover);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([bordered]) a{border-bottom-style:unset}:host([bordered][position=below]) a{border-top-style:unset}:host([active][bordered]) a{border-left:1px solid var(--calcite-ui-border-1);border-right:1px solid var(--calcite-ui-border-1)}:host([bordered]) a,:host([bordered]) span{padding-left:0.75rem;padding-right:0.75rem}:host([bordered][scale=s]) a,:host([bordered][scale=s]) span{padding-left:0.5rem;padding-right:0.5rem}:host([bordered][scale=l]) a,:host([bordered][scale=l]) span{padding-left:1rem;padding-right:1rem}";var CalciteTabTitle=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabsActivate=createEvent(this,"calciteTabsActivate",7);this.calciteTabsFocusNext=createEvent(this,"calciteTabsFocusNext",7);this.calciteTabsFocusPrevious=createEvent(this,"calciteTabsFocusPrevious",7);this.calciteTabTitleRegister=createEvent(this,"calciteTabTitleRegister",7);this.active=false;this.disabled=false;this.bordered=false;this.mutationObserver=createObserver("mutation",(function(){return e.updateHasText()}));this.hasText=false;this.guid="calcite-tab-title-"+guid()}t.prototype.activeTabChanged=function(){if(this.active){this.emitActiveTab()}};t.prototype.connectedCallback=function(){this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=document.body)===null||e===void 0?void 0:e.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}))};t.prototype.componentWillLoad=function(){{this.updateHasText()}if(this.tab&&this.active){this.emitActiveTab()}};t.prototype.componentWillRender=function(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.position=this.parentTabsEl.position;this.scale=this.parentTabsEl.scale;this.bordered=this.parentTabsEl.bordered}if(!this.parentTabsEl&&this.parentTabNavEl){this.position=getElementProp(this.parentTabNavEl,"position",this.position);this.scale=getElementProp(this.parentTabNavEl,"scale",this.scale)}};t.prototype.render=function(){var t;var e=getElementDir(this.el);var i=this.el.id||this.guid;var a=this.disabled?"span":"a";var n=this.bordered&&!this.disabled&&this.layout!=="center";var r=h("calcite-icon",{class:"calcite-tab-title--icon icon-start",dir:e,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var o=h("calcite-icon",{class:"calcite-tab-title--icon icon-end",dir:e,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});return h(Host,{"aria-controls":this.controls,"aria-expanded":this.active.toString(),id:i,role:"tab",tabindex:this.disabled?"-1":"0"},h(a,{class:(t={container:true,"container--has-text":this.hasText},t[CSS_UTILITY.rtl]=e==="rtl",t),style:n&&{width:this.parentTabNavEl.indicatorWidth+"px"}},this.iconStart?r:null,h("slot",null),this.iconEnd?o:null))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:e=(t=this.calciteTabTitleRegister).emit;return[4,this.getTabIdentifier()];case 1:e.apply(t,[i.sent()]);return[2]}}))}))};t.prototype.tabChangeHandler=function(t){var e=this;if(this.parentTabNavEl===t.target){if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}}};t.prototype.onClick=function(){this.emitActiveTab()};t.prototype.keyDownHandler=function(t){switch(getKey(t.key)){case" ":case"Enter":this.emitActiveTab();t.preventDefault();break;case"ArrowRight":if(getElementDir(this.el)==="ltr"){this.calciteTabsFocusNext.emit()}else{this.calciteTabsFocusPrevious.emit()}break;case"ArrowLeft":if(getElementDir(this.el)==="ltr"){this.calciteTabsFocusPrevious.emit()}else{this.calciteTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)]}))}))};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.tab?this.tab:this.getTabIndex()]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2]}))}))};t.prototype.updateHasText=function(){this.hasText=this.el.textContent.trim().length>0};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.emitActiveTab=function(){if(!this.disabled){this.calciteTabsActivate.emit({tab:this.tab})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeTabChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabTitle.style=calciteTabTitleCss;var SLOTS={tabNav:"tab-nav"};var calciteTabsCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([bordered]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){margin-bottom:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-top:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-top-width:1px;border-top-color:var(--calcite-ui-border-1);border-top-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-width:0;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-bottom-style:solid}";var CalciteTabs=function(){function t(t){registerInstance(this,t);this.layout="inline";this.position="above";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}t.prototype.connectedCallback=function(){if(this.layout==="center"){this.bordered=false}};t.prototype.render=function(){return h(Fragment,null,h("slot",{name:SLOTS.tabNav}),h("section",null,h("slot",null)))};t.prototype.calciteTabTitleRegister=function(t){this.titles=__spreadArray(__spreadArray([],this.titles),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.calciteTabRegister=function(t){this.tabs=__spreadArray(__spreadArray([],this.tabs),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.tabs.some((function(t){return t.tab}))||this.titles.some((function(t){return t.tab}))))return[3,1];t=this.tabs.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));e=this.titles.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));return[3,4];case 1:return[4,Promise.all(this.tabs.map((function(t){return t.getTabIndex()})))];case 2:i=r.sent();return[4,Promise.all(this.titles.map((function(t){return t.getTabIndex()})))];case 3:a=r.sent();t=i.reduce((function(t,e,i){t[e]=n.tabs[i].id;return t}),[]);e=a.reduce((function(t,e,i){t[e]=n.titles[i].id;return t}),[]);r.label=4;case 4:this.tabs.forEach((function(i){return i.updateAriaInfo(t,e)}));this.titles.forEach((function(i){return i.updateAriaInfo(t,e)}));return[2]}}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTabs.style=calciteTabsCss;export{CalciteTab as calcite_tab,CalciteTabNav as calcite_tab_nav,CalciteTabTitle as calcite_tab_title,CalciteTabs as calcite_tabs};
5
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,F as Fragment}from"./index-9de00868.js";import{g as guid}from"./guid-196bd5ea.js";import{n as nodeListToArray,a as getElementDir,k as filterDirectChildren,d as getElementProp,C as CSS_UTILITY}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteTabCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([active]) section{display:block}:host{display:none;color:var(--calcite-ui-text-3);width:100%;height:100%}:host([active]){display:block;width:100%;height:100%;overflow:auto}section{height:100%;width:100%;display:none}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";var CalciteTab=function(){function t(t){registerInstance(this,t);this.calciteTabRegister=createEvent(this,"calciteTabRegister",7);this.active=false;this.scale="m";this.guid="calcite-tab-title-"+guid()}t.prototype.render=function(){var t=this.el.id||this.guid;return h(Host,{"aria-expanded":this.active.toString(),"aria-labelledby":this.labeledBy,id:t,role:"tabpanel"},h("section",null,h("slot",null)))};t.prototype.componentDidLoad=function(){this.calciteTabRegister.emit()};t.prototype.componentWillRender=function(){var t;this.scale=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.scale};t.prototype.disconnectedCallback=function(){var t;(t=document.body)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))};t.prototype.tabChangeHandler=function(t){var e=this;if(t.target.closest("calcite-tabs")!==this.el.closest("calcite-tabs")){return}if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((function(t){return t.matches("calcite-tab")})),this.el)]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.labeledBy=e[t.indexOf(this.el.id)]||null;return[2]}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTab.style=calciteTabCss;var calciteTabNavCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-height:1.5rem}:host([scale=m]){min-height:2rem}:host([scale=l]){min-height:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;width:100%;overflow:auto;-ms-flex-pack:start;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:0.25rem;margin:-0.25rem}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{width:100%;right:0;left:0;bottom:0;position:absolute;overflow:hidden;height:0.125rem}.tab-nav-active-indicator{position:absolute;bottom:0;display:block;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--calcite-ui-brand);height:0.125rem}:host([position=below]) .tab-nav-active-indicator{bottom:unset;top:0}:host([position=below]) .tab-nav-active-indicator-container{bottom:unset;top:0}:host([bordered]) .tab-nav-active-indicator-container{bottom:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{bottom:0;top:unset}";var CalciteTabNav=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabChange=createEvent(this,"calciteTabChange",7);this.scale="m";this.layout="inline";this.position="below";this.bordered=false;this.animationActiveDuration=.3;this.handleContainerScroll=function(){e.activeIndicatorEl.style.transitionDuration="0s";e.updateOffsetPosition()}}t.prototype.selectedTabChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-"+this.storageId,JSON.stringify(this.selectedTab))}this.calciteTabChange.emit({tab:this.selectedTab});t=this;return[4,this.getTabTitleById(this.selectedTab)];case 1:t.selectedTabEl=e.sent();return[2]}}))}))};t.prototype.selectedTabElChanged=function(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=this.animationActiveDuration+"s"};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-"+this.storageId;if(localStorage&&this.storageId&&localStorage.getItem(t)){var e=JSON.parse(localStorage.getItem(t));this.selectedTab=e;this.calciteTabChange.emit({tab:this.selectedTab})}};t.prototype.componentWillRender=function(){var t,e,i,a;this.layout=(t=this.el.closest("calcite-tabs"))===null||t===void 0?void 0:t.layout;this.position=(e=this.el.closest("calcite-tabs"))===null||e===void 0?void 0:e.position;this.scale=(i=this.el.closest("calcite-tabs"))===null||i===void 0?void 0:i.scale;this.bordered=(a=this.el.closest("calcite-tabs"))===null||a===void 0?void 0:a.bordered;if(this.selectedTabEl){this.updateOffsetPosition()}};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.length&&this.tabTitles.every((function(t){return!t.active}))&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then((function(e){t.calciteTabChange.emit({tab:e})}))}};t.prototype.render=function(){var t=this;var e=getElementDir(this.el);var i=this.indicatorWidth+"px";var a=this.indicatorOffset+"px";var n=e!=="rtl"?{width:i,left:a}:{width:i,right:a};return h(Host,{role:"tablist"},h("div",{class:"tab-nav",onScroll:this.handleContainerScroll,ref:function(e){return t.tabNavEl=e}},h("div",{class:"tab-nav-active-indicator-container",ref:function(e){return t.activeIndicatorContainerEl=e}},h("div",{class:"tab-nav-active-indicator",ref:function(e){return t.activeIndicatorEl=e},style:n})),h("slot",null)))};t.prototype.resizeHandler=function(){this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e-1]||this.enabledTabTitles[this.enabledTabTitles.length-1];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target,this.enabledTabTitles);var i=this.enabledTabTitles[e+1]||this.enabledTabTitles[0];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation();t.preventDefault()};t.prototype.updateTabTitles=function(t){if(t.target.active){this.selectedTab=t.detail}};t.prototype.globalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab}};t.prototype.updateOffsetPosition=function(){var t,e,i,a,n;var r=getElementDir(this.el);var o=(t=this.activeIndicatorContainerEl)===null||t===void 0?void 0:t.offsetWidth;var s=(e=this.selectedTabEl)===null||e===void 0?void 0:e.offsetLeft;var l=(i=this.selectedTabEl)===null||i===void 0?void 0:i.offsetWidth;var c=o-(s+l);this.indicatorOffset=r!=="rtl"?s-((a=this.tabNavEl)===null||a===void 0?void 0:a.scrollLeft):c+((n=this.tabNavEl)===null||n===void 0?void 0:n.scrollLeft)};t.prototype.updateActiveWidth=function(){var t;this.indicatorWidth=(t=this.selectedTabEl)===null||t===void 0?void 0:t.offsetWidth};t.prototype.getIndexOfTabTitle=function(t,e){if(e===void 0){e=this.tabTitles}return e.indexOf(t)};t.prototype.getTabTitleById=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){return[2,Promise.all(this.tabTitles.map((function(t){return t.getTabIdentifier()}))).then((function(i){return e.tabTitles[i.indexOf(t)]}))]}))}))};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"enabledTabTitles",{get:function(){return filterDirectChildren(this.el,"calcite-tab-title:not([disabled])")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"],selectedTabEl:["selectedTabElChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabNav.style=calciteTabNavCss;var calciteTabTitleCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;-ms-flex:0 1 auto;flex:0 1 auto;outline:2px solid transparent;outline-offset:2px;margin-right:1.25rem;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}:host([layout=center]){text-align:center;margin-top:0;margin-bottom:0;margin-left:1.25rem;margin-right:1.25rem;-ms-flex-preferred-size:12rem;flex-basis:12rem}:host([position=below]) a{border-bottom-width:0;border-top-width:2px;border-top-color:transparent;border-top-style:solid}:host a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus) a{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host(:active) a,:host(:focus) a,:host(:hover) a{text-decoration:none;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-border-2)}:host([active]) a{color:var(--calcite-ui-text-1);border-color:transparent}:host([disabled]){pointer-events:none}:host([disabled]) span,:host([disabled]) a{pointer-events:none;opacity:0.5}:host([scale=s]){-webkit-margin-end:1rem;margin-inline-end:1rem}:host([scale=s]) a,:host([scale=s]) span{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}:host([scale=m]) a,:host([scale=m]) span{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}:host([scale=l]){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}:host([scale=l]) a,:host([scale=l]) span{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}a,span{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:2px;border-bottom-color:transparent;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;padding-left:0;padding-right:0;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom-style:solid}span{cursor:default}.calcite-tab-title--icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;margin:0;-ms-flex-item-align:center;align-self:center}.calcite-tab-title--icon svg{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.container--has-text .calcite-tab-title--icon.icon-start{margin-right:0.5rem}.container--has-text .calcite-tab-title--icon.icon-end{margin-left:0.5rem}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-end{margin-left:0;margin-right:0.5rem}.container--has-text.calcite--rtl .calcite-tab-title--icon.icon-start{margin-left:0.5rem;margin-right:0}:host([icon-start][icon-end]) .calcite--rtl .calcite-tab-title--icon:first-child{margin-left:0.5rem;margin-right:0}:host([bordered]){-webkit-margin-end:0;margin-inline-end:0}:host([bordered][active]){-webkit-box-shadow:inset 0px -2px var(--calcite-ui-foreground-1);box-shadow:inset 0px -2px var(--calcite-ui-foreground-1)}:host([bordered][active][position=below]){-webkit-box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1);box-shadow:inset 0 2px 0 var(--calcite-ui-foreground-1)}:host([bordered]:hover) a,:host([bordered]:focus) a,:host([bordered]:active) a{position:relative}:host([bordered]:hover) a{background-color:var(--calcite-button-transparent-hover);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([bordered]) a{border-bottom-style:unset}:host([bordered][position=below]) a{border-top-style:unset}:host([active][bordered]) a{border-left:1px solid var(--calcite-ui-border-1);border-right:1px solid var(--calcite-ui-border-1)}:host([bordered]) a,:host([bordered]) span{padding-left:0.75rem;padding-right:0.75rem}:host([bordered][scale=s]) a,:host([bordered][scale=s]) span{padding-left:0.5rem;padding-right:0.5rem}:host([bordered][scale=l]) a,:host([bordered][scale=l]) span{padding-left:1rem;padding-right:1rem}";var CalciteTabTitle=function(){function t(t){var e=this;registerInstance(this,t);this.calciteTabsActivate=createEvent(this,"calciteTabsActivate",7);this.calciteTabsFocusNext=createEvent(this,"calciteTabsFocusNext",7);this.calciteTabsFocusPrevious=createEvent(this,"calciteTabsFocusPrevious",7);this.calciteTabTitleRegister=createEvent(this,"calciteTabTitleRegister",7);this.active=false;this.disabled=false;this.bordered=false;this.mutationObserver=createObserver("mutation",(function(){return e.updateHasText()}));this.hasText=false;this.guid="calcite-tab-title-"+guid()}t.prototype.activeTabChanged=function(){if(this.active){this.emitActiveTab()}};t.prototype.connectedCallback=function(){this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=document.body)===null||e===void 0?void 0:e.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}))};t.prototype.componentWillLoad=function(){{this.updateHasText()}if(this.tab&&this.active){this.emitActiveTab()}};t.prototype.componentWillRender=function(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.position=this.parentTabsEl.position;this.scale=this.parentTabsEl.scale;this.bordered=this.parentTabsEl.bordered}if(!this.parentTabsEl&&this.parentTabNavEl){this.position=getElementProp(this.parentTabNavEl,"position",this.position);this.scale=getElementProp(this.parentTabNavEl,"scale",this.scale)}};t.prototype.render=function(){var t;var e=getElementDir(this.el);var i=this.el.id||this.guid;var a=this.disabled?"span":"a";var n=this.bordered&&!this.disabled&&this.layout!=="center";var r=h("calcite-icon",{class:"calcite-tab-title--icon icon-start",dir:e,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var o=h("calcite-icon",{class:"calcite-tab-title--icon icon-end",dir:e,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});return h(Host,{"aria-controls":this.controls,"aria-expanded":this.active.toString(),id:i,role:"tab",tabindex:this.disabled?"-1":"0"},h(a,{class:(t={container:true,"container--has-text":this.hasText},t[CSS_UTILITY.rtl]=e==="rtl",t),style:n&&{width:this.parentTabNavEl.indicatorWidth+"px"}},this.iconStart?r:null,h("slot",null),this.iconEnd?o:null))};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:e=(t=this.calciteTabTitleRegister).emit;return[4,this.getTabIdentifier()];case 1:e.apply(t,[i.sent()]);return[2]}}))}))};t.prototype.tabChangeHandler=function(t){var e=this;if(this.parentTabNavEl===t.target){if(this.tab){this.active=this.tab===t.detail.tab}else{this.getTabIndex().then((function(i){e.active=i===t.detail.tab}))}}};t.prototype.onClick=function(){this.emitActiveTab()};t.prototype.keyDownHandler=function(t){switch(getKey(t.key)){case" ":case"Enter":this.emitActiveTab();t.preventDefault();break;case"ArrowRight":if(getElementDir(this.el)==="ltr"){this.calciteTabsFocusNext.emit()}else{this.calciteTabsFocusPrevious.emit()}break;case"ArrowLeft":if(getElementDir(this.el)==="ltr"){this.calciteTabsFocusPrevious.emit()}else{this.calciteTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el)]}))}))};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.tab?this.tab:this.getTabIndex()]}))}))};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2]}))}))};t.prototype.updateHasText=function(){this.hasText=this.el.textContent.trim().length>0};t.prototype.setupTextContentObserver=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true})};t.prototype.emitActiveTab=function(){if(!this.disabled){this.calciteTabsActivate.emit({tab:this.tab})}};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeTabChanged"]}},enumerable:false,configurable:true});return t}();CalciteTabTitle.style=calciteTabTitleCss;var SLOTS={tabNav:"tab-nav"};var calciteTabsCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([bordered]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav){margin-bottom:-1px}:host([bordered][position=below]) ::slotted(calcite-tab-nav){margin-top:-1px}:host([bordered][position=below]){-webkit-box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);box-shadow:inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=below]){-ms-flex-direction:column-reverse;flex-direction:column-reverse}section{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;overflow:hidden;border-top-width:1px;border-top-color:var(--calcite-ui-border-1);border-top-style:solid}:host([position=below]) section{-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-width:0;border-bottom-width:1px;border-bottom-color:var(--calcite-ui-border-1)}:host([position=below]:not([bordered])) section{border-bottom-style:solid}";var CalciteTabs=function(){function t(t){registerInstance(this,t);this.layout="inline";this.position="above";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}t.prototype.connectedCallback=function(){if(this.layout==="center"){this.bordered=false}};t.prototype.render=function(){return h(Fragment,null,h("slot",{name:SLOTS.tabNav}),h("section",null,h("slot",null)))};t.prototype.calciteTabTitleRegister=function(t){this.titles=__spreadArray(__spreadArray([],this.titles),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.calciteTabRegister=function(t){this.tabs=__spreadArray(__spreadArray([],this.tabs),[t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter((function(e){return e!==t.detail}));this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,a;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.tabs.some((function(t){return t.tab}))||this.titles.some((function(t){return t.tab}))))return[3,1];t=this.tabs.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));e=this.titles.sort((function(t,e){return t.tab.localeCompare(e.tab)})).map((function(t){return t.id}));return[3,4];case 1:return[4,Promise.all(this.tabs.map((function(t){return t.getTabIndex()})))];case 2:i=r.sent();return[4,Promise.all(this.titles.map((function(t){return t.getTabIndex()})))];case 3:a=r.sent();t=i.reduce((function(t,e,i){t[e]=n.tabs[i].id;return t}),[]);e=a.reduce((function(t,e,i){t[e]=n.titles[i].id;return t}),[]);r.label=4;case 4:this.tabs.forEach((function(i){return i.updateAriaInfo(t,e)}));this.titles.forEach((function(i){return i.updateAriaInfo(t,e)}));return[2]}}))}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteTabs.style=calciteTabsCss;export{CalciteTab as calcite_tab,CalciteTabNav as calcite_tab_nav,CalciteTabTitle as calcite_tab_title,CalciteTabs as calcite_tabs};
package/dist/esm-es5/calcite-tree_2.entry.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
3
3
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
4
4
  */
5
- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,n as nodeListToArray,g as getSlotted,a as getElementDir,C as CSS_UTILITY,k as filterDirectChildren}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import"./guid-196bd5ea.js";var TreeSelectionMode;(function(e){e["Single"]="single";e["Multi"]="multi";e["Children"]="children";e["MultiChildren"]="multi-children";e["Ancestors"]="ancestors"})(TreeSelectionMode||(TreeSelectionMode={}));var calciteTreeCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";var CalciteTree=function(){function e(e){registerInstance(this,e);this.calciteTreeSelect=createEvent(this,"calciteTreeSelect",7);this.lines=false;this.inputEnabled=false;this.scale="m";this.selectionMode=TreeSelectionMode.Single}e.prototype.componentWillRender=function(){var e=this.el.parentElement.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e};e.prototype.render=function(){return h(Host,{"aria-multiselectable":(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren).toString(),role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},h("slot",null))};e.prototype.onFocus=function(){if(!this.child){var e=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");focusElement(e)}};e.prototype.onFocusIn=function(e){var t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=-1}};e.prototype.onFocusOut=function(e){var t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}};e.prototype.onClick=function(e){var t=e.target;var i=nodeListToArray(t.querySelectorAll("calcite-tree-item"));if(this.child){return}if(!this.child){e.preventDefault();e.stopPropagation()}if(this.selectionMode===TreeSelectionMode.Ancestors&&!this.child){this.updateAncestorTree(e);return}var n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren));var a=e.detail.modifyCurrentSelection&&(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren);var r=this.selectionMode===TreeSelectionMode.MultiChildren||this.selectionMode===TreeSelectionMode.Children;var o=!a&&((this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Multi)&&i.length<=0||this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren);var c=this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren;if(!this.child){var l=[];if(n){l.push(t)}if(r){i.forEach((function(e){l.push(e)}))}if(o){var s=nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));s.forEach((function(e){if(!l.includes(e)){e.selected=false}}))}if(c&&!e.detail.forceToggle){t.expanded=true}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected||r&&e.detail.forceToggle){l.forEach((function(e){e.selected=false}))}else{l.forEach((function(e){e.selected=true}))}}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.updateAncestorTree=function(e){var t=e.target;var i=t.querySelectorAll("calcite-tree-item");var n=[];var a=t.parentElement.closest("calcite-tree-item");while(a){n.push(a);a=a.parentElement.closest("calcite-tree-item")}t.selected=!t.selected;t.indeterminate=false;if(i===null||i===void 0?void 0:i.length){i.forEach((function(e){e.selected=t.selected;e.indeterminate=false}))}if(n){n.forEach((function(e){var t=nodeListToArray(e.querySelectorAll("calcite-tree-item"));var i=t.filter((function(e){return e.selected}));if(i.length===0){e.selected=false;e.indeterminate=false;return}var n=i.length<t.length;e.indeterminate=n;e.selected=!n}))}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.getRootTabIndex=function(){return!this.child?0:-1};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTree.style=calciteTreeCss;var CSS={checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark"};var SLOTS={children:"children"};var ICONS={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right"};var calciteTreeItemCss='@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{--calcite-tree-indicator:var(--calcite-ui-border-1);--calcite-tree-indicator-active:var(--calcite-ui-brand);--calcite-tree-text:var(--calcite-ui-text-3);--calcite-tree-text-active:var(--calcite-ui-text-1);display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-tree-text)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox{-webkit-margin-start:2rem;margin-inline-start:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}:host([lines]){--calcite-tree-line:var(--calcite-ui-border-2);--calcite-tree-line-hover:var(--calcite-ui-border-1)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}.children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:"";background-color:var(--calcite-tree-line);z-index:-1}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkbox{-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-tree-indicator)}.node-container:hover ::slotted(*),:host([selected]) .node-container:hover ::slotted(*),:host(:focus) .node-container ::slotted(*){color:var(--calcite-tree-text-hover)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{color:var(--calcite-tree-text-active);font-weight:var(--calcite-font-weight-medium)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children]))[scale=s]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children]))[scale=m]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children]))[scale=l]>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-active)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-tree-indicator-active)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:var(--calcite-tree-text)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([scale=s])>.node-container .checkbox{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host([scale=m])>.node-container .checkbox{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}:host([scale=l])>.node-container .checkbox{-webkit-margin-end:1rem;margin-inline-end:1rem}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-indicator-active)}';var CalciteTreeItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTreeItemSelect=createEvent(this,"calciteTreeItemSelect",7);this.selected=false;this.expanded=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.iconClickHandler=function(e){e.stopPropagation();t.expanded=!t.expanded;if(t.selectionMode!==TreeSelectionMode.Ancestors){t.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:true})}};this.childrenClickHandler=function(e){return e.stopPropagation()};this.updateParentIsExpanded=function(e,t){var i=getSlotted(e,SLOTS.children,{all:true,selector:"calcite-tree-item"});i.forEach((function(e){return e.parentExpanded=t}))};this.updateAncestorTree=function(){if(t.selected&&t.selectionMode===TreeSelectionMode.Ancestors){var e=[];var i=t.parentTreeItem;while(i){e.push(i);i=i.parentElement.closest("calcite-tree-item")}e.forEach((function(e){return e.indeterminate=true}));return}}}e.prototype.expandedHandler=function(e){this.updateParentIsExpanded(this.el,e)};e.prototype.connectedCallback=function(){this.parentTreeItem=this.el.parentElement.closest("calcite-tree-item");if(this.parentTreeItem){var e=this.parentTreeItem.expanded;this.updateParentIsExpanded(this.parentTreeItem,e)}};e.prototype.componentWillRender=function(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;var e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;var t;while(e){t=e.parentElement.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}};e.prototype.componentDidLoad=function(){this.updateAncestorTree()};e.prototype.render=function(){var e,t,i,n;var a=this;var r=getElementDir(this.el)==="rtl";var o=this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Children;var c=this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren;var l=this.hasChildren?h("calcite-icon",{class:(e={},e[CSS.chevron]=true,e[CSS_UTILITY.rtl]=r,e),"data-test-id":"icon",icon:ICONS.chevronRight,onClick:this.iconClickHandler,scale:"s"}):null;var s=this.selectionMode===TreeSelectionMode.Ancestors?h("label",{class:CSS.checkboxLabel},h("calcite-checkbox",{checked:this.selected,class:CSS.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),h("slot",null)):null;var d=o?ICONS.bulletPoint:c?ICONS.checkmark:null;var m=d?h("calcite-icon",{class:(t={},t[CSS.bulletPointIcon]=d===ICONS.bulletPoint,t[CSS.checkmarkIcon]=d===ICONS.checkmark,t[CSS_UTILITY.rtl]=r,t),icon:d,scale:"s"}):null;var p=!(this.parentExpanded||this.depth===1);return h(Host,{"aria-expanded":this.hasChildren?this.expanded.toString():undefined,"aria-hidden":p.toString(),"aria-selected":this.selected?"true":c?"false":undefined,"calcite-hydrated-hidden":p,role:"treeitem",tabindex:this.parentExpanded||this.depth===1?"0":"-1"},h("div",{class:(i={},i[CSS.nodeContainer]=true,i[CSS_UTILITY.rtl]=r,i),"data-selection-mode":this.selectionMode,ref:function(e){return a.defaultSlotWrapper=e}},l,m,s?s:h("slot",null)),h("div",{class:(n={},n[CSS.childrenContainer]=true,n[CSS_UTILITY.rtl]=r,n),"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:function(e){return a.childrenSlotWrapper=e},role:this.hasChildren?"group":undefined},h("slot",{name:SLOTS.children})))};e.prototype.onClick=function(e){var t=filterDirectChildren(this.el,"a")[0];if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){var i=t.target===""?"_self":t.target;window.open(t.href,i)}this.expanded=!this.expanded;this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey||this.selectionMode===TreeSelectionMode.Ancestors,forceToggle:false})};e.prototype.keyDownHandler=function(e){var t;switch(getKey(e.key)){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false});e.preventDefault();e.stopPropagation();break;case"Enter":var i=nodeListToArray(this.el.children).find((function(e){return e.matches("a")}));if(i){i.click();this.selected=true}else{this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false})}e.preventDefault();e.stopPropagation();break;case"ArrowLeft":if(this.hasChildren&&this.expanded){this.expanded=false;e.preventDefault();e.stopPropagation();break}var n=this.parentTreeItem;if(n&&(!this.hasChildren||this.expanded===false)){n.focus();e.preventDefault();e.stopPropagation();break}break;case"ArrowRight":if(this.hasChildren&&this.expanded===false){this.expanded=true;e.preventDefault();e.stopPropagation();break}if(this.hasChildren&&this.expanded){this.el.querySelector("calcite-tree-item").focus();break}break;case"ArrowUp":var a=this.el.previousElementSibling;if(a&&a.matches("calcite-tree-item")){a.focus()}break;case"ArrowDown":var r=this.el.nextElementSibling;if(r&&r.matches("calcite-tree-item")){r.focus()}break;case"Home":t=this.el.closest("calcite-tree:not([child])");var o=t.querySelector("calcite-tree-item");o.focus();break;case"End":t=this.el.closest("calcite-tree:not([child])");var c=t.children[t.children.length-1];var l=nodeListToArray(c.children).find((function(e){return e.matches("calcite-tree")}));while(l){c=l.children[t.children.length-1];l=nodeListToArray(c.children).find((function(e){return e.matches("calcite-tree")}))}c.focus();break}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return e}();CalciteTreeItem.style=calciteTreeItemCss;export{CalciteTree as calcite_tree,CalciteTreeItem as calcite_tree_item};
5
+ import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{f as focusElement,n as nodeListToArray,g as getSlotted,a as getElementDir,C as CSS_UTILITY,k as filterDirectChildren}from"./dom-f24e866c.js";import{g as getKey}from"./key-69001a68.js";import"./guid-196bd5ea.js";var TreeSelectionMode;(function(e){e["Single"]="single";e["Multi"]="multi";e["Children"]="children";e["MultiChildren"]="multi-children";e["Ancestors"]="ancestors"})(TreeSelectionMode||(TreeSelectionMode={}));var calciteTreeCss="@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";var CalciteTree=function(){function e(e){registerInstance(this,e);this.calciteTreeSelect=createEvent(this,"calciteTreeSelect",7);this.lines=false;this.inputEnabled=false;this.scale="m";this.selectionMode=TreeSelectionMode.Single}e.prototype.componentWillRender=function(){var e=this.el.parentElement.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e};e.prototype.render=function(){return h(Host,{"aria-multiselectable":(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren).toString(),role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},h("slot",null))};e.prototype.onFocus=function(){if(!this.child){var e=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");focusElement(e)}};e.prototype.onFocusIn=function(e){var t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=-1}};e.prototype.onFocusOut=function(e){var t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}};e.prototype.onClick=function(e){var t=e.target;var i=nodeListToArray(t.querySelectorAll("calcite-tree-item"));if(this.child){return}if(!this.child){e.preventDefault();e.stopPropagation()}if(this.selectionMode===TreeSelectionMode.Ancestors&&!this.child){this.updateAncestorTree(e);return}var n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren));var a=e.detail.modifyCurrentSelection&&(this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren);var o=this.selectionMode===TreeSelectionMode.MultiChildren||this.selectionMode===TreeSelectionMode.Children;var r=!a&&((this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Multi)&&i.length<=0||this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren);var s=this.selectionMode===TreeSelectionMode.Children||this.selectionMode===TreeSelectionMode.MultiChildren;if(!this.child){var c=[];if(n){c.push(t)}if(o){i.forEach((function(e){c.push(e)}))}if(r){var l=nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));l.forEach((function(e){if(!c.includes(e)){e.selected=false}}))}if(s&&!e.detail.forceToggle){t.expanded=true}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected||o&&e.detail.forceToggle){c.forEach((function(e){e.selected=false}))}else{c.forEach((function(e){e.selected=true}))}}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.updateAncestorTree=function(e){var t=e.target;var i=t.querySelectorAll("calcite-tree-item");var n=[];var a=t.parentElement.closest("calcite-tree-item");while(a){n.push(a);a=a.parentElement.closest("calcite-tree-item")}t.selected=!t.selected;t.indeterminate=false;if(i===null||i===void 0?void 0:i.length){i.forEach((function(e){e.selected=t.selected;e.indeterminate=false}))}if(n){n.forEach((function(e){var t=nodeListToArray(e.querySelectorAll("calcite-tree-item"));var i=t.filter((function(e){return e.selected}));if(i.length===0){e.selected=false;e.indeterminate=false;return}var n=i.length<t.length;e.indeterminate=n;e.selected=!n}))}this.calciteTreeSelect.emit({selected:nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((function(e){return e.selected}))})};e.prototype.getRootTabIndex=function(){return!this.child?0:-1};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CalciteTree.style=calciteTreeCss;var CSS={checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark"};var SLOTS={children:"children"};var ICONS={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right"};var calciteTreeItemCss='@-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:300ms}.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-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-ui-text-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:"";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;text-decoration:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.children-container{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}';var CalciteTreeItem=function(){function e(e){var t=this;registerInstance(this,e);this.calciteTreeItemSelect=createEvent(this,"calciteTreeItemSelect",7);this.selected=false;this.expanded=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.iconClickHandler=function(e){e.stopPropagation();t.expanded=!t.expanded;if(t.selectionMode!==TreeSelectionMode.Ancestors){t.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:true})}};this.childrenClickHandler=function(e){return e.stopPropagation()};this.updateParentIsExpanded=function(e,t){var i=getSlotted(e,SLOTS.children,{all:true,selector:"calcite-tree-item"});i.forEach((function(e){return e.parentExpanded=t}))};this.updateAncestorTree=function(){if(t.selected&&t.selectionMode===TreeSelectionMode.Ancestors){var e=[];var i=t.parentTreeItem;while(i){e.push(i);i=i.parentElement.closest("calcite-tree-item")}e.forEach((function(e){return e.indeterminate=true}));return}}}e.prototype.expandedHandler=function(e){this.updateParentIsExpanded(this.el,e)};e.prototype.connectedCallback=function(){this.parentTreeItem=this.el.parentElement.closest("calcite-tree-item");if(this.parentTreeItem){var e=this.parentTreeItem.expanded;this.updateParentIsExpanded(this.parentTreeItem,e)}};e.prototype.componentWillRender=function(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;var e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;var t;while(e){t=e.parentElement.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}};e.prototype.componentDidLoad=function(){this.updateAncestorTree()};e.prototype.render=function(){var e,t,i,n;var a=this;var o=getElementDir(this.el)==="rtl";var r=this.selectionMode===TreeSelectionMode.Single||this.selectionMode===TreeSelectionMode.Children;var s=this.selectionMode===TreeSelectionMode.Multi||this.selectionMode===TreeSelectionMode.MultiChildren;var c=this.hasChildren?h("calcite-icon",{class:(e={},e[CSS.chevron]=true,e[CSS_UTILITY.rtl]=o,e),"data-test-id":"icon",icon:ICONS.chevronRight,onClick:this.iconClickHandler,scale:"s"}):null;var l=this.selectionMode===TreeSelectionMode.Ancestors?h("label",{class:CSS.checkboxLabel},h("calcite-checkbox",{checked:this.selected,class:CSS.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),h("slot",null)):null;var d=r?ICONS.bulletPoint:s?ICONS.checkmark:null;var m=d?h("calcite-icon",{class:(t={},t[CSS.bulletPointIcon]=d===ICONS.bulletPoint,t[CSS.checkmarkIcon]=d===ICONS.checkmark,t[CSS_UTILITY.rtl]=o,t),icon:d,scale:"s"}):null;var f=!(this.parentExpanded||this.depth===1);return h(Host,{"aria-expanded":this.hasChildren?this.expanded.toString():undefined,"aria-hidden":f.toString(),"aria-selected":this.selected?"true":s?"false":undefined,"calcite-hydrated-hidden":f,role:"treeitem",tabindex:this.parentExpanded||this.depth===1?"0":"-1"},h("div",{class:(i={},i[CSS.nodeContainer]=true,i[CSS_UTILITY.rtl]=o,i),"data-selection-mode":this.selectionMode,ref:function(e){return a.defaultSlotWrapper=e}},c,m,l?l:h("slot",null)),h("div",{class:(n={},n[CSS.childrenContainer]=true,n[CSS_UTILITY.rtl]=o,n),"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:function(e){return a.childrenSlotWrapper=e},role:this.hasChildren?"group":undefined},h("slot",{name:SLOTS.children})))};e.prototype.onClick=function(e){var t=filterDirectChildren(this.el,"a")[0];if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){var i=t.target===""?"_self":t.target;window.open(t.href,i)}this.expanded=!this.expanded;this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey||this.selectionMode===TreeSelectionMode.Ancestors,forceToggle:false})};e.prototype.keyDownHandler=function(e){var t;switch(getKey(e.key)){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false});e.preventDefault();e.stopPropagation();break;case"Enter":var i=nodeListToArray(this.el.children).find((function(e){return e.matches("a")}));if(i){i.click();this.selected=true}else{this.calciteTreeItemSelect.emit({modifyCurrentSelection:e.shiftKey,forceToggle:false})}e.preventDefault();e.stopPropagation();break;case"ArrowLeft":if(this.hasChildren&&this.expanded){this.expanded=false;e.preventDefault();e.stopPropagation();break}var n=this.parentTreeItem;if(n&&(!this.hasChildren||this.expanded===false)){n.focus();e.preventDefault();e.stopPropagation();break}break;case"ArrowRight":if(this.hasChildren&&this.expanded===false){this.expanded=true;e.preventDefault();e.stopPropagation();break}if(this.hasChildren&&this.expanded){this.el.querySelector("calcite-tree-item").focus();break}break;case"ArrowUp":var a=this.el.previousElementSibling;if(a&&a.matches("calcite-tree-item")){a.focus()}break;case"ArrowDown":var o=this.el.nextElementSibling;if(o&&o.matches("calcite-tree-item")){o.focus()}break;case"Home":t=this.el.closest("calcite-tree:not([child])");var r=t.querySelector("calcite-tree-item");r.focus();break;case"End":t=this.el.closest("calcite-tree:not([child])");var s=t.children[t.children.length-1];var c=nodeListToArray(s.children).find((function(e){return e.matches("calcite-tree")}));while(c){s=c.children[t.children.length-1];c=nodeListToArray(s.children).find((function(e){return e.matches("calcite-tree")}))}s.focus();break}};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return e}();CalciteTreeItem.style=calciteTreeItemCss;export{CalciteTree as calcite_tree,CalciteTreeItem as calcite_tree_item};
package/dist/extras/docs-json.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2021-11-11T23:06:18",
2
+ "timestamp": "2021-11-22T22:35:41",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "2.10.0",
@@ -8246,7 +8246,7 @@
8246
8246
  "usage": {
8247
8247
  "Basic": "```html\n<calcite-input value=\"Entered value\" placeholder=\"My placeholder\"></calcite-input>\n```\n",
8248
8248
  "Clearable": "```html\n<calcite-label>\n Clearable item\n <calcite-input clearable value=\"My great name\" placeholder=\"John Doe\"></calcite-input>\n</calcite-label>\n```\n",
8249
- "Native-events": "You can also listen for native events emitted from `<calcite-input>`.\n\nYou must use `focusin`/`focusout` instead of `focus`/`blur` because these events bubble up from the rendered child element rendered inside of `<calcite-input>`\n\nAll events return an element and a value:\n\n```js\ninput.addEventListener(\"change\", logChange);\ninput.addEventListener(\"focusin\", logFocus);\ninput.addEventListener(\"focusout\", logBlur);\n\nfunction logChange() {\n console.log(event.target.element);\n console.log(event.target.value);\n}\n```\n",
8249
+ "Native-events": "You can also listen for native events emitted from `<calcite-input>`.\n\nYou must use `focusin`/`focusout` instead of `focus`/`blur` because these events bubble up from the rendered child element rendered inside of `<calcite-input>`\n\nAll events return an element and a value:\n\n```js\ninput.addEventListener(\"focusin\", logFocus);\ninput.addEventListener(\"focusout\", logBlur);\n\nfunction logChange() {\n console.log(event.target.element);\n console.log(event.target.value);\n}\n```\n",
8250
8250
  "With-label": "Using a wrapping `calcite-label` component lets consumers set the status attribute once and have it propagate to child `calcite-input` and `calcite-input-message` elements\n\n```html\n<calcite-label status=\"invalid\" for=\"invalid-input\">\n Invalid input\n <calcite-input id=\"invalid-input\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n <calcite-input-message active icon> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
8251
8251
  "With-message": "```html\n<calcite-label for=\"info\">\n My great label\n <calcite-input id=\"info\" placeholder=\"Enter your information\"></calcite-input>\n <calcite-input-message icon=\"3d-glasses\" active>\n Here's something you should know about this input\n </calcite-input-message>\n</calcite-label>\n```\n"
8252
8252
  },
@@ -8857,6 +8857,15 @@
8857
8857
  }
8858
8858
  ],
8859
8859
  "events": [
8860
+ {
8861
+ "event": "calciteInputChange",
8862
+ "detail": "void",
8863
+ "bubbles": true,
8864
+ "cancelable": true,
8865
+ "composed": true,
8866
+ "docs": "This event fires each time a new value is typed and committed.",
8867
+ "docsTags": []
8868
+ },
8860
8869
  {
8861
8870
  "event": "calciteInputInput",
8862
8871
  "detail": "any",
@@ -9907,7 +9916,7 @@
9907
9916
  "mutable": false,
9908
9917
  "attr": "step",
9909
9918
  "reflectToAttr": false,
9910
- "docs": "number that specifies the granularity that the value must adhere to",
9919
+ "docs": "number (seconds) that specifies the granularity that the value must adhere to",
9911
9920
  "docsTags": [],
9912
9921
  "default": "60",
9913
9922
  "values": [
package/dist/types/components/calcite-input/calcite-input.d.ts CHANGED
@@ -136,9 +136,8 @@ export declare class CalciteInput implements LabelableComponent, FormComponent {
136
136
  calciteInputInput: EventEmitter;
137
137
  /**
138
138
  * This event fires each time a new value is typed and committed.
139
- * @internal
140
139
  */
141
- calciteInputChange: EventEmitter;
140
+ calciteInputChange: EventEmitter<void>;
142
141
  /** Sets focus on the component. */
143
142
  setFocus(): Promise<void>;
144
143
  keyDownHandler: (event: KeyboardEvent) => void;
package/dist/types/components/calcite-input-time-picker/calcite-input-time-picker.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
45
45
  required: boolean;
46
46
  /** The scale (size) of the time input */
47
47
  scale: Scale;
48
- /** number that specifies the granularity that the value must adhere to */
48
+ /** number (seconds) that specifies the granularity that the value must adhere to */
49
49
  step: number;
50
50
  /** The selected time (always 24-hour format)*/
51
51
  value: string;
package/dist/types/components.d.ts CHANGED
@@ -1772,7 +1772,7 @@ export namespace Components {
1772
1772
  */
1773
1773
  "setFocus": () => Promise<void>;
1774
1774
  /**
1775
- * number that specifies the granularity that the value must adhere to
1775
+ * number (seconds) that specifies the granularity that the value must adhere to
1776
1776
  */
1777
1777
  "step": number;
1778
1778
  /**
@@ -5604,6 +5604,10 @@ declare namespace LocalJSX {
5604
5604
  * specify the placement of the number buttons
5605
5605
  */
5606
5606
  "numberButtonType"?: InputPlacement;
5607
+ /**
5608
+ * This event fires each time a new value is typed and committed.
5609
+ */
5610
+ "onCalciteInputChange"?: (event: CustomEvent<void>) => void;
5607
5611
  /**
5608
5612
  * This event fires each time a new value is typed.
5609
5613
  */
@@ -5866,7 +5870,7 @@ declare namespace LocalJSX {
5866
5870
  */
5867
5871
  "scale"?: Scale;
5868
5872
  /**
5869
- * number that specifies the granularity that the value must adhere to
5873
+ * number (seconds) that specifies the granularity that the value must adhere to
5870
5874
  */
5871
5875
  "step"?: number;
5872
5876
  /**
package/hydrate/index.js CHANGED
@@ -5936,6 +5936,9 @@ class CalciteAccordionItem {
5936
5936
  updateActiveItemOnChange(event) {
5937
5937
  this.requestedAccordionItem = event.detail
5938
5938
  .requestedAccordionItem;
5939
+ if (this.el.parentNode !== this.requestedAccordionItem.parentNode) {
5940
+ return;
5941
+ }
5939
5942
  this.determineActiveItem();
5940
5943
  }
5941
5944
  //--------------------------------------------------------------------------
@@ -18823,6 +18826,10 @@ class CalciteInput {
18823
18826
  //
18824
18827
  //--------------------------------------------------------------------------
18825
18828
  this.keyDownHandler = (event) => {
18829
+ /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */
18830
+ if (event.key === "ArrowUp") {
18831
+ event.preventDefault();
18832
+ }
18826
18833
  if (this.readOnly || this.disabled) {
18827
18834
  return;
18828
18835
  }
@@ -18937,10 +18944,14 @@ class CalciteInput {
18937
18944
  }
18938
18945
  const inputMax = this.maxString ? parseFloat(this.maxString) : null;
18939
18946
  const inputMin = this.minString ? parseFloat(this.minString) : null;
18940
- const valueNudgeDelayInMs = 500;
18947
+ const valueNudgeDelayInMs = 100;
18941
18948
  this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
18949
+ let nudgeNumberValueIntervalCount = 0;
18942
18950
  this.nudgeNumberValueIntervalId = setInterval(() => {
18943
- this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
18951
+ nudgeNumberValueIntervalCount !== 0
18952
+ ? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)
18953
+ : null;
18954
+ nudgeNumberValueIntervalCount++;
18944
18955
  }, valueNudgeDelayInMs);
18945
18956
  };
18946
18957
  this.numberButtonMouseUpAndMouseOutHandler = () => {
@@ -19841,7 +19852,7 @@ class CalciteInputTimePicker {
19841
19852
  this.required = false;
19842
19853
  /** The scale (size) of the time input */
19843
19854
  this.scale = "m";
19844
- /** number that specifies the granularity that the value must adhere to */
19855
+ /** number (seconds) that specifies the granularity that the value must adhere to */
19845
19856
  this.step = 60;
19846
19857
  /** The selected time (always 24-hour format)*/
19847
19858
  this.value = null;
@@ -24377,7 +24388,7 @@ class CalciteSlider {
24377
24388
  tick__label: true,
24378
24389
  "tick__label--min": isMinTickLabel,
24379
24390
  "tick__label--max": isMaxTickLabel
24380
- } }, Math.min(tick, this.max).toLocaleString()));
24391
+ } }, tick.toLocaleString()));
24381
24392
  if (this.labelTicks && !this.hasHistogram && !this.isRange) {
24382
24393
  return tickLabel;
24383
24394
  }
@@ -24532,7 +24543,7 @@ class CalciteSlider {
24532
24543
  const ticks = [];
24533
24544
  let current = this.min;
24534
24545
  while (this.ticks && current < this.max + this.ticks) {
24535
- ticks.push(current);
24546
+ ticks.push(Math.min(current, this.max));
24536
24547
  current = current + this.ticks;
24537
24548
  }
24538
24549
  return ticks;
@@ -28649,7 +28660,7 @@ class CalciteSwitch {
28649
28660
  }; }
28650
28661
  }
28651
28662
 
28652
- const calciteTabCss = "@-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*/.sc-calcite-tab:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tab{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*/.calcite-animate__in.sc-calcite-tab{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tab{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tab{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tab{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tab:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tab-h{display:none}/*!@:host([active]) section*/[active].sc-calcite-tab-h section.sc-calcite-tab{display:block}/*!@:host*/.sc-calcite-tab-h{display:none;color:var(--calcite-ui-text-3)}/*!@:host([active])*/[active].sc-calcite-tab-h{display:block}/*!@section*/section.sc-calcite-tab{height:100%;width:100%;display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-tab-h{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-tab-h{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tab-h{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
28663
+ const calciteTabCss = "@-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*/.sc-calcite-tab:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tab{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*/.calcite-animate__in.sc-calcite-tab{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tab{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tab{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tab{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tab:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tab-h{display:none}/*!@:host([active]) section*/[active].sc-calcite-tab-h section.sc-calcite-tab{display:block}/*!@:host*/.sc-calcite-tab-h{display:none;color:var(--calcite-ui-text-3);width:100%;height:100%}/*!@:host([active])*/[active].sc-calcite-tab-h{display:block;width:100%;height:100%;overflow:auto}/*!@section*/section.sc-calcite-tab{height:100%;width:100%;display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-tab-h{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-tab-h{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tab-h{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}";
28653
28664
 
28654
28665
  /**
28655
28666
  * @slot - A slot for adding custom content.
@@ -31200,7 +31211,7 @@ const ICONS$1 = {
31200
31211
  chevronRight: "chevron-right"
31201
31212
  };
31202
31213
 
31203
- const calciteTreeItemCss = "@-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*/.sc-calcite-tree-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tree-item{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*/.calcite-animate__in.sc-calcite-tree-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tree-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tree-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tree-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tree-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tree-item-h{display:none}/*!@:host*/.sc-calcite-tree-item-h{--calcite-tree-indicator:var(--calcite-ui-border-1);--calcite-tree-indicator-active:var(--calcite-ui-brand);--calcite-tree-text:var(--calcite-ui-text-3);--calcite-tree-text-active:var(--calcite-ui-text-1);display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-tree-text)}/*!@:host([scale=s])*/[scale=s].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-tree-padding-y:0.25rem}/*!@:host([scale=s]) .node-container .checkbox*/[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-tree-padding-y:0.5rem}/*!@:host([scale=m]) .node-container .checkbox*/[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-start:2rem;margin-inline-start:2rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tree-item-h{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-tree-padding-y:0.75rem}/*!@:host([scale=l]) .node-container .checkbox*/[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem}/*!@:host([lines])*/[lines].sc-calcite-tree-item-h{--calcite-tree-line:var(--calcite-ui-border-2);--calcite-tree-line-hover:var(--calcite-ui-border-1)}/*!@:host(:not([lines])) .node-container:after*/.sc-calcite-tree-item-h:not([lines]) .node-container.sc-calcite-tree-item:after{display:none}/*!@::slotted(*)*/.sc-calcite-tree-item-s>*{word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}/*!@::slotted(*):hover*/.sc-calcite-tree-item-s>*:hover{text-decoration:none !important}/*!@::slotted(a)*/.sc-calcite-tree-item-s>a{width:100%;text-decoration:none}/*!@:host*/.sc-calcite-tree-item-h{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@:host(:focus)*/.sc-calcite-tree-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.checkbox*/.checkbox.sc-calcite-tree-item{outline:2px solid transparent;outline-offset:2px;line-height:0}/*!@.checkbox-label*/.checkbox-label.sc-calcite-tree-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}/*!@.children-container*/.children-container.sc-calcite-tree-item{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-margin-end:1.25rem;margin-inline-end:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}/*!@.children-container:after*/.children-container.sc-calcite-tree-item:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:\"\";background-color:var(--calcite-tree-line);z-index:-1}/*!@:host([expanded]) > .children-container*/[expanded].sc-calcite-tree-item-h>.children-container.sc-calcite-tree-item{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}/*!@.node-container*/.node-container.sc-calcite-tree-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}/*!@.node-container .checkmark,\n.node-container .bullet-point*/.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}/*!@.node-container .checkbox*/.node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y)}/*!@.node-container .checkmark,\n.node-container .bullet-point*/.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-tree-indicator)}/*!@.node-container:hover ::slotted(*),\n:host([selected]) .node-container:hover ::slotted(*),\n:host(:focus) .node-container ::slotted(*)*/.node-container:hover .sc-calcite-tree-item-s>*,.sc-calcite-tree-item-h[selected] .node-container:hover .sc-calcite-tree-item-s>*,.sc-calcite-tree-item-h:focus .node-container .sc-calcite-tree-item-s>*{color:var(--calcite-tree-text-hover)}/*!@.node-container:hover .checkmark,\n.node-container:hover .bullet-point,\n:host([selected]) .node-container:hover .checkmark,\n:host([selected]) .node-container:hover .bullet-point,\n:host(:focus) .node-container .checkmark,\n:host(:focus) .node-container .bullet-point*/.node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{opacity:1}/*!@:host([selected]) > .node-container,\n:host([selected]) > .node-container:hover*/[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item:hover{color:var(--calcite-tree-text-active);font-weight:var(--calcite-font-weight-medium)}/*!@:host([selected]) > .node-container .bullet-point,\n:host([selected]) > .node-container .checkmark,\n:host([selected]) > .node-container:hover .bullet-point,\n:host([selected]) > .node-container:hover .checkmark*/[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item{opacity:1;color:var(--calcite-ui-brand)}/*!@:host(:not([has-children]))[scale=s] > .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children])[scale=s]>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}/*!@:host(:not([has-children]))[scale=m] > .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children])[scale=m]>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}/*!@:host(:not([has-children]))[scale=l] > .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children])[scale=l]>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}/*!@:host([has-children]) > .node-container[data-selection-mode=ancestors] .checkbox*/[has-children].sc-calcite-tree-item-h>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-start:0;margin-inline-start:0}/*!@:host([has-children]) > .node-container .bullet-point,\n:host([has-children]) > .node-container .checkmark*/[has-children].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[has-children].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item{display:none}/*!@:host([has-children][expanded]:not([selected])) > .node-container ::slotted(*)*/.sc-calcite-tree-item-h[has-children][expanded]:not([selected])>.node-container .sc-calcite-tree-item-s>*{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-active)}/*!@:host([has-children][selected]) > .node-container[data-selection-mode=children], :host([has-children][selected]) > .node-container[data-selection-mode=multi-children]*/[has-children][selected].sc-calcite-tree-item-h>.node-container[data-selection-mode=children].sc-calcite-tree-item,[has-children][selected].sc-calcite-tree-item-h>.node-container[data-selection-mode=multi-children].sc-calcite-tree-item{color:var(--calcite-tree-indicator-active)}/*!@.chevron*/.chevron.sc-calcite-tree-item{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-margin-start:var(--calcite-tree-padding-y);margin-inline-start:var(--calcite-tree-padding-y);-webkit-margin-end:var(--calcite-tree-padding-y);margin-inline-end:var(--calcite-tree-padding-y);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:var(--calcite-tree-text)}/*!@.calcite--rtl .chevron*/.calcite--rtl.sc-calcite-tree-item .chevron.sc-calcite-tree-item{-webkit-transform:rotate(180deg);transform:rotate(180deg)}/*!@:host([expanded]) > .node-container > .chevron*/[expanded].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item>.chevron.sc-calcite-tree-item{-webkit-transform:rotate(90deg);transform:rotate(90deg)}/*!@:host([scale=s]) > .node-container .checkbox*/[scale=s].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}/*!@:host([scale=m]) > .node-container .checkbox*/[scale=m].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}/*!@:host([scale=l]) > .node-container .checkbox*/[scale=l].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-end:1rem;margin-inline-end:1rem}/*!@:host([selected]) .checkmark,\n:host([selected]) .bullet-point*/[selected].sc-calcite-tree-item-h .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .bullet-point.sc-calcite-tree-item{color:var(--calcite-tree-indicator-active)}";
31214
+ const calciteTreeItemCss = "@-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*/.sc-calcite-tree-item:root{--calcite-animation-timing:300ms}/*!@.calcite-animate*/.calcite-animate.sc-calcite-tree-item{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*/.calcite-animate__in.sc-calcite-tree-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-tree-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-tree-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-tree-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-tree-item:root{--calcite-popper-transition:150ms ease-in-out}/*!@:host([hidden])*/[hidden].sc-calcite-tree-item-h{display:none}/*!@:host*/.sc-calcite-tree-item-h{display:block;cursor:pointer;outline:2px solid transparent;outline-offset:2px;max-width:100%;color:var(--calcite-ui-text-3)}/*!@:host([scale=s])*/[scale=s].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=s]) .node-container*/[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.25rem}/*!@:host([scale=s]) .node-container .checkbox,\n:host([scale=s]) .node-container .chevron,\n:host([scale=s]) .node-container .checkmark,\n:host([scale=s]) .node-container .bullet-point*/[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=s].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.25rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-tree-item-h{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=m]) .node-container*/[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.5rem}/*!@:host([scale=m]) .node-container .checkbox,\n:host([scale=m]) .node-container .chevron,\n:host([scale=m]) .node-container .checkmark,\n:host([scale=m]) .node-container .bullet-point*/[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=m].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.5rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-tree-item-h{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host([scale=l]) .node-container*/[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item{--calcite-tree-padding-y:0.75rem}/*!@:host([scale=l]) .node-container .checkbox,\n:host([scale=l]) .node-container .chevron,\n:host([scale=l]) .node-container .checkmark,\n:host([scale=l]) .node-container .bullet-point*/[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkbox.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .chevron.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[scale=l].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{margin-inline:0.75rem}/*!@:host([lines]) .children-container:after*/[lines].sc-calcite-tree-item-h .children-container.sc-calcite-tree-item:after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;top:0;position:absolute;width:1px;height:96%;content:\"\";background-color:var(--calcite-ui-border-2);z-index:-1}/*!@:host(:not([lines])) .node-container:after*/.sc-calcite-tree-item-h:not([lines]) .node-container.sc-calcite-tree-item:after{display:none}/*!@::slotted(*)*/.sc-calcite-tree-item-s>*{word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;color:inherit;text-decoration:none !important}/*!@::slotted(*):hover*/.sc-calcite-tree-item-s>*:hover{text-decoration:none !important}/*!@::slotted(a)*/.sc-calcite-tree-item-s>a{width:100%;text-decoration:none}/*!@:host*/.sc-calcite-tree-item-h{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}/*!@:host(:focus)*/.sc-calcite-tree-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.checkbox*/.checkbox.sc-calcite-tree-item{outline:2px solid transparent;outline-offset:2px;line-height:0}/*!@.checkbox-label*/.checkbox-label.sc-calcite-tree-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}/*!@.children-container*/.children-container.sc-calcite-tree-item{position:relative;overflow:hidden;height:0;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;transition:0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 0.15s cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;-webkit-transform-origin:top;transform-origin:top}/*!@:host([expanded]) > .children-container*/[expanded].sc-calcite-tree-item-h>.children-container.sc-calcite-tree-item{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}/*!@.node-container*/.node-container.sc-calcite-tree-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;padding:var(--calcite-tree-padding-y) 0}/*!@.node-container .checkmark,\n.node-container .bullet-point*/.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0;color:var(--calcite-ui-border-1)}/*!@.node-container:hover .checkmark,\n.node-container:hover .bullet-point,\n:host([selected]) .node-container:hover .checkmark,\n:host([selected]) .node-container:hover .bullet-point,\n:host(:focus) .node-container .checkmark,\n:host(:focus) .node-container .bullet-point*/.node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,.node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus .node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,.sc-calcite-tree-item-h:focus .node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item{opacity:1}/*!@:host([selected]) > .node-container,\n:host([selected]) > .node-container:hover*/[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@:host([selected]) > .node-container .bullet-point,\n:host([selected]) > .node-container .checkmark,\n:host([selected]) > .node-container:hover .bullet-point,\n:host([selected]) > .node-container:hover .checkmark*/[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item:hover .bullet-point.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item:hover .checkmark.sc-calcite-tree-item{opacity:1;color:var(--calcite-ui-brand)}/*!@:host(:not([has-children])):host([scale=s]) > .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=s])>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}/*!@:host(:not([has-children])):host([scale=m]) > .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=m])>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}/*!@:host(:not([has-children])):host([scale=l]) > .node-container[data-selection-mode=ancestors] .checkbox*/.sc-calcite-tree-item-h:not([has-children]).sc-calcite-tree-item-h([scale=l])>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}/*!@:host([has-children]) > .node-container[data-selection-mode=ancestors] .checkbox*/[has-children].sc-calcite-tree-item-h>.node-container[data-selection-mode=ancestors].sc-calcite-tree-item .checkbox.sc-calcite-tree-item{-webkit-margin-start:0;margin-inline-start:0}/*!@:host([has-children]) > .node-container .bullet-point,\n:host([has-children]) > .node-container .checkmark*/[has-children].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .bullet-point.sc-calcite-tree-item,[has-children].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item .checkmark.sc-calcite-tree-item{display:none}/*!@:host([has-children][expanded]:not([selected])) > .node-container ::slotted(*)*/.sc-calcite-tree-item-h[has-children][expanded]:not([selected])>.node-container .sc-calcite-tree-item-s>*{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@:host([has-children][selected]) > .node-container[data-selection-mode=children], :host([has-children][selected]) > .node-container[data-selection-mode=multi-children]*/[has-children][selected].sc-calcite-tree-item-h>.node-container[data-selection-mode=children].sc-calcite-tree-item,[has-children][selected].sc-calcite-tree-item-h>.node-container[data-selection-mode=multi-children].sc-calcite-tree-item{color:var(--calcite-ui-brand)}/*!@.chevron*/.chevron.sc-calcite-tree-item{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}/*!@.calcite--rtl .chevron*/.calcite--rtl.sc-calcite-tree-item .chevron.sc-calcite-tree-item{-webkit-transform:rotate(180deg);transform:rotate(180deg)}/*!@:host([expanded]) > .node-container > .chevron*/[expanded].sc-calcite-tree-item-h>.node-container.sc-calcite-tree-item>.chevron.sc-calcite-tree-item{-webkit-transform:rotate(90deg);transform:rotate(90deg)}/*!@:host([selected]) .checkmark,\n:host([selected]) .bullet-point*/[selected].sc-calcite-tree-item-h .checkmark.sc-calcite-tree-item,[selected].sc-calcite-tree-item-h .bullet-point.sc-calcite-tree-item{color:var(--calcite-ui-brand)}";
31204
31215
 
31205
31216
  /**
31206
31217
  * @slot - A slot for adding content to the item.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components",
3
- "version": "1.0.0-next.300",
3
+ "version": "1.0.0-next.304",
4
4
  "description": "Web Components for Esri's Calcite Design System.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -37,7 +37,7 @@
37
37
  "release:next": "npm run util:clean-tested-build && npm run util:deploy-next-from-existing-build",
38
38
  "release:prepare": "npm run util:clean-tested-build && ts-node --project ./tsconfig-node-scripts.json support/prepReleaseCommit.ts && git add .",
39
39
  "release:publish": "npm run util:push-tags && npm publish && ts-node ./support/releaseToGitHub.ts",
40
- "start": "concurrently --kill-others --raw \"tsc --project ./tsconfig-demos.json --watch\" \"npm:build --dev --watch --serve\" \"ts-node ./support/cleanOnProcessExit.ts --path ./src/demos/**/*.js \"",
40
+ "start": "concurrently --kill-others --raw \"tsc --project ./tsconfig-demos.json --watch\" \"npm:build -- --dev --watch --serve\" \"ts-node ./support/cleanOnProcessExit.ts --path ./src/demos/**/*.js \"",
41
41
  "test": "npm run util:run-tests",
42
42
  "test:prerender": "stencil build --no-docs --prerender",
43
43
  "test:storybook": "concurrently --raw \"npm:util:build-docs && screener-storybook --conf screener.config.js\"",
@@ -67,6 +67,7 @@
67
67
  },
68
68
  "devDependencies": {
69
69
  "@babel/plugin-proposal-numeric-separator": "7.16.0",
70
+ "@babel/preset-react": "7.16.0",
70
71
  "@esri/calcite-base": "^1.2.0",
71
72
  "@esri/calcite-colors": "6.0.1",
72
73
  "@esri/calcite-ui-icons": "3.17.5",
@@ -94,11 +95,10 @@
94
95
  "@types/sortablejs": "1.10.7",
95
96
  "@types/standard-version": "7.0.1",
96
97
  "@types/yargs": "17.0.5",
97
- "@typescript-eslint/eslint-plugin": "5.3.1",
98
- "@typescript-eslint/parser": "5.3.1",
98
+ "@typescript-eslint/eslint-plugin": "5.4.0",
99
+ "@typescript-eslint/parser": "5.4.0",
99
100
  "@whitespace/storybook-addon-html": "5.0.0",
100
101
  "autoprefixer": "10.3.7",
101
- "awesome-typescript-loader": "5.2.1",
102
102
  "axe-core": "4.3.5",
103
103
  "babel-loader": "8.2.3",
104
104
  "chalk": "4.1.2",
@@ -112,7 +112,7 @@
112
112
  "eslint-config-prettier": "8.3.0",
113
113
  "eslint-plugin-jest": "25.2.4",
114
114
  "eslint-plugin-prettier": "4.0.0",
115
- "eslint-plugin-react": "7.26.1",
115
+ "eslint-plugin-react": "7.27.0",
116
116
  "eslint-plugin-unicorn": "38.0.1",
117
117
  "form-request-submit-polyfill": "2.0.0",
118
118
  "gh-release": "6.0.1",
@@ -121,14 +121,14 @@
121
121
  "jest": "26.6.3",
122
122
  "jest-axe": "5.0.1",
123
123
  "jest-cli": "26.6.3",
124
- "lint-staged": "11.2.6",
124
+ "lint-staged": "12.0.2",
125
125
  "pify": "5.0.0",
126
126
  "postcss": "8.3.11",
127
127
  "posthtml": "0.16.5",
128
128
  "prettier": "2.4.1",
129
129
  "puppeteer": "10.0.0",
130
130
  "rimraf": "3.0.2",
131
- "screener-storybook": "0.21.6",
131
+ "screener-storybook": "0.22.0",
132
132
  "semver": "7.3.5",
133
133
  "shell-quote": "1.7.3",
134
134
  "standard-version": "9.3.2",
@@ -136,14 +136,14 @@
136
136
  "storybook": "6.3.12",
137
137
  "storybook-addon-themes": "6.1.0",
138
138
  "storybook-rtl-addon": "0.3.3",
139
- "stylelint": "14.0.1",
139
+ "stylelint": "14.1.0",
140
140
  "stylelint-config-recommended-scss": "5.0.1",
141
141
  "tailwindcss": "1.9.6",
142
142
  "ts-jest": "27.0.7",
143
143
  "ts-node": "10.4.0",
144
144
  "typescript": "4.2.4",
145
145
  "updtr": "4.0.0",
146
- "workbox-build": "6.3.0",
146
+ "workbox-build": "6.4.1",
147
147
  "yargs": "17.2.1"
148
148
  },
149
149
  "license": "SEE LICENSE IN copyright.txt"
package/readme.md CHANGED
@@ -17,12 +17,12 @@ The simplest way to set up the components in your project is to add the followin
17
17
  ```html
18
18
  <script
19
19
  type="module"
20
- src="https://unpkg.com/@esri/calcite-components@1.0.0-next.300/dist/calcite/calcite.esm.js"
20
+ src="https://unpkg.com/@esri/calcite-components@1.0.0-next.304/dist/calcite/calcite.esm.js"
21
21
  ></script>
22
22
  <link
23
23
  rel="stylesheet"
24
24
  type="text/css"
25
- href="https://unpkg.com/@esri/calcite-components@1.0.0-next.300/dist/calcite/calcite.css"
25
+ href="https://unpkg.com/@esri/calcite-components@1.0.0-next.304/dist/calcite/calcite.css"
26
26
  />
27
27
  ```
28
28