diff --git a/CHANGELOG.md b/CHANGELOG.md index 45ec930b..90830cea 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,8 +1,37 @@ # Changelog -This document maintains a list of released versions and changes introduced by those versions. +This document maintains a list of released versions and changes introduced by them. This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html) +## [6.0.0](https://github.com/Esri/calcite-app-components/compare/v5.7.3...v6.0.0) (2020-05-20) + +### ⚠ BREAKING CHANGES + +- - Removed deprecated 'text-\*' properties from action-bar, action-pad, block, block-section, filter, flow-item, panel, tip-manager, and tip. + +* Removed deprecated 'layout' property from action-bar, action-pad, and shell-panel. +* Removed deprecated 'compact' property from pick-list-item, pick-list, value-list, and value-list-item. +* Removed deprecated `tip-manager` slot from shell. + +### Features + +- **action-pad:** add horizontal layout ([faf319b](https://github.com/Esri/calcite-app-components/commit/faf319b36b95b019c3f8562ff2e793d244542e79)), closes [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) +- **flow-item:** added slot that hydrates header-leading-content of calcite-panel ([e894d55](https://github.com/Esri/calcite-app-components/commit/e894d55e430705e075a34a496a48cddf029b538f)), closes [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) +- css tweaks for shell-panel and center-row ([eb3ef56](https://github.com/Esri/calcite-app-components/commit/eb3ef56de1741757aa4d0f1eaefe9a51249c0487)), closes [#955](https://github.com/Esri/calcite-app-components/issues/955) +- **panel:** tweak for FAB slot when h-scroll ([530ca8c](https://github.com/Esri/calcite-app-components/commit/530ca8cbb5cf330586e8cf1ecae2b795088a65c3)) +- new calcite-shell-center-row component and updated slot for calcite-shell ([#950](https://github.com/Esri/calcite-app-components/issues/950)) ([56a47d4](https://github.com/Esri/calcite-app-components/commit/56a47d42865fe50514d2d5936586304d7eb2a557)), closes [#935](https://github.com/Esri/calcite-app-components/issues/935) +- replace focus ring mixin and added new mixin where needed ([f4429d4](https://github.com/Esri/calcite-app-components/commit/f4429d4a57ae99683aa22e7c4dfaa77fe1e86131)), closes [#945](https://github.com/Esri/calcite-app-components/issues/945) +- typographic reduction and spacing updates ([f81ec72](https://github.com/Esri/calcite-app-components/commit/f81ec72fbb88de2244106512d253a6008231a269)), closes [#886](https://github.com/Esri/calcite-app-components/issues/886) [#886](https://github.com/Esri/calcite-app-components/issues/886) [#886](https://github.com/Esri/calcite-app-components/issues/886) +- use less confusing icons in pick-list and value-list ([d4c9c7a](https://github.com/Esri/calcite-app-components/commit/d4c9c7a3f5716aaa57eb24257247f29fa3aeaed5)) + +### Bug Fixes + +- **block:** updated for loader UI bug ([3eabce2](https://github.com/Esri/calcite-app-components/commit/3eabce201c059a7a586367f9e0a0c6339e343259)) +- **block-section:** added rtl check and css ([13483a8](https://github.com/Esri/calcite-app-components/commit/13483a80e1550468ef35216645eff8c1ba7924e0)), closes [#957](https://github.com/Esri/calcite-app-components/issues/957) +- **calcite-filter:** added rtl check and updated styles ([f226c41](https://github.com/Esri/calcite-app-components/commit/f226c41b35ec7a881252039347973f791d9f7670)), closes [#959](https://github.com/Esri/calcite-app-components/issues/959) + +* Remove deprecated properties and slots from components ([#971](https://github.com/Esri/calcite-app-components/issues/971)) ([a37633a](https://github.com/Esri/calcite-app-components/commit/a37633aa0ff2d67458bf7e3ce4066880b6045901)) + ### [5.7.3](https://github.com/Esri/calcite-app-components/compare/v5.7.2...v5.7.3) (2020-04-08) ### Bug Fixes diff --git a/docs/build/calcite-app.css b/docs/build/calcite-app.css index dd5c0e45..f61becd4 100644 --- a/docs/build/calcite-app.css +++ b/docs/build/calcite-app.css @@ -1 +1 @@ -:root{--calcite-app-animation-time:250ms;--calcite-app-animation-time-fast:calc(var(--calcite-app-animation-time) / 3);--calcite-app-animation-time-slow:calc(var(--calcite-app-animation-time) * 2);--calcite-app-easing-function:ease-in-out;--calcite-app-side-spacing:1rem;--calcite-app-cap-spacing:1rem;--calcite-app-side-spacing-three-quarters:calc(var(--calcite-app-side-spacing) * 3 / 4);--calcite-app-cap-spacing-three-quarters:calc(var(--calcite-app-cap-spacing) * 3 / 4);--calcite-app-side-spacing-half:calc(var(--calcite-app-side-spacing) / 2);--calcite-app-cap-spacing-half:calc(var(--calcite-app-cap-spacing) / 2);--calcite-app-side-spacing-third:calc(var(--calcite-app-side-spacing) / 3);--calcite-app-cap-spacing-third:calc(var(--calcite-app-cap-spacing) / 3);--calcite-app-side-spacing-quarter:calc(var(--calcite-app-side-spacing) / 4);--calcite-app-cap-spacing-quarter:calc(var(--calcite-app-cap-spacing) / 4);--calcite-app-side-spacing-eighth:calc(var(--calcite-app-side-spacing) / 8);--calcite-app-cap-spacing-eighth:calc(var(--calcite-app-cap-spacing) / 8);--calcite-app-cap-spacing-minimum:1px;--calcite-app-side-spacing-minimum:1px;--calcite-app-side-spacing-plus-half:calc(var(--calcite-app-side-spacing) * 1.5);--calcite-app-cap-spacing-plus-half:calc(var(--calcite-app-cap-spacing) * 1.5);--calcite-app-side-spacing-double:calc(var(--calcite-app-side-spacing) * 2);--calcite-app-cap-spacing-double:calc(var(--calcite-app-cap-spacing) * 2);--calcite-app-menu-min-width:10rem;--calcite-app-menu-offset:0px;--calcite-app-icon-size:1rem;--calcite-app-border-radius:3px;--calcite-app-header-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-footer-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-outline-inset:-6px;--calcite-app-line-height:1.4;--calcite-app-font-family:Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif;--calcite-app-font-family-monospace:"Lucida Console", Monaco, monospace;--calcite-app-font-size-3:1.5rem;--calcite-app-font-size-2:1.125rem;--calcite-app-font-size-1:1rem;--calcite-app-font-size-0:0.875rem;--calcite-app-font-size--1:0.75rem;--calcite-app-font-weight:400;--calcite-app-font-weight-demi:600;--calcite-app-shadow-0:0 2px 4px rgba(0, 0, 0, 0.1);--calcite-app-shadow-1:0 0 8px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1-hover:0 0 16px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1--press:0 0 8px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2:0 0 16px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-hover:0 0 32px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-press:0 0 16px 0 rgba(0, 0, 0, 0.32);--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}@-webkit-keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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)}} \ No newline at end of file +:root{--calcite-app-animation-time:250ms;--calcite-app-animation-time-fast:calc(var(--calcite-app-animation-time) / 3);--calcite-app-animation-time-slow:calc(var(--calcite-app-animation-time) * 2);--calcite-app-easing-function:ease-in-out;--calcite-app-side-spacing:1rem;--calcite-app-cap-spacing:1rem;--calcite-app-side-spacing-three-quarters:calc(var(--calcite-app-side-spacing) * 3 / 4);--calcite-app-cap-spacing-three-quarters:calc(var(--calcite-app-cap-spacing) * 3 / 4);--calcite-app-side-spacing-half:calc(var(--calcite-app-side-spacing) / 2);--calcite-app-cap-spacing-half:calc(var(--calcite-app-cap-spacing) / 2);--calcite-app-side-spacing-third:calc(var(--calcite-app-side-spacing) / 3);--calcite-app-cap-spacing-third:calc(var(--calcite-app-cap-spacing) / 3);--calcite-app-side-spacing-quarter:calc(var(--calcite-app-side-spacing) / 4);--calcite-app-cap-spacing-quarter:calc(var(--calcite-app-cap-spacing) / 4);--calcite-app-side-spacing-eighth:calc(var(--calcite-app-side-spacing) / 8);--calcite-app-cap-spacing-eighth:calc(var(--calcite-app-cap-spacing) / 8);--calcite-app-cap-spacing-minimum:1px;--calcite-app-side-spacing-minimum:1px;--calcite-app-side-spacing-plus-half:calc(var(--calcite-app-side-spacing) * 1.5);--calcite-app-cap-spacing-plus-half:calc(var(--calcite-app-cap-spacing) * 1.5);--calcite-app-side-spacing-double:calc(var(--calcite-app-side-spacing) * 2);--calcite-app-cap-spacing-double:calc(var(--calcite-app-cap-spacing) * 2);--calcite-app-menu-min-width:10rem;--calcite-app-menu-offset:0px;--calcite-app-icon-size:1rem;--calcite-app-border-radius:3px;--calcite-app-header-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-footer-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-outline-inset:-6px;--calcite-app-line-height:1.35;--calcite-app-font-family:Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif;--calcite-app-font-family-monospace:Consolas, Andale Mono, Lucida Console, Monaco, monospace;--calcite-app-font-size-2:1.125rem;--calcite-app-font-size-1:1rem;--calcite-app-font-size-0:0.875rem;--calcite-app-font-size--1:0.75rem;--calcite-app-font-size--2:0.625rem;--calcite-app-font-weight:400;--calcite-app-font-weight-demi:600;--calcite-app-shadow-0:0 2px 4px rgba(0, 0, 0, 0.1);--calcite-app-shadow-1:0 0 8px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1-hover:0 0 16px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1--press:0 0 8px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2:0 0 16px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-hover:0 0 32px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-press:0 0 16px 0 rgba(0, 0, 0, 0.32);--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}@-webkit-keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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)}} \ No newline at end of file diff --git a/docs/build/calcite-app.esm.js b/docs/build/calcite-app.esm.js index 4d033d88..b4f2e22a 100644 --- a/docs/build/calcite-app.esm.js +++ b/docs/build/calcite-app.esm.js @@ -1 +1 @@ -import{p as e,b as t}from"./p-3125ea46.js";e().then(e=>t([["p-7f1c82ac",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlDefaultTitle:[1,"intl-default-title"],textDefaultTitle:[1,"text-default-title"],intlNext:[1,"intl-next"],textNext:[1,"text-next"],intlPaginationLabel:[1,"intl-pagination-label"],textPaginationLabel:[1,"text-pagination-label"],intlPrevious:[1,"intl-previous"],textPrevious:[1,"text-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-75d586e6",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],toggleDisplay:[513,"toggle-display"]}]]],["p-49b50b5d",[[1,"calcite-value-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-ed27e1c0",[[1,"calcite-pick-list",{compact:[516],disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-69eb47b4",[[1,"calcite-value-list",{compact:[516],disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-100fce1d",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],layout:[513],position:[513]}]]],["p-e8002431",[[1,"calcite-fab",{appearance:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-5ae79dc1",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-9fcace9c",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-0596ff18",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-pad",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-3f2a62ba",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],textBack:[1,"text-back"],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlOpen:[1,"intl-open"],textOpen:[1,"text-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513],setFocus:[64]}]]],["p-5502844d",[[1,"calcite-pick-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-39c07544",[[1,"calcite-handle",{activated:[1540],textTitle:[1537,"text-title"],setFocus:[64]}]]],["p-dd38e6f6",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"],empty:[32]}]]]],e)); \ No newline at end of file +import{p as e,b as t}from"./p-9d0aa6e4.js";e().then(e=>t([["p-2972625e",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],intlDefaultTitle:[1,"intl-default-title"],intlNext:[1,"intl-next"],intlPaginationLabel:[1,"intl-pagination-label"],intlPrevious:[1,"intl-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-a49a0a99",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],toggleDisplay:[513,"toggle-display"]}]]],["p-ee55dc68",[[1,"calcite-value-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-ef948fbd",[[1,"calcite-pick-list",{disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-c1467322",[[1,"calcite-value-list",{disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-07bbb3d6",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],position:[513]}]]],["p-3f244111",[[1,"calcite-fab",{appearance:[513],color:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-2c04f785",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-4eac11f1",[[1,"calcite-shell-center-row",{detached:[516],heightScale:[513,"height-scale"],position:[513]}]]],["p-d3094cec",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-20eb6221",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-pad",{layout:[513],expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-a3da842c",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],intlClose:[1,"intl-close"],intlOpen:[1,"intl-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],theme:[513],setFocus:[64]}]]],["p-b8854c34",[[1,"calcite-pick-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-6d376593",[[1,"calcite-handle",{activated:[1540],textTitle:[513,"text-title"],setFocus:[64]}]]],["p-88e097a0",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],empty:[32]}]]]],e)); \ No newline at end of file diff --git a/docs/build/calcite-app.js b/docs/build/calcite-app.js index d3cca015..72c778c9 100644 --- a/docs/build/calcite-app.js +++ b/docs/build/calcite-app.js @@ -125,7 +125,7 @@ var StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent= var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : ''; var start = function() { - var url = new URL('./p-2ac47b89.system.js', resourcesUrl); + var url = new URL('./p-0009c9bf.system.js', resourcesUrl); System.import(url.href); }; diff --git a/docs/build/p-0009c9bf.system.js b/docs/build/p-0009c9bf.system.js new file mode 100644 index 00000000..dc056e7b --- /dev/null +++ b/docs/build/p-0009c9bf.system.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js"],(function(){"use strict";var e,t;return{setters:[function(l){e=l.p;t=l.b}],execute:function(){e().then((function(e){return t([["p-6ce68392.system",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],intlDefaultTitle:[1,"intl-default-title"],intlNext:[1,"intl-next"],intlPaginationLabel:[1,"intl-pagination-label"],intlPrevious:[1,"intl-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-68defa3d.system",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],toggleDisplay:[513,"toggle-display"]}]]],["p-145743f8.system",[[1,"calcite-value-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-39975e83.system",[[1,"calcite-pick-list",{disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-cec6d624.system",[[1,"calcite-value-list",{disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-8803a9fc.system",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],position:[513]}]]],["p-ce3324f1.system",[[1,"calcite-fab",{appearance:[513],color:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-26de6ca4.system",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-46ed303b.system",[[1,"calcite-shell-center-row",{detached:[516],heightScale:[513,"height-scale"],position:[513]}]]],["p-22ac26de.system",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-7ded31cd.system",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-pad",{layout:[513],expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-6011fcbf.system",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],intlClose:[1,"intl-close"],intlOpen:[1,"intl-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],theme:[513],setFocus:[64]}]]],["p-75bb5238.system",[[1,"calcite-pick-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-cca72c93.system",[[1,"calcite-handle",{activated:[1540],textTitle:[513,"text-title"],setFocus:[64]}]]],["p-8f27b3e5.system",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],empty:[32]}]]]],e)}))}}})); \ No newline at end of file diff --git a/docs/build/p-0596ff18.entry.js b/docs/build/p-0596ff18.entry.js deleted file mode 100644 index b47bf4b8..00000000 --- a/docs/build/p-0596ff18.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,f as t,h as e,H as i,g as c,c as o}from"./p-3125ea46.js";import{a as n,g as r,b as l}from"./p-4230ce12.js";import{c as p}from"./p-1a0cace4.js";import{C as s}from"./p-eb15fcdb.js";const d=class{constructor(e){a(this,e),this.appearance="solid",this.active=!1,this.compact=!1,this.disabled=!1,this.indicator=!1,this.loading=!1,this.scale="m",this.textEnabled=!1,this.observer=new MutationObserver(()=>t(this))}connectedCallback(){this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async setFocus(){this.buttonEl.focus()}renderTextContainer(){const{text:a,textEnabled:t}=this;return a?e("div",{key:"text-container",class:p("text-container",{"text-container--visible":t})},a):null}renderIconContainer(){var a;const{loading:t,icon:i,scale:c,el:o}=this,n="l"===c?"m":"s",r=t?e("calcite-loader",{"is-active":!0,inline:!0}):null,l=i?e("calcite-icon",{icon:i,scale:n}):null,s=r||l,d=s||(null===(a=o.children)||void 0===a?void 0:a.length),b=e("div",{class:p("slot-container",{"slot-container--hidden":t})},e("slot",null));return d?e("div",{key:"icon-container","aria-hidden":"true",class:"icon-container"},s,b):null}render(){const{compact:a,disabled:t,loading:c,el:o,textEnabled:r,label:l,text:d}=this,b=l||d,u="rtl"===n(o);return e(i,null,e("button",{class:p("button",{"button--text-visible":r,"button--compact":a,[s.rtl]:u}),"aria-label":b,disabled:t,"aria-disabled":t.toString(),"aria-busy":c.toString(),ref:a=>this.buttonEl=a},this.renderIconContainer(),this.renderTextContainer()))}get el(){return c(this)}};d.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.button{font-family:var(--calcite-app-font-family);display:-ms-flexbox;display:flex;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground);background-color:var(--calcite-app-background);outline-offset:var(--calcite-app-outline-inset);margin:0;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;border:none;width:auto;cursor:pointer;font-size:var(--calcite-app-font-size--1);line-height:normal;-webkit-transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;text-align:unset;position:relative}.button:hover,.button:focus{background-color:var(--calcite-app-background-hover);color:var(--calcite-app-foreground-hover);fill:var(--calcite-app-foreground-hover)}.button:focus{outline-offset:var(--calcite-app-outline-inset)}.button .icon-container{min-width:var(--calcite-app-icon-size);min-height:var(--calcite-app-icon-size);margin:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;pointer-events:none}.button .text-container{line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;opacity:0;width:0;-webkit-transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}:host([scale=m]) .button{padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}:host([scale=l]) .button{padding:var(--calcite-app-cap-spacing-plus-half) var(--calcite-app-side-spacing-plus-half)}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}.button--text-visible .icon-container{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible .text-container--visible{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible.calcite--rtl .icon-container{margin:0 0 0 var(--calcite-app-side-spacing-half)}.button--text-visible.calcite--rtl .text-container--visible{margin:0 0 0 var(--calcite-app-side-spacing-half)}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active)}:host([appearance=clear]) .button{background-color:var(--calcite-app-background-clear);-webkit-transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:var(--calcite-app-background-clear);-webkit-box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset;box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active);-webkit-box-shadow:none;box-shadow:none}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:var(--calcite-app-background-clear)}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-app-background)}:host([loading]) calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);margin-right:0}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible,:host([indicator][scale=s]) .button--text-visible,:host([indicator][scale=l]) .button--text-visible{padding-right:var(--calcite-app-side-spacing)}:host([indicator]) .button::after{content:"";border-radius:50%;width:var(--calcite-app-side-spacing-half);height:var(--calcite-app-side-spacing-half);border:var(--calcite-app-side-spacing-eighth) solid var(--calcite-app-background);background-color:var(--calcite-app-foreground-active);position:absolute;bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half);z-index:1}:host([indicator][scale=s]) .button::after{bottom:var(--calcite-app-cap-spacing-quarter);right:var(--calcite-app-side-spacing-quarter)}:host([indicator][scale=l]) .button::after{bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half)}:host([indicator]) .calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-quarter)}:host([indicator]) .button--text-visible.calcite--rtl{padding-right:var(--calcite-app-side-spacing-three-quarters);padding-left:var(--calcite-app-side-spacing)}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-app-background-hover)}:host([indicator][active]) .button::after{border-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible::after,:host([indicator][scale=s]) .button--text-visible::after,:host([indicator][scale=l]) .button--text-visible::after{bottom:unset;right:var(--calcite-app-side-spacing-half)}:host([indicator]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=s]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=l]) .button--text-visible.calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-half)}';function b({parent:a,expanded:t}){a.querySelectorAll("calcite-action").forEach(a=>a.textEnabled=t)}const u=({expanded:a,intlExpand:t,intlCollapse:i,toggleExpand:c,el:o,position:r,tooltipExpand:l})=>{const p="rtl"===n(o),s=a?i:t,d=["chevrons-left","chevrons-right"];p&&d.reverse();const b="end"===function(a,t){return a||function(a){const t=a.closest("calcite-shell-panel");if(t)return t.position?t.position:t.layout?"trailing"===t.layout?"end":"start":void 0}(t)||"start"}(r,o),u=e("calcite-action",{ref:t=>((a,t,e)=>(a&&(a.referenceElement=!e&&t),t))(l,t,a),onClick:c,textEnabled:a,text:s,icon:a?b?d[1]:d[0]:b?d[0]:d[1]});return l?e("calcite-tooltip-manager",null,u):u},f=class{constructor(t){a(this,t),this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionBarToggle=o(this,"calciteActionBarToggle",7)}expandHandler(a){a&&b({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&b({parent:this.el,expanded:a}),this.calciteActionBarToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&b({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:c,textExpand:o,textCollapse:n,el:p,layout:s,position:d,toggleExpand:b,tooltipExpand:f}=this,g=t?e(u,{expanded:a,intlExpand:i||o||"Expand",intlCollapse:c||n||"Collapse",el:p,position:l(d,s),toggleExpand:b,tooltipExpand:f}):null;return r(p,"bottom-actions")||g?e("calcite-action-group",{class:"action-group--bottom"},e("slot",{name:"bottom-actions"}),g):null}render(){return e(i,null,e("slot",null),this.renderBottomActionGroup())}get el(){return c(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};f.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-width:15vw;overflow-y:auto;pointer-events:auto}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border)}::slotted(calcite-action-group:last-child){border-bottom:none}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";const g=class{constructor(t){a(this,t)}render(){return e(i,null,e("slot",null))}};g.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;padding:var(--calcite-app-cap-spacing-half) 0}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:first-child){padding-top:0}::slotted(calcite-action){display:-ms-flexbox;display:flex;width:100%}";const h=class{constructor(t){a(this,t),this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionPadToggle=o(this,"calciteActionPadToggle",7)}expandHandler(a){a&&b({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&b({parent:this.el,expanded:a}),this.calciteActionPadToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&b({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:c,textExpand:o,textCollapse:n,el:r,layout:p,position:s,toggleExpand:d,tooltipExpand:b}=this,f=t?e(u,{expanded:a,intlExpand:i||o||"Expand",intlCollapse:c||n||"Collapse",el:r,position:l(s,p),toggleExpand:d,tooltipExpand:b}):null;return f?e("calcite-action-group",{class:"action-group--bottom"},f):null}render(){return e(i,null,e("slot",null),this.renderBottomActionGroup())}get el(){return c(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};h.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);max-width:15vw;overflow-y:auto;-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border);padding-bottom:0;padding-top:0}::slotted(calcite-action-group:last-child){border-bottom:none}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";export{d as calcite_action,f as calcite_action_bar,g as calcite_action_group,h as calcite_action_pad} \ No newline at end of file diff --git a/docs/build/p-07aee131.system.entry.js b/docs/build/p-07aee131.system.entry.js deleted file mode 100644 index 9569090f..00000000 --- a/docs/build/p-07aee131.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,i){function c(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function r(e){try{l(i.next(e))}catch(t){n(t)}}function o(e){try{l(i["throw"](e))}catch(t){n(t)}}function l(e){e.done?a(e.value):c(e.value).then(r,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,c,n,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(e){return function(t){return l([e,t])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,c&&(n=r[0]&2?c["return"]:r[0]?c["throw"]||((n=c["return"])&&n.call(c),0):c.next)&&!(n=n.call(c,r[1])).done)return n;if(c=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;c=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]0&&c[c.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]0&&n[n.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]t(this))}connectedCallback(){this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async setFocus(){this.buttonEl.focus()}renderTextContainer(){const{text:a,textEnabled:t}=this;return a?e("div",{key:"text-container",class:{"text-container":!0,"text-container--visible":t}},a):null}renderIconContainer(){var a;const{loading:t,icon:i,scale:o,el:c}=this,n="l"===o?"m":"s",r=t?e("calcite-loader",{"is-active":!0,inline:!0}):null,l=i?e("calcite-icon",{icon:i,scale:n}):null,p=r||l,s=p||(null===(a=c.children)||void 0===a?void 0:a.length),d=e("div",{class:{"slot-container":!0,"slot-container--hidden":t}},e("slot",null));return s?e("div",{key:"icon-container","aria-hidden":"true",class:"icon-container"},p,d):null}render(){const{compact:a,disabled:t,loading:o,el:c,textEnabled:l,label:p,text:s}=this,d=p||s,b="rtl"===r(c);return e(i,null,e("button",{class:{button:!0,"button--text-visible":l,"button--compact":a,[n.rtl]:b},"aria-label":d,disabled:t,"aria-disabled":t.toString(),"aria-busy":o.toString(),ref:a=>this.buttonEl=a},this.renderIconContainer(),this.renderTextContainer()))}get el(){return o(this)}};p.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.button{font-family:var(--calcite-app-font-family);display:-ms-flexbox;display:flex;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground);background-color:var(--calcite-app-background);outline-offset:var(--calcite-app-outline-inset);margin:0;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;border:none;width:auto;cursor:pointer;font-size:var(--calcite-app-font-size--1);line-height:normal;-webkit-transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;text-align:unset;position:relative;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.button:hover,.button:focus{background-color:var(--calcite-app-background-hover);color:var(--calcite-app-foreground-hover);fill:var(--calcite-app-foreground-hover)}.button:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.button .icon-container{min-width:var(--calcite-app-icon-size);min-height:var(--calcite-app-icon-size);margin:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;pointer-events:none}.button .text-container{line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;opacity:0;width:0;-webkit-transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}:host([scale=m]) .button{padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}:host([scale=l]) .button{padding:var(--calcite-app-cap-spacing-plus-half) var(--calcite-app-side-spacing-plus-half)}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0;padding-right:0}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}.button--text-visible .icon-container{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible .text-container--visible{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible.calcite--rtl .icon-container{margin:0 0 0 var(--calcite-app-side-spacing-half)}.button--text-visible.calcite--rtl .text-container--visible{margin:0 0 0 var(--calcite-app-side-spacing-half)}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active)}:host([appearance=clear]) .button{background-color:var(--calcite-app-background-clear);-webkit-transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:var(--calcite-app-background-clear);-webkit-box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset;box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active);-webkit-box-shadow:none;box-shadow:none}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:var(--calcite-app-background-clear)}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-app-background)}:host([loading]) calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);margin-right:0}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible,:host([indicator][scale=s]) .button--text-visible,:host([indicator][scale=l]) .button--text-visible{padding-right:var(--calcite-app-side-spacing)}:host([indicator]) .button::after{content:"";border-radius:50%;width:var(--calcite-app-side-spacing-half);height:var(--calcite-app-side-spacing-half);border:var(--calcite-app-side-spacing-eighth) solid var(--calcite-app-background);background-color:var(--calcite-app-foreground-active);position:absolute;bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half);z-index:1}:host([indicator][scale=s]) .button::after{bottom:var(--calcite-app-cap-spacing-quarter);right:var(--calcite-app-side-spacing-quarter)}:host([indicator][scale=l]) .button::after{bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half)}:host([indicator]) .calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-quarter)}:host([indicator]) .button--text-visible.calcite--rtl{padding-right:var(--calcite-app-side-spacing-three-quarters);padding-left:var(--calcite-app-side-spacing)}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-app-background-hover)}:host([indicator][active]) .button::after{border-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible::after,:host([indicator][scale=s]) .button--text-visible::after,:host([indicator][scale=l]) .button--text-visible::after{bottom:unset;right:var(--calcite-app-side-spacing-half)}:host([indicator]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=s]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=l]) .button--text-visible.calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-half)}';function s({parent:a,expanded:t}){a.querySelectorAll("calcite-action").forEach(a=>a.textEnabled=t)}const d=({expanded:a,intlExpand:t,intlCollapse:i,toggleExpand:o,el:c,position:n,tooltipExpand:l})=>{const p="rtl"===r(c),s=a?i:t,d=["chevrons-left","chevrons-right"];p&&d.reverse();const b="end"===function(a,t){var e;return a||(null===(e=t.closest("calcite-shell-panel"))||void 0===e?void 0:e.position)||"start"}(n,c),u=e("calcite-action",{ref:t=>((a,t,e)=>(a&&(a.referenceElement=!e&&t),t))(l,t,a),onClick:o,textEnabled:a,text:s,icon:a?b?d[1]:d[0]:b?d[0]:d[1]});return l?e("calcite-tooltip-manager",null,u):u},b=class{constructor(t){a(this,t),this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionBarToggle=c(this,"calciteActionBarToggle",7)}expandHandler(a){a&&s({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&s({parent:this.el,expanded:a}),this.calciteActionBarToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&s({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:o,el:c,position:n,toggleExpand:r,tooltipExpand:p}=this,s=t?e(d,{expanded:a,intlExpand:i||"Expand",intlCollapse:o||"Collapse",el:c,position:n,toggleExpand:r,tooltipExpand:p}):null;return l(c,"bottom-actions")||s?e("calcite-action-group",{class:"action-group--bottom"},e("slot",{name:"bottom-actions"}),s):null}render(){return e(i,null,e("slot",null),this.renderBottomActionGroup())}get el(){return o(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};b.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-width:15vw;overflow-y:auto;pointer-events:auto}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border)}::slotted(calcite-action-group:last-child){border-bottom:none}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";const u=class{constructor(t){a(this,t)}render(){return e(i,null,e("slot",null))}};u.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--calcite-app-cap-spacing-half) 0}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:first-child){padding-top:0}::slotted(calcite-action){display:-ms-flexbox;display:flex;width:100%}";const f=class{constructor(t){a(this,t),this.layout="vertical",this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionPadToggle=c(this,"calciteActionPadToggle",7)}expandHandler(a){a&&s({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&s({parent:this.el,expanded:a}),this.calciteActionPadToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&s({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:o,el:c,position:n,toggleExpand:r,tooltipExpand:l}=this,p=t?e(d,{expanded:a,intlExpand:i||"Expand",intlCollapse:o||"Collapse",el:c,position:n,toggleExpand:r,tooltipExpand:l}):null;return p?e("calcite-action-group",{class:"action-group--bottom"},p):null}render(){const a="rtl"===r(this.el);return e(i,null,e("div",{class:{container:!0,[n.rtl]:a}},e("slot",null),this.renderBottomActionGroup()))}get el(){return o(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};f.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border);padding-bottom:0;padding-top:0}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);max-width:15vw;overflow-y:auto}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row;max-width:unset}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-right:1px solid var(--calcite-app-border);border-bottom:none;-ms-flex-direction:row;flex-direction:row;padding:0}:host([layout=horizontal]) .container.calcite--rtl ::slotted(calcite-action-group){border-right:none;border-left:1px solid var(--calcite-app-border)}::slotted(calcite-action-group:last-child){border-bottom:none}";export{p as calcite_action,b as calcite_action_bar,u as calcite_action_group,f as calcite_action_pad} \ No newline at end of file diff --git a/docs/build/p-dab11a2d.system.entry.js b/docs/build/p-22ac26de.system.entry.js similarity index 94% rename from docs/build/p-dab11a2d.system.entry.js rename to docs/build/p-22ac26de.system.entry.js index 423ca849..8265c3e8 100644 --- a/docs/build/p-dab11a2d.system.entry.js +++ b/docs/build/p-22ac26de.system.entry.js @@ -1 +1 @@ -System.register(["./p-8f7f5385.system.js","./p-81a7da5f.system.js"],(function(e){"use strict";var t,r,a,i,n,c;return{setters:[function(e){t=e.r;r=e.c;a=e.h;i=e.H;n=e.g},function(e){c=e.S}],execute:function(){var o=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";var s=e("calcite_sortable_list",function(){function e(e){var a=this;t(this,e);this.handleSelector="calcite-handle";this.disabled=false;this.loading=false;this.handleActivated=false;this.items=[];this.observer=new MutationObserver((function(){a.cleanUpDragAndDrop();a.items=Array.from(a.el.children);a.setUpDragAndDrop()}));this.calciteListOrderChange=r(this,"calciteListOrderChange",7)}e.prototype.connectedCallback=function(){this.items=Array.from(this.el.children);this.setUpDragAndDrop();this.beginObserving()};e.prototype.componentDidUnload=function(){this.observer.disconnect();this.cleanUpDragAndDrop()};e.prototype.calciteHandleNudgeHandler=function(e){var t=this.items.find((function(t){return t.contains(e.detail.handle)||e.composedPath().includes(t)}));var r=this.items.length-1;var a=this.items.indexOf(t);var i=false;var n;switch(e.detail.direction){case"up":e.preventDefault();if(a===0){i=true}else{n=a-1}break;case"down":e.preventDefault();if(a===r){n=0}else if(a===r-1){i=true}else{n=a+2}break;default:return}this.observer.disconnect();if(i){t.parentElement.appendChild(t)}else{t.parentElement.insertBefore(t,this.items[n])}this.items=Array.from(this.el.children);e.detail.handle.activated=true;e.detail.handle.setFocus();this.beginObserving()};e.prototype.setUpDragAndDrop=function(){var e=this;this.sortable=c.create(this.el,{handle:this.handleSelector,onUpdate:function(){e.items=Array.from(e.el.children);e.calciteListOrderChange.emit()},onStart:function(){e.observer.disconnect()},onEnd:function(){e.beginObserving()}})};e.prototype.cleanUpDragAndDrop=function(){this.sortable.destroy();this.sortable=null};e.prototype.beginObserving=function(){this.observer.observe(this.el,{childList:true,subtree:true})};e.prototype.render=function(){return a(i,null,a("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:true,configurable:true});return e}());s.style=o}}})); \ No newline at end of file +System.register(["./p-c0bbf908.system.js","./p-81a7da5f.system.js"],(function(e){"use strict";var t,r,a,i,n,c;return{setters:[function(e){t=e.r;r=e.c;a=e.h;i=e.H;n=e.g},function(e){c=e.S}],execute:function(){var o=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";var s=e("calcite_sortable_list",function(){function e(e){var a=this;t(this,e);this.handleSelector="calcite-handle";this.disabled=false;this.loading=false;this.handleActivated=false;this.items=[];this.observer=new MutationObserver((function(){a.cleanUpDragAndDrop();a.items=Array.from(a.el.children);a.setUpDragAndDrop()}));this.calciteListOrderChange=r(this,"calciteListOrderChange",7)}e.prototype.connectedCallback=function(){this.items=Array.from(this.el.children);this.setUpDragAndDrop();this.beginObserving()};e.prototype.componentDidUnload=function(){this.observer.disconnect();this.cleanUpDragAndDrop()};e.prototype.calciteHandleNudgeHandler=function(e){var t=this.items.find((function(t){return t.contains(e.detail.handle)||e.composedPath().includes(t)}));var r=this.items.length-1;var a=this.items.indexOf(t);var i=false;var n;switch(e.detail.direction){case"up":e.preventDefault();if(a===0){i=true}else{n=a-1}break;case"down":e.preventDefault();if(a===r){n=0}else if(a===r-1){i=true}else{n=a+2}break;default:return}this.observer.disconnect();if(i){t.parentElement.appendChild(t)}else{t.parentElement.insertBefore(t,this.items[n])}this.items=Array.from(this.el.children);e.detail.handle.activated=true;e.detail.handle.setFocus();this.beginObserving()};e.prototype.setUpDragAndDrop=function(){var e=this;this.sortable=c.create(this.el,{handle:this.handleSelector,onUpdate:function(){e.items=Array.from(e.el.children);e.calciteListOrderChange.emit()},onStart:function(){e.observer.disconnect()},onEnd:function(){e.beginObserving()}})};e.prototype.cleanUpDragAndDrop=function(){this.sortable.destroy();this.sortable=null};e.prototype.beginObserving=function(){this.observer.observe(this.el,{childList:true,subtree:true})};e.prototype.render=function(){return a(i,null,a("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:true,configurable:true});return e}());s.style=o}}})); \ No newline at end of file diff --git a/docs/build/p-26de6ca4.system.entry.js b/docs/build/p-26de6ca4.system.entry.js new file mode 100644 index 00000000..1811fd8c --- /dev/null +++ b/docs/build/p-26de6ca4.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-58a8921b.system.js","./p-598b7fa2.system.js"],(function(a){"use strict";var e,t,c,i,r,n,p;return{setters:[function(a){e=a.r;t=a.h;c=a.H;i=a.g},function(a){r=a.C},function(a){n=a.b;p=a.a}],execute:function(){var o={heading:"heading",container:"container",indented:"container--indented"};var l={parentItem:"parent-item"};var d=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";var f=a("calcite_pick_list_group",function(){function a(a){e(this,a)}a.prototype.render=function(){var a;var e=this,i=e.el,d=e.textGroupTitle;var f=n(i)==="rtl";var s=p(i,l.parentItem)!==null;var b=(a={},a[o.container]=true,a[o.indented]=s,a[r.rtl]=f,a);return t(c,null,d?t("h3",{class:o.heading},d):null,t("slot",{name:l.parentItem}),t("section",{class:b},t("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return a}());f.style=d}}})); \ No newline at end of file diff --git a/docs/build/p-27f3f0d7.js b/docs/build/p-27f3f0d7.js new file mode 100644 index 00000000..d3240cfb --- /dev/null +++ b/docs/build/p-27f3f0d7.js @@ -0,0 +1 @@ +function n(n){return o(n,"dir","ltr")}function t(n){return o(n,"theme","light")}function o(n,t,o){const u=n.closest(`[${t}]`);return u?u.getAttribute(t):o}function u(n){n&&("setFocus"in n&&"function"==typeof n.setFocus?n.setFocus():n.focus())}function r(n,t,o){const u=`[slot="${t}"]`;return(null==o?void 0:o.all)?function(n,t,o){let u=Array.from(n.querySelectorAll(t));u=o&&!1===o.direct?u:u.filter(t=>t.parentElement===n);const r=null==o?void 0:o.selector;return r?u.map(n=>n.querySelector(r)).filter(n=>!!n):u}(n,u,o):function(n,t,o){let u=n.querySelector(t);u=o&&!1===o.direct||(null==u?void 0:u.parentElement)===n?u:null;const r=null==o?void 0:o.selector;return r?u.querySelector(r):u}(n,u,o)}export{r as a,n as b,u as f,t as g} \ No newline at end of file diff --git a/docs/build/p-2972625e.entry.js b/docs/build/p-2972625e.entry.js new file mode 100644 index 00000000..d88c896d --- /dev/null +++ b/docs/build/p-2972625e.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,H as i,g as c}from"./p-9d0aa6e4.js";import{a as n,b as o}from"./p-27f3f0d7.js";const r=class{constructor(t){a(this,t),this.dismissed=!1,this.nonDismissible=!1,this.hideTip=()=>{this.dismissed=!0,this.calciteTipDismiss.emit()},this.calciteTipDismiss=e(this,"calciteTipDismiss",7)}renderHeader(){const{nonDismissible:a,hideTip:e,intlClose:i,heading:c}=this,n=a?null:t("calcite-action",{text:i||"Close",onClick:e,class:"close",icon:"x"}),o=c?t("h3",{class:"heading"},c):null;return n||o?t("header",{class:"header"},o,n):null}renderImageFrame(){const{el:a}=this;return n(a,"thumbnail")?t("div",{class:"image-frame"},t("slot",{name:"thumbnail"})):null}renderInfoNode(){return t("div",{class:"info"},t("slot",null))}renderContent(){return t("div",{class:"content"},this.renderImageFrame(),this.renderInfoNode())}render(){return t(i,null,t("article",{class:"container",hidden:this.dismissed},this.renderHeader(),this.renderContent()))}get el(){return c(this)}};r.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{background-color:var(--calcite-app-background);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing) var(--calcite-app-cap-spacing);margin:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing);-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);border-radius:var(--calcite-app-border-radius)}:host([selected]) .container{-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.header{-ms-flex-pack:end;justify-content:flex-end}.header .heading{padding-left:0;padding-right:0}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex;padding-top:var(--calcite-app-cap-spacing-half)}.info{padding:0 var(--calcite-app-side-spacing);width:70%}.info:only-child{width:100%;padding-left:0;padding-right:0}::slotted(p){margin-top:0}::slotted(a){color:var(--calcite-app-foreground-link);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}::slotted(a:focus){outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";const l=class{constructor(e){a(this,e)}render(){return t("slot",null)}};l.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}";const p=class{constructor(t){a(this,t),this.closed=!1,this.observer=new MutationObserver(()=>this.setUpTips()),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerToggle.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyUpHandler=a=>{if(a.target===this.container)switch(a.key){case"ArrowRight":a.preventDefault(),this.nextTip();break;case"ArrowLeft":a.preventDefault(),this.previousTip();break;case"Home":a.preventDefault(),this.selectedIndex=0;break;case"End":a.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=a=>{this.container=a},this.calciteTipManagerToggle=e(this,"calciteTipManagerToggle",7)}closedChangeHandler(){this.direction=null,this.calciteTipManagerToggle.emit()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}connectedCallback(){this.setUpTips(),this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async nextTip(){this.direction="advancing",this.selectedIndex=(this.selectedIndex+1+this.total)%this.total}async previousTip(){this.direction="retreating",this.selectedIndex=(this.selectedIndex-1+this.total)%this.total}setUpTips(){const a=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=a.length,0===this.total)return;const e=this.el.querySelector("calcite-tip[selected]");this.tips=a,this.selectedIndex=e?a.indexOf(e):0,a.forEach(a=>{a.nonDismissible=!0}),this.showSelectedTip(),this.updateGroupTitle()}showSelectedTip(){this.tips.forEach((a,e)=>{const t=this.selectedIndex===e;a.selected=t,a.hidden=!t})}updateGroupTitle(){const a=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=(null==a?void 0:a.textGroupTitle)||this.intlDefaultTitle||"Tips"}renderPagination(){const a=o(this.el),{selectedIndex:e,tips:i,total:c,intlNext:n,intlPrevious:r,intlPaginationLabel:l}=this,p=n||"Next",s=l||"Tip";return i.length>1?t("footer",{class:"pagination"},t("calcite-action",{text:r||"Previous",onClick:this.previousClicked,class:"page-previous",icon:"ltr"===a?"chevron-left":"chevron-right"}),t("span",{class:"page-position"},`${s} ${e+1}/${c}`),t("calcite-action",{text:p,onClick:this.nextClicked,class:"page-next",icon:"ltr"===a?"chevron-right":"chevron-left"})):null}render(){const{closed:a,direction:e,groupTitle:c,selectedIndex:n,intlClose:o,total:r}=this,l=o||"Close";return 0===r?t(i,null):t(i,null,t("section",{class:"container",hidden:a,"aria-hidden":a.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},t("header",{class:"header"},t("h2",{key:n,class:"heading"},c),t("calcite-action",{text:l,onClick:this.hideTipManager,class:"close",icon:"x"})),t("div",{tabIndex:0,class:{"tip-container":!0,"tip-container--advancing":!a&&"advancing"===e,"tip-container--retreating":!a&&"retreating"===e},key:n},t("slot",null)),this.renderPagination()))}get el(){return c(this)}static get watchers(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}}};p.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}:host{display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host([closed]){display:none}.header .heading{padding-left:var(--calcite-app-side-spacing-half);padding-right:var(--calcite-app-side-spacing-half)}.container{overflow:hidden;position:relative;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) 0;min-height:150px;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.container:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}.tip-container{-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-app-animation-time);animation-duration:var(--calcite-app-animation-time);-webkit-animation-timing-function:var(--calcite-app-easing-function);animation-timing-function:var(--calcite-app-easing-function);height:18vh;margin-top:var(--calcite-app-cap-spacing-quarter);overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.tip-container:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}::slotted(calcite-tip-group){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--calcite-app-cap-spacing-quarter) 0}.page-position{font-size:var(--calcite-app-font-size--1);margin:0 var(--calcite-app-side-spacing-half)}";export{r as calcite_tip,l as calcite_tip_group,p as calcite_tip_manager} \ No newline at end of file diff --git a/docs/build/p-2ac47b89.system.js b/docs/build/p-2ac47b89.system.js deleted file mode 100644 index d3cae0d7..00000000 --- a/docs/build/p-2ac47b89.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js"],(function(){"use strict";var e,t;return{setters:[function(l){e=l.p;t=l.b}],execute:function(){e().then((function(e){return t([["p-510857b5.system",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlDefaultTitle:[1,"intl-default-title"],textDefaultTitle:[1,"text-default-title"],intlNext:[1,"intl-next"],textNext:[1,"text-next"],intlPaginationLabel:[1,"intl-pagination-label"],textPaginationLabel:[1,"text-pagination-label"],intlPrevious:[1,"intl-previous"],textPrevious:[1,"text-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-5bb47292.system",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],toggleDisplay:[513,"toggle-display"]}]]],["p-07aee131.system",[[1,"calcite-value-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-2e5b0750.system",[[1,"calcite-pick-list",{compact:[516],disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-81319f6a.system",[[1,"calcite-value-list",{compact:[516],disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-3c9080a4.system",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],layout:[513],position:[513]}]]],["p-fd85a63e.system",[[1,"calcite-fab",{appearance:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-34116c50.system",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-dab11a2d.system",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-783e3e13.system",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-pad",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-ef969892.system",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],textBack:[1,"text-back"],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlOpen:[1,"intl-open"],textOpen:[1,"text-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513],setFocus:[64]}]]],["p-1ce9e595.system",[[1,"calcite-pick-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-83c07b00.system",[[1,"calcite-handle",{activated:[1540],textTitle:[1537,"text-title"],setFocus:[64]}]]],["p-6465cdbf.system",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"],empty:[32]}]]]],e)}))}}})); \ No newline at end of file diff --git a/docs/build/p-c72f121c.js b/docs/build/p-2b669725.js similarity index 100% rename from docs/build/p-c72f121c.js rename to docs/build/p-2b669725.js diff --git a/docs/build/p-2c04f785.entry.js b/docs/build/p-2c04f785.entry.js new file mode 100644 index 00000000..c2d62918 --- /dev/null +++ b/docs/build/p-2c04f785.entry.js @@ -0,0 +1 @@ +import{r as a,h as e,H as c,g as i}from"./p-9d0aa6e4.js";import{C as t}from"./p-eb15fcdb.js";import{b as r,a as p}from"./p-27f3f0d7.js";const o=class{constructor(e){a(this,e)}render(){const{el:a,textGroupTitle:i}=this,o="rtl"===r(a),n={container:!0,"container--indented":null!==p(a,"parent-item"),[t.rtl]:o};return e(c,null,i?e("h3",{class:"heading"},i):null,e("slot",{name:"parent-item"}),e("section",{class:n},e("slot",null)))}get el(){return i(this)}};o.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";export{o as calcite_pick_list_group} \ No newline at end of file diff --git a/docs/build/p-2e5b0750.system.entry.js b/docs/build/p-2e5b0750.system.entry.js deleted file mode 100644 index 8a670e90..00000000 --- a/docs/build/p-2e5b0750.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(t){r(t)}}function c(e){try{l(a["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(o,c)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l)},p=(()=>(f.head.attachShadow+"").indexOf("[native")>-1)(),d=e=>Promise.resolve(e),m=(()=>{try{return new CSSStyleSheet,!0}catch(e){}return!1})(),h=(e,t,n)=>{n&&n.map(([n,l,o])=>{const s=e,r=$(t,o),c=y(n);u.ael(s,l,r,c),(t.o=t.o||[]).push(()=>u.rel(s,l,r,c))})},$=(e,t)=>n=>{256&e.t?e.s[t](n):(e.u=e.u||[]).push([t,n])},y=e=>0!=(2&e),w="http://www.w3.org/1999/xlink",b=new WeakMap,_=e=>"sc-"+e,v={},j=e=>"object"==(e=typeof e)||"function"===e,g=(e,t,...n)=>{let l=null,o=null,s=null,r=!1,c=!1,i=[];const a=t=>{for(let n=0;ne[t]).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,O);const f=k(e,null);return f.h=t,i.length>0&&(f.$=i),f._=o,f.v=s,f},k=(e,t)=>({t:0,j:e,p:t,g:null,$:null,h:null,_:null,v:null}),M={},O={forEach:(e,t)=>e.map(R).forEach(t),map:(e,t)=>e.map(R).map(t).map(S)},R=e=>({vattrs:e.h,vchildren:e.$,vkey:e._,vname:e.v,vtag:e.j,vtext:e.p}),S=e=>{const t=k(e.vtag,e.vtext);return t.h=e.vattrs,t.$=e.vchildren,t._=e.vkey,t.v=e.vname,t},L=(e,t,n,l,o,s)=>{if(n!==l){let c=ye(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,o=C(n),s=C(l);t.remove(...o.filter(e=>e&&!s.includes(e))),t.add(...s.filter(e=>e&&!o.includes(e)))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=j(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(r){}let f=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,f=!0),null==l||!1===l?f?e.removeAttributeNS(w,t):e.removeAttribute(t):(!c||4&s||o)&&!i&&(l=!0===l?"":l,f?e.setAttributeNS(w,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ye(i,a)?a.slice(2):a[2]+t.slice(3),n&&u.rel(e,t,n,!1),l&&u.ael(e,t,l,!1)}},U=/\s/,C=e=>e?e.split(U):[],x=(e,t,n,l)=>{const o=11===t.g.nodeType&&t.g.host?t.g.host:t.g,s=e&&e.h||v,r=t.h||v;for(l in s)l in r||L(o,l,s[l],void 0,n,t.t);for(l in r)L(o,l,s[l],r[l],n,t.t)},P=(o,r,c,i)=>{let a,u,p,d=r.$[c],m=0;if(l||(s=!0,"slot"===d.j&&(e&&i.classList.add(e+"-s"),d.t|=d.$?2:1)),null!==d.p)a=d.g=f.createTextNode(d.p);else if(1&d.t)a=d.g=f.createTextNode("");else if(a=d.g=f.createElement(2&d.t?"slot-fb":d.j),x(null,d,!1),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),d.$)for(m=0;m{u.t|=1;const l=e.childNodes;for(let o=l.length-1;o>=0;o--){const e=l[o];e["s-hn"]!==n&&e["s-ol"]&&(D(e).insertBefore(e,W(e)),e["s-ol"].remove(),e["s-ol"]=void 0,s=!0),t&&E(e,t)}u.t&=-2},T=(e,t,l,o,s,r)=>{let c,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=P(null,l,s,e),c&&(o[s].g=c,i.insertBefore(c,W(t))))},N=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.g,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},A=(e,t)=>e.j===t.j&&("slot"===e.j?e.v===t.v:e._===t._),W=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,F=(e,t)=>{const n=t.g=e.g,l=e.$,o=t.$,s=t.p;let r;null===s?("slot"===t.j||x(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s,r=0,c=0,i=0,a=0,f=t.length-1,u=t[0],p=t[f],d=l.length-1,m=l[0],h=l[d];for(;r<=f&&c<=d;)if(null==u)u=t[++r];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==h)h=l[--d];else if(A(u,m))F(u,m),u=t[++r],m=l[++c];else if(A(p,h))F(p,h),p=t[--f],h=l[--d];else if(A(u,h))"slot"!==u.j&&"slot"!==h.j||E(u.g.parentNode,!1),F(u,h),e.insertBefore(u.g,p.g.nextSibling),u=t[++r],h=l[--d];else if(A(p,m))"slot"!==u.j&&"slot"!==h.j||E(p.g.parentNode,!1),F(p,m),e.insertBefore(p.g,u.g),p=t[--f],m=l[++c];else{for(i=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a]._&&t[a]._===m._){i=a;break}i>=0?(s=t[i],s.j!==m.j?o=P(t&&t[c],n,i,e):(F(s,m),t[i]=void 0,o=s.g),m=l[++c]):(o=P(t&&t[c],n,c,e),m=l[++c]),o&&D(u.g).insertBefore(o,W(u.g))}r>f?T(e,null==l[d+1]?null:l[d+1].g,n,l,c,d):c>d&&N(t,r,f)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),T(n,null,t,o,0,o.length-1)):null!==l&&N(l,0,l.length-1)):(r=n["s-cr"])?r.parentNode.textContent=s:e.p!==s&&(n.data=s)},H=e=>{let t,n,l,o,s,r,c=e.childNodes;for(n=0,l=c.length;n{let t,n,l,s,r,c,i=0,a=e.childNodes,f=a.length;for(;i=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(V(n,s)?(r=q.find(e=>e.k===n),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.M=t:q.push({M:t,k:n}),n["s-sr"]&&q.map(e=>{V(e.k,n["s-sn"])&&(r=q.find(e=>e.k===n),r&&!e.M&&(e.M=r.M))})):q.some(e=>e.k===n)||q.push({k:n}));1===t.nodeType&&B(t)}},V=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.h&&e.h.ref&&e.h.ref(null),e.$&&e.$.map(z)},G=e=>me(e).O,I=(e,t,n)=>{const l=G(e);return{emit:e=>J(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},J=(e,t,n)=>{const l=new CustomEvent(t,n);return e.dispatchEvent(l),l},K=(e,t)=>{t&&!e.R&&t["s-p"].push(new Promise(t=>e.R=t))},Q=(e,t)=>{if(e.t|=16,4&e.t)return void(e.t|=512);const n=e.s,l=()=>X(e,n,t);let o;return K(e,e.S),t&&(e.t|=256,e.u&&(e.u.map(([e,t])=>ne(n,e,t)),e.u=null),o=ne(n,"componentWillLoad")),le(o,()=>Le(l))},X=(r,c,i)=>{const a=r.O,d=a["s-rc"];i&&(e=>{const t=e.L,n=e.O,l=t.t,o=((e,t)=>{let n=_(t.U),l=ve.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(p&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(r),((r,c)=>{const i=r.O,a=r.L,d=r.C||k(null,null),m=(e=>e&&e.j===M)(c)?c:g(null,null,c);if(n=i.tagName,a.P&&(m.h=m.h||{},a.P.map(([e,t])=>m.h[t]=i[e])),m.j=null,m.t|=4,r.C=m,m.g=d.g=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=p&&0!=(1&a.t),o=!1,F(d,m),u.t|=1,s){let e,t,n,l,o,s;B(m.g);let r=0;for(;re()),a["s-rc"]=void 0);{const e=a["s-p"],t=()=>Z(r);0===e.length?t():(Promise.all(e).then(t),r.t|=4,e.length=0)}},Y=e=>{try{e=e.render()}catch(t){we(t)}return e},Z=e=>{const t=e.O,n=e.s,l=e.S;64&e.t||(e.t|=64,oe(t),ne(n,"componentDidLoad"),e.T(t),l||te()),e.N(t),e.R&&(e.R(),e.R=void 0),512&e.t&&Se(()=>Q(e,!1)),e.t&=-517},ee=e=>{{const t=me(e),n=t.O.isConnected;return n&&2==(18&t.t)&&Q(t,!1),n}},te=()=>{oe(f.documentElement),u.t|=2,Se(()=>J(i,"appload",{detail:{namespace:"calcite-app"}}))},ne=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(l){we(l)}},le=(e,t)=>e&&e.then?e.then(t):t(),oe=e=>e.classList.add("hydrated"),se=(e,t,n)=>{if(t.A){e.watchers&&(t.W=e.watchers);const l=Object.entries(t.A),o=e.prototype;if(l.map(([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>me(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=me(this),s=o.D.get(t),r=o.t,c=o.s;if(n=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.A[t][0]),!(8&r&&void 0!==s||n===s)&&(o.D.set(t,n),c)){if(l.W&&128&r){const e=l.W[t];e&&e.map(e=>{try{c[e](n,s,t)}catch(l){we(l)}})}2==(18&r)&&Q(o,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=me(this);return n.F.then(()=>n.s[e](...t))}})}),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){u.jmp(()=>{const t=n.get(e);this[t]=(null!==l||"boolean"!=typeof this[t])&&l})},e.observedAttributes=l.filter(([e,t])=>15&t[0]).map(([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o})}}return e},re=e=>{ne(e,"connectedCallback")},ce=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const t=e["s-sn"]=ae(e),n=fe(this.childNodes,t);if(n){const l=ue(n,t),o=l[l.length-1];return o.parentNode.insertBefore(e,o.nextSibling)}return this.__appendChild(e)}},ie=(e,t)=>{if(8&t.t){const t=e.__lookupGetter__("children"),n=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){const e=t.call(this);if(0==(1&u.t)){const t=fe(e,"");if(t&&t.parentNode)return t.parentNode.children}return e}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=n.call(this);if(0==(1&u.t)){const t=fe(e,"");if(t&&t.parentNode)return t.parentNode.childNodes}return e}})}},ae=e=>e["s-sn"]||1===e.nodeType&&e.getAttribute("slot")||"",fe=(e,t)=>{let n,l=0;for(;l{const n=[e];for(;(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},pe=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=f.head,r=s.querySelector("meta[charset]"),c=f.createElement("style"),a=[];let d,$=!0;Object.assign(u,t),u.l=new URL(t.resourcesUrl||"./",f.baseURI).href,t.syncQueue&&(u.t|=4),e.map(e=>e[1].map(t=>{const s={t:t[0],U:t[1],A:t[2],H:t[3]};s.A=t[2],s.H=t[3],s.P=[],s.W={},!p&&1&s.t&&(s.t|=8);const r=s.U,c=class extends HTMLElement{constructor(e){super(e),$e(e=this,s),1&s.t&&(p?e.attachShadow({mode:"open"}):"shadowRoot"in e||(e.shadowRoot=e)),ie(e,s)}connectedCallback(){d&&(clearTimeout(d),d=null),$?a.push(this):u.jmp(()=>(e=>{if(0==(1&u.t)){const t=me(e),n=t.L,l=()=>{};if(1&t.t)h(e,t,n.H),re(t.s);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.S=n);break}}n.A&&Object.entries(n.A).map(([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}}),(async(e,t,n,l,o)=>{if(0==(32&t.t)){t.t|=32;{if((o=_e(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.W=o.watchers,se(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(c){we(c)}t.t&=-9,t.t|=128,e(),re(t.s)}const e=_(n.U);if(!ve.has(e)&&o.style){const t=()=>{};let l=o.style;8&n.t&&(l=await __sc_import_calcite_app("./p-3572983d.js").then(t=>t.scopeCss(l,e,!1))),((e,t,n)=>{let l=ve.get(e);m&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,ve.set(e,l)})(e,l,!!(1&n.t)),t()}}const s=t.S,r=()=>Q(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,t,n)}l()}})(this))}disconnectedCallback(){u.jmp(()=>(()=>{if(0==(1&u.t)){const e=me(this),t=e.s;e.o&&(e.o.map(e=>e()),e.o=void 0),ne(t,"componentDidUnload")}})())}forceUpdate(){ee(this)}componentOnReady(){return me(this).q}};ce(c.prototype),s.B=e[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,se(c,s,1)))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),$=!1,a.length?a.map(e=>e.connectedCallback()):u.jmp(()=>d=setTimeout(te,30))},de=new WeakMap,me=e=>de.get(e),he=(e,t)=>de.set(t.s=e,t),$e=(e,t)=>{const n={t:0,O:e,L:t,D:new Map};return n.F=new Promise(e=>n.N=e),n.q=new Promise(e=>n.T=e),e["s-p"]=[],e["s-rc"]=[],h(e,n,t.H),de.set(e,n)},ye=(e,t)=>t in e,we=e=>console.error(e),be=new Map,_e=e=>{const t=e.U.replace(/-/g,"_"),n=e.B,l=be.get(n);return l?l[t]:__sc_import_calcite_app(`./${n}.entry.js`).then(e=>(be.set(n,e),e[t]),we)},ve=new Map,je=[],ge=[],ke=[],Me=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&u.t?Se(Re):u.raf(Re))},Oe=(e,t)=>{let n=0,l=0;for(;n{r++,(e=>{for(let n=0;n0&&(ke.push(...ge),ge.length=0),(c=je.length+ge.length+ke.length>0)?u.raf(Re):r=0}},Se=e=>d().then(e),Le=Me(ge,!0),Ue=()=>a&&a.supports&&a.supports("color","var(--c)")?d():__sc_import_calcite_app("./p-9d0482fc.js").then(()=>(u.V=i.__cssshim)?(!1).i():0),Ce=()=>{u.V=i.__cssshim;const e=Array.from(f.querySelectorAll("script")).find(e=>/\/calcite-app(\.esm)?\.js($|\?|#)/.test(e.src)||"calcite-app"===e.getAttribute("data-stencil-namespace")),t=e["data-opts"]||{};return"onbeforeload"in e&&!history.scrollRestoration?{then(){}}:(t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,i.location.href)).href,xe(t.resourcesUrl,e),i.customElements?d(t):__sc_import_calcite_app("./p-c72f121c.js").then(()=>t))},xe=(e,t)=>{try{i.__sc_import_calcite_app=Function("w",`return import(w);//${Math.random()}`)}catch(n){const l=new Map;i.__sc_import_calcite_app=n=>{const o=new URL(n,e).href;let s=l.get(o);if(!s){const e=f.createElement("script");e.type="module",e.crossOrigin=t.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${o}'; window.__sc_import_calcite_app.m = m;`],{type:"application/javascript"})),s=new Promise(t=>{e.onload=()=>{t(i.__sc_import_calcite_app.m),e.remove()}}),l.set(o,s),f.head.appendChild(e)}return s}}};export{M as H,Ue as a,pe as b,I as c,ee as f,G as g,g as h,Ce as p,he as r} \ No newline at end of file diff --git a/docs/build/p-34116c50.system.entry.js b/docs/build/p-34116c50.system.entry.js deleted file mode 100644 index 628cc96f..00000000 --- a/docs/build/p-34116c50.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-9e77e74d.system.js","./p-b996c942.system.js","./p-58a8921b.system.js"],(function(a){"use strict";var e,t,c,i,r,n,p,o;return{setters:[function(a){e=a.r;t=a.h;c=a.H;i=a.g},function(a){r=a.a;n=a.g},function(a){p=a.c},function(a){o=a.C}],execute:function(){var l={heading:"heading",container:"container",indented:"container--indented"};var d={parentItem:"parent-item"};var s=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";var f=a("calcite_pick_list_group",function(){function a(a){e(this,a)}a.prototype.render=function(){var a;var e=this,i=e.el,s=e.textGroupTitle;var f=r(i)==="rtl";var g=n(i,d.parentItem)!==null;var b=(a={},a[l.indented]=g,a[o.rtl]=f,a);return t(c,null,s?t("h3",{class:l.heading},s):null,t("slot",{name:d.parentItem}),t("section",{class:p(l.container,b)},t("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return a}());f.style=s}}})); \ No newline at end of file diff --git a/docs/build/p-3572983d.js b/docs/build/p-3572983d.js deleted file mode 100644 index 9b1c675b..00000000 --- a/docs/build/p-3572983d.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * @license - * Copyright Google Inc. All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.io/license - * - * This file is a port of shadowCSS from webcomponents.js to TypeScript. - * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js - * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts - */ -const s=/(-shadowcsshost)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,t=/(-shadowcsscontext)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,o=/(-shadowcssslotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,n=/-shadowcsshost-no-combinator([^\s]*)/,e=[/::shadow/g,/::content/g],c=/-shadowcsshost/gim,r=/:host/gim,h=/::slotted/gim,a=/:host-context/gim,d=/\/\*\s*[\s\S]*?\*\//g,l=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,i=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,g=/([{}])/g,u=(s,t)=>{const o=m(s);let n=0;return o.escapedString.replace(i,(...s)=>{const e=s[2];let c="",r=s[4],h="";r&&r.startsWith("{%BLOCK%")&&(c=o.blocks[n++],r=r.substring(8),h="{");const a=t({selector:e,content:c});return`${s[1]}${a.selector}${s[3]}${h}${a.content}${r}`})},m=s=>{const t=s.split(g),o=[],n=[];let e=0,c=[];for(let r=0;r0?c.push(s):(c.length>0&&(n.push(c.join("")),o.push("%BLOCK%"),c=[]),o.push(s)),"{"===s&&e++}return c.length>0&&(n.push(c.join("")),o.push("%BLOCK%")),{escapedString:o.join(""),blocks:n}},w=(s,t,o)=>s.replace(t,(...s)=>{if(s[2]){const t=s[2].split(","),n=[];for(let e=0;es+t.replace("-shadowcsshost","")+o,p=(s,t,o)=>t.indexOf("-shadowcsshost")>-1?$(s,t,o):s+t+o+", "+t+" "+s+o,_=(s,t,o,e)=>u(s,s=>{let r=s.selector,h=s.content;return"@"!==s.selector[0]?r=((s,t,o,e)=>s.split(",").map(s=>e&&s.indexOf("."+e)>-1?s.trim():((s,t)=>!(s=>(s=s.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+s+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(s))(s,t)?((s,t,o)=>{const e="."+(t=t.replace(/\[is=([^\]]*)\]/g,(s,...t)=>t[0])),r=s=>{let r=s.trim();if(!r)return"";if(s.indexOf("-shadowcsshost-no-combinator")>-1)r=((s,t,o)=>{if(c.lastIndex=0,c.test(s)){const t=`.${o}`;return s.replace(n,(s,o)=>o.replace(/([^:]*)(:*)(.*)/,(s,o,n,e)=>o+t+n+e)).replace(c,t+" ")}return t+" "+s})(s,t,o);else{const t=s.replace(c,"");if(t.length>0){const s=t.match(/([^:]*)(:*)(.*)/);s&&(r=s[1]+e+s[2]+s[3])}}return r},h=(s=>{const t=[];let o,n=0;return o=(s=s.replace(/(\[[^\]]*\])/g,(s,o)=>{const e=`__ph-${n}__`;return t.push(o),n++,e})).replace(/(:nth-[-\w]+)(\([^)]+\))/g,(s,o,e)=>{const c=`__ph-${n}__`;return t.push(e),n++,o+c}),{content:o,placeholders:t}})(s);let a,d="",l=0;const i=/( |>|\+|~(?!=))\s*/g;let g=!((s=h.content).indexOf("-shadowcsshost-no-combinator")>-1);for(;null!==(a=i.exec(s));){const t=a[1],o=s.slice(l,a.index).trim();g=g||o.indexOf("-shadowcsshost-no-combinator")>-1,d+=`${g?r(o):o} ${t} `,l=i.lastIndex}const u=s.substring(l);return g=g||u.indexOf("-shadowcsshost-no-combinator")>-1,d+=g?r(u):u,((s,t)=>t.replace(/__ph-(\d+)__/g,(t,o)=>s[+o]))(h.placeholders,d)})(s,t,o).trim():s.trim()).join(", "))(s.selector,t,o,e):(s.selector.startsWith("@media")||s.selector.startsWith("@supports")||s.selector.startsWith("@page")||s.selector.startsWith("@document"))&&(h=_(s.content,t,o,e)),{selector:r.replace(/\s{2,}/g," ").trim(),content:h}}),f=(n,c,i)=>{const g=c+"-h",m=c+"-s",f=(s=>s.match(l)||[])(n);n=(s=>s.replace(d,""))(n);const b=[];if(i){const s=s=>{const t=`/*!@___${b.length}___*/`;return b.push({placeholder:t,comment:`/*!@${s.selector}*/`}),s.selector=t+s.selector,s};n=u(n,t=>"@"!==t.selector[0]?s(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=u(t.content,s),t):t)}const x=((n,c,d,l)=>{const i=((s,t)=>{const n="."+t+" > ",e=[];return s=s.replace(o,(...s)=>{if(s[2]){const t=s[2].trim(),o=n+t+s[3];let c="";for(let n=s[4]-1;n>=0;n--){const t=s[5][n];if("}"===t||","===t)break;c=t+c}const r=c+o,h=`${c.trimRight()}${o.trim()}`;return r.trim()!==h.trim()&&e.push({orgSelector:r,updatedSelector:`${h}, ${r}`}),o}return"-shadowcsshost-no-combinator"+s[3]}),{selectors:e,cssText:s}})(n=(s=>w(s,t,p))(n=(t=>w(t,s,$))(n=(s=>s.replace(a,"-shadowcsscontext").replace(r,"-shadowcsshost").replace(h,"-shadowcssslotted"))(n))),l);return n=(s=>e.reduce((s,t)=>s.replace(t," "),s))(n=i.cssText),c&&(n=_(n,c,d,l)),{cssText:(n=(n=n.replace(/-shadowcsshost-no-combinator/g,`.${d}`)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:i.selectors}})(n,c,g,m);return n=[x.cssText,...f].join("\n"),i&&b.forEach(({placeholder:s,comment:t})=>{n=n.replace(s,t)}),x.slottedSelectors.forEach(s=>{n=n.replace(s.orgSelector,s.updatedSelector)}),n};export{f as scopeCss} \ No newline at end of file diff --git a/docs/build/p-39975e83.system.entry.js b/docs/build/p-39975e83.system.entry.js new file mode 100644 index 00000000..ae164094 --- /dev/null +++ b/docs/build/p-39975e83.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function r(e){try{l(a.next(e))}catch(t){o(t)}}function c(e){try{l(a["throw"](e))}catch(t){o(t)}}function l(e){e.done?i(e.value):n(e.value).then(r,c)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(e){return function(t){return l([e,t])}}function l(r){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]{this.buttonEl=a}},this.textEnabled?this.text:null))}get el(){return t(this)}};i.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-transparent)}calcite-button{-webkit-box-shadow:var(--calcite-app-shadow-1);box-shadow:var(--calcite-app-shadow-1)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{i as calcite_fab} \ No newline at end of file diff --git a/docs/build/p-3f2a62ba.entry.js b/docs/build/p-3f2a62ba.entry.js deleted file mode 100644 index d0055cc3..00000000 --- a/docs/build/p-3f2a62ba.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as e,h as a,H as t,g as i,c as n}from"./p-3125ea46.js";import{C as c}from"./p-d5e1fdd7.js";import{f as r,g as o,a as l}from"./p-4230ce12.js";import{c as s}from"./p-1a0cace4.js";import{g as p}from"./p-cf80779e.js";import{C as d}from"./p-eb15fcdb.js";const h=class{constructor(a){e(this,a),this.flowCount=0,this.flowDirection=null,this.flows=[],this.getFlowDirection=(e,a)=>e&&a>1||e>1?a{const{flows:e}=this,a=Array.from(this.el.querySelectorAll("calcite-flow-item")),t=e.length,i=a.length,n=a[i-1],c=a[i-2];if(i&&n&&a.forEach(e=>{e.showBackButton=i>1,e.hidden=e!==n}),c&&(c.menuOpen=!1),this.flows=a,t!==i){const e=this.getFlowDirection(t,i);this.flowCount=i,this.flowDirection=e}},this.flowItemObserver=new MutationObserver(this.updateFlowProps)}async back(){const e=this.el.querySelector("calcite-flow-item:last-child");if(e)return(e.beforeBack?e.beforeBack:()=>Promise.resolve()).call(e).then(()=>(e.remove(),e))}connectedCallback(){this.flowItemObserver.observe(this.el,{childList:!0,subtree:!0}),this.updateFlowProps()}componentDidUnload(){this.flowItemObserver.disconnect()}handleCalciteFlowItemBackClick(){this.back()}render(){const{flowDirection:e,flowCount:i}=this;return a(t,null,a("div",{key:i,class:s("frame",{"frame--advancing":"advancing"===e,"frame--retreating":"retreating"===e})},a("slot",null)))}get el(){return i(this)}};h.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden;position:relative}:host .frame{-ms-flex-align:stretch;align-items:stretch;width:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}:host .frame--advancing{-webkit-animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host .frame--retreating{-webkit-animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function)}@-webkit-keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";const f=["calcite-pick-list","calcite-value-list"],b=["ArrowUp","ArrowDown"],g=class{constructor(a){e(this,a),this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.showBackButton=!1,this.toggleMenuOpen=()=>{this.menuOpen=!this.menuOpen},this.backButtonClick=()=>{this.calciteFlowItemBackClick.emit()},this.menuButtonKeyDown=e=>{const{key:a}=e,{menuOpen:t}=this;if(!this.isValidKey(a,b))return;const i=this.queryActions(),{length:n}=i;n&&(e.preventDefault(),t||(this.menuOpen=!0),"ArrowUp"===a&&r(i[n-1]),"ArrowDown"===a&&r(i[0]))},this.menuActionsKeydown=e=>{const{key:a,target:t}=e;if(!this.isValidKey(a,b))return;const i=this.queryActions(),{length:n}=i,c=i.indexOf(t);if(n&&-1!==c){if(e.preventDefault(),"ArrowUp"===a){const e=p(c-1,n);r(i[e])}if("ArrowDown"===a){const e=p(c+1,n);r(i[e])}}},this.menuActionsContainerKeyDown=e=>{const{key:a}=e;"Escape"===a&&(this.menuOpen=!1)},this.calciteFlowItemBackClick=n(this,"calciteFlowItemBackClick",7),this.calciteFlowItemScroll=n(this,"calciteFlowItemScroll",7)}handleCalcitePanelScroll(e){e.stopPropagation(),this.calciteFlowItemScroll.emit()}queryActions(){return o(this.el,"menu-actions",{all:!0})}isValidKey(e,a){return!!a.find(a=>a===e)}renderBackButton(e){const{showBackButton:t,intlBack:i,textBack:n,backButtonClick:c}=this,r=i||n||"Back";return t?a("calcite-action",{slot:"header-leading-content",key:"back-button","aria-label":r,text:r,class:"back-button",onClick:c,icon:e?"chevron-right":"chevron-left"}):null}renderMenuButton(){const{menuOpen:e,textOpen:t,intlOpen:i,intlClose:n,textClose:c}=this,r=e?n||c||"Close":i||t||"Open";return a("calcite-action",{class:"menu-button","aria-label":r,text:r,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:"ellipsis"})}renderMenuActions(){const{menuOpen:e}=this;return a("div",{class:s("menu",{"menu--open":e}),onKeyDown:this.menuActionsKeydown},a("slot",{name:"menu-actions"}))}renderFooterActions(){return o(this.el,"footer-actions")?a("div",{slot:"footer",class:"footer-actions"},a("slot",{name:"footer-actions"})):null}renderSingleActionContainer(){return a("div",{class:"single-action-container"},a("slot",{name:"menu-actions"}))}renderMenuActionsContainer(){return a("div",{class:"menu-container",onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())}renderHeaderActions(){const e=o(this.el,"menu-actions",{all:!0}).filter(e=>!e.closest(f.join(","))).length,t=1===e?this.renderSingleActionContainer():e?this.renderMenuActionsContainer():null;return t?a("div",{slot:"header-trailing-content",class:"header-actions"},t):null}renderHeading(){const{heading:e}=this;return e?a("h2",{class:"heading",slot:"header-content"},e):null}renderSummary(){const{summary:e}=this;return e?a("span",{class:"summary"},e):null}renderHeader(){const e=this.renderHeading(),t=this.renderSummary();return e||t?a("div",{class:"header-content",slot:"header-content"},e,t):null}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container",slot:"fab"},a("slot",{name:"fab"})):null}render(){const{el:e}=this,i=l(e);return a(t,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,"height-scale":this.heightScale,dir:i},this.renderBackButton("rtl"===i),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))}get el(){return i(this)}};g.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.menu-container,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";const m=class{constructor(a){e(this,a),this.dismissed=!1,this.disabled=!1,this.dismissible=!1,this.loading=!1,this.panelKeyUpHandler=e=>{"Escape"===e.key&&this.dismiss()},this.dismiss=()=>{this.dismissed=!0},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.calcitePanelDismissedChange=n(this,"calcitePanelDismissedChange",7),this.calcitePanelScroll=n(this,"calcitePanelScroll",7)}dismissedHandler(){this.calcitePanelDismissedChange.emit()}async setFocus(e){var a,t;"dismiss-button"!==e?null===(t=this.containerEl)||void 0===t||t.focus():null===(a=this.dismissButtonEl)||void 0===a||a.setFocus()}renderHeaderLeadingContent(){return o(this.el,"header-leading-content")?a("div",{key:"header-leading-content",class:"header-leading-content"},a("slot",{name:"header-leading-content"})):null}renderHeaderContent(){return a("div",{key:"header-content",class:"header-content"},a("slot",{name:"header-content"}))}renderHeaderTrailingContent(){const{dismiss:e,dismissible:t,intlClose:i,textClose:n}=this,c=i||n||"Close",r=t?a("calcite-action",{ref:e=>this.dismissButtonEl=e,"aria-label":c,text:c,onClick:e,icon:"x"}):null,o=a("slot",{name:"header-trailing-content"});return a("div",{key:"header-trailing-content",class:"header-trailing-content"},o,r)}renderHeader(){const e=this.renderHeaderLeadingContent(),t=this.renderHeaderContent(),i=this.renderHeaderTrailingContent();return t||e||i?a("header",{class:"header"},e,t,i):null}renderFooter(){const{el:e}=this;return o(e,"footer")?a("footer",{class:"footer"},a("slot",{name:"footer"})):null}renderContent(){return a("section",{class:"content-container",onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container"},a("slot",{name:"fab"})):null}render(){const{dismissed:e,disabled:i,dismissible:n,el:r,loading:o,panelKeyUpHandler:p}=this,h="rtl"===l(r);return a(t,null,a("article",{"aria-busy":o.toString(),onKeyUp:p,tabIndex:n?0:-1,hidden:n&&e,ref:e=>this.containerEl=e,class:s("container",{[d.rtl]:h})},this.renderHeader(),this.renderContent(),this.renderFooter()),a(c,{loading:o,disabled:i}))}get el(){return i(this)}static get watchers(){return{dismissed:["dismissedHandler"]}}};m.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing) 0}";export{h as calcite_flow,g as calcite_flow_item,m as calcite_panel} \ No newline at end of file diff --git a/docs/build/p-3f6e7b0b.system.js b/docs/build/p-3f6e7b0b.system.js deleted file mode 100644 index 15d2ba87..00000000 --- a/docs/build/p-3f6e7b0b.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js"],(function(e){"use strict";var t;return{setters:[function(e){t=e.h}],execute:function(){var a={alignItems:"center",animation:"calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)",backgroundColor:"var(--calcite-app-scrim)",bottom:"0",display:"flex",justifyContent:"center",left:"0",position:"absolute",right:"0",top:"0",userSelect:"none",zIndex:"2"};var i={position:"relative",zIndex:"1"};var n=function(e,n){var r=e.loading,l=e.disabled;var o=l||r;var c=n===null||n===void 0?void 0:n.length;var s=r?t("calcite-loader",{"is-active":true}):null;var v=t("div",{style:a},s);var u=c?t("div",{style:i},n):null;return o?[v,u]:n};e("C",n)}}})); \ No newline at end of file diff --git a/docs/build/p-4230ce12.js b/docs/build/p-4230ce12.js deleted file mode 100644 index 3b91407d..00000000 --- a/docs/build/p-4230ce12.js +++ /dev/null @@ -1 +0,0 @@ -function n(n){return function(n){const t=n.closest("[dir]");return t?t.getAttribute("dir"):"ltr"}(n)}function t(n){n&&("setFocus"in n&&"function"==typeof n.setFocus?n.setFocus():n.focus())}function r(n,t){return n||(t?"trailing"===t?"end":"start":void 0)}function o(n,t,r){const o=`[slot="${t}"]`,i=(null==r?void 0:r.selector)?`${o} ${r.selector}`:o;return(null==r?void 0:r.all)?Array.from(n.querySelectorAll(i)):n.querySelector(i)}export{n as a,r as b,t as f,o as g} \ No newline at end of file diff --git a/docs/build/p-46ed303b.system.entry.js b/docs/build/p-46ed303b.system.entry.js new file mode 100644 index 00000000..adb3bd19 --- /dev/null +++ b/docs/build/p-46ed303b.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js"],(function(e){"use strict";var a,t,c;return{setters:[function(e){a=e.r;t=e.h;c=e.H}],execute:function(){var i={content:"content"};var r=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:height var(--calcite-app-animation-time) ease-in-out;transition:height var(--calcite-app-animation-time) ease-in-out;background-color:var(--calcite-app-background-clear);border-left:1px solid var(--calcite-app-border);border-right:1px solid var(--calcite-app-border);--calcite-app-shell-center-row-height-small:33%;--calcite-app-shell-center-row-height-medium:70%;--calcite-app-shell-center-row-height-large:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.content{display:-ms-flexbox;display:flex;-ms-flex:1 0 0px;flex:1 0 0;height:100%;margin:0;overflow:hidden;width:100%}:host([detached]){-webkit-animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);border:none;border-radius:var(--calcite-app-border-radius);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) var(--calcite-app-cap-spacing-plus-half)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:var(--calcite-app-shell-center-row-height-small)}:host([height-scale=m]){height:var(--calcite-app-shell-center-row-height-medium)}:host([height-scale=l]){height:var(--calcite-app-shell-center-row-height-large)}:host([height-scale=l][detached]){height:calc(var(--calcite-app-shell-center-row-height-large) - var(--calcite-app-cap-spacing-double))}::slotted(calcite-panel){width:100%;height:100%}";var l=e("calcite_shell_center_row",function(){function e(e){a(this,e);this.detached=false;this.heightScale="s";this.position="end"}e.prototype.render=function(){return t(c,null,t("div",{class:i.content},t("slot",null)))};return e}());l.style=r}}})); \ No newline at end of file diff --git a/docs/build/p-49b50b5d.entry.js b/docs/build/p-49b50b5d.entry.js deleted file mode 100644 index 561e44d3..00000000 --- a/docs/build/p-49b50b5d.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,h as e,H as t,g as i}from"./p-3125ea46.js";import{a as c}from"./p-2a6389bf.js";import{I as o}from"./p-c55f1634.js";import{C as r}from"./p-d625ad0c.js";const n=class{constructor(e){a(this,e),this.compact=!1,this.disabled=!1,this.disableDeselect=!1,this.handleActivated=!1,this.icon=null,this.removable=!1,this.selected=!1,this.pickListItem=null,this.guid=`calcite-value-list-item-${c()}`,this.getPickListRef=a=>this.pickListItem=a,this.handleKeyDown=a=>{" "===a.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1},this.handleSelectChange=a=>{this.selected=a.detail.selected}}async toggleSelected(a){this.pickListItem.toggleSelected(a)}async setFocus(){var a;null===(a=this.pickListItem)||void 0===a||a.setFocus()}calciteListItemChangeHandler(a){a.detail.item=this.el}renderHandle(){const{icon:a}=this;if(a===o.grip)return e("span",{role:"button",class:{[r.handle]:!0,[r.handleActivated]:this.handleActivated},tabindex:"0","data-js-handle":"true","aria-pressed":this.handleActivated.toString(),onKeyDown:this.handleKeyDown,onBlur:this.handleBlur},e("calcite-icon",{scale:"s",icon:"drag"}))}render(){return e(t,{"data-id":this.guid},this.renderHandle(),e("calcite-pick-list-item",{compact:this.compact,ref:this.getPickListRef,disabled:this.disabled,disableDeselect:this.disableDeselect,selected:this.selected,metadata:this.metadata,removable:this.removable,textLabel:this.textLabel,textDescription:this.textDescription,onCalciteListItemChange:this.handleSelectChange,value:this.value},e("slot",{name:"secondary-action",slot:"secondary-action"})))}get el(){return i(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset;display:-ms-flexbox;display:flex;padding:var(--calcite-app-side-spacing-minimum);-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover){background-color:var(--calcite-app-background-hover)}:host([selected]){-webkit-box-shadow:0 0 0 1px var(--calcite-app-border-active) inset;box-shadow:0 0 0 1px var(--calcite-app-border-active) inset}calcite-pick-list-item{background-color:var(--calcite-app-background-clear);-webkit-box-shadow:none;box-shadow:none;-ms-flex-positive:1;flex-grow:1;position:relative;margin:0}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--calcite-app-cap-spacing-minimum);padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-half);background-color:var(--calcite-app-background-clear);border:none;color:var(--calcite-app-foreground-subtle);line-height:0;cursor:move}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}:host(:last-child) .handle{margin-bottom:0}";export{n as calcite_value_list_item} \ No newline at end of file diff --git a/docs/build/p-4eac11f1.entry.js b/docs/build/p-4eac11f1.entry.js new file mode 100644 index 00000000..a9694a47 --- /dev/null +++ b/docs/build/p-4eac11f1.entry.js @@ -0,0 +1 @@ +import{r as a,h as e,H as c}from"./p-9d0aa6e4.js";const t=class{constructor(e){a(this,e),this.detached=!1,this.heightScale="s",this.position="end"}render(){return e(c,null,e("div",{class:"content"},e("slot",null)))}};t.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:height var(--calcite-app-animation-time) ease-in-out;transition:height var(--calcite-app-animation-time) ease-in-out;background-color:var(--calcite-app-background-clear);border-left:1px solid var(--calcite-app-border);border-right:1px solid var(--calcite-app-border);--calcite-app-shell-center-row-height-small:33%;--calcite-app-shell-center-row-height-medium:70%;--calcite-app-shell-center-row-height-large:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.content{display:-ms-flexbox;display:flex;-ms-flex:1 0 0px;flex:1 0 0;height:100%;margin:0;overflow:hidden;width:100%}:host([detached]){-webkit-animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);border:none;border-radius:var(--calcite-app-border-radius);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) var(--calcite-app-cap-spacing-plus-half)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:var(--calcite-app-shell-center-row-height-small)}:host([height-scale=m]){height:var(--calcite-app-shell-center-row-height-medium)}:host([height-scale=l]){height:var(--calcite-app-shell-center-row-height-large)}:host([height-scale=l][detached]){height:calc(var(--calcite-app-shell-center-row-height-large) - var(--calcite-app-cap-spacing-double))}::slotted(calcite-panel){width:100%;height:100%}";export{t as calcite_shell_center_row} \ No newline at end of file diff --git a/docs/build/p-510857b5.system.entry.js b/docs/build/p-510857b5.system.entry.js deleted file mode 100644 index 7cab9dc9..00000000 --- a/docs/build/p-510857b5.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,a,t,i){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function c(e){try{l(i.next(e))}catch(a){r(a)}}function o(e){try{l(i["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(c,o)}l((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,c;return c={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function o(e){return function(a){return l([e,a])}}function l(c){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,n&&(r=c[0]&2?n["return"]:c[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,c[1])).done)return r;if(n=0,r)c=[c[0]&2,r.value];switch(c[0]){case 0:case 1:r=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;n=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!r||c[1]>r[0]&&c[1]1?i("footer",{class:v.pagination},i("calcite-action",{text:h,onClick:this.previousClicked,class:v.pagePrevious,icon:e==="ltr"?m.chevronLeft:m.chevronRight}),i("span",{class:v.pagePosition},g+" "+(t+1)+"/"+r),i("calcite-action",{text:u,onClick:this.nextClicked,class:v.pageNext,icon:e==="ltr"?m.chevronRight:m.chevronLeft})):null};e.prototype.render=function(){var e;var a=this,t=a.closed,r=a.direction,c=a.groupTitle,o=a.selectedIndex,p=a.intlClose,s=a.textClose,d=a.total;var f=p||s||x.close;if(d===0){return i(n,null)}return i(n,null,i("div",{class:v.container,hidden:t,"aria-hidden":t.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},i("header",{class:v.header},i("h2",{key:o,class:v.heading},c),i("calcite-action",{text:f,onClick:this.hideTipManager,class:v.close,icon:m.close})),i("div",{tabIndex:0,class:l(v.tipContainer,(e={},e[v.tipContainerAdvancing]=!t&&r==="advancing",e[v.tipContainerRetreating]=!t&&r==="retreating",e)),key:o},i("slot",null)),this.renderPagination()))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:true,configurable:true});return e}());k.style=y}}})); \ No newline at end of file diff --git a/docs/build/p-5502844d.entry.js b/docs/build/p-5502844d.entry.js deleted file mode 100644 index 6c24cfc7..00000000 --- a/docs/build/p-5502844d.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,c as e,h as t,H as i,g as c}from"./p-3125ea46.js";import{g as r}from"./p-4230ce12.js";import{I as l}from"./p-c55f1634.js";import{T as o,C as s,S as n,I as p}from"./p-d625ad0c.js";const d=class{constructor(t){a(this,t),this.compact=!1,this.disabled=!1,this.disableDeselect=!1,this.icon=null,this.removable=!1,this.selected=!1,this.textRemove=o.remove,this.pickListClickHandler=a=>{this.disabled||this.disableDeselect&&this.selected||(this.shiftPressed=a.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=a=>{if(" "===a.key){if(a.preventDefault(),this.disableDeselect&&this.selected)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()},this.calciteListItemChange=e(this,"calciteListItemChange",7),this.calciteListItemRemove=e(this,"calciteListItemRemove",7),this.calciteListItemPropsChange=e(this,"calciteListItemPropsChange",7),this.calciteListItemValueChange=e(this,"calciteListItemValueChange",7)}metadataWatchHandler(){this.calciteListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}textDescriptionWatchHandler(){this.calciteListItemPropsChange.emit()}textLabelWatchHandler(){this.calciteListItemPropsChange.emit()}valueWatchHandler(a,e){this.calciteListItemValueChange.emit({oldValue:e,newValue:a})}async toggleSelected(a){this.disabled||(this.selected="boolean"==typeof a?a:!this.selected)}async setFocus(){var a;null===(a=this.focusEl)||void 0===a||a.focus()}renderIcon(){const{compact:a,icon:e,selected:i}=this;return!e||a?null:t("span",{class:s.icon},t("calcite-icon",{scale:"s",icon:e===l.circle?p.circle:i?p.checked:p.unchecked}))}renderRemoveAction(){return this.removable?t("calcite-action",{scale:"s",class:s.remove,icon:p.remove,text:this.textRemove,onClick:this.removeClickHandler}):null}renderSecondaryAction(){return r(this.el,n.secondaryAction)||this.removable?t("div",{class:s.action},t("slot",{name:n.secondaryAction},this.renderRemoveAction())):null}render(){const a=this.textDescription&&!this.compact?t("span",{class:s.description},this.textDescription):null;return t(i,{role:"menuitemcheckbox","aria-checked":this.selected.toString()},t("label",{class:s.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:a=>this.focusEl=a,"aria-label":this.textLabel},this.renderIcon(),t("div",{class:s.textContainer},t("span",{class:s.title},this.textLabel),a)),this.renderSecondaryAction())}get el(){return c(this)}static get watchers(){return{metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],textDescription:["textDescriptionWatchHandler"],textLabel:["textLabelWatchHandler"],value:["valueWatchHandler"]}}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:center;align-items:center;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;margin:0;color:var(--calcite-app-foreground);-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover),:host(:focus){background-color:var(--calcite-app-background-hover)}.icon{color:var(--calcite-app-foreground-link);-ms-flex:0 0 0%;flex:0 0 0%;line-height:0;width:var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-quarter);opacity:0}:host([selected]) .icon{-webkit-transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);opacity:1}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);-ms-flex-align:center;align-items:center;cursor:pointer}.label:focus{outline-offset:var(--calcite-app-outline-inset)}.text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;pointer-events:none;padding:0 var(--calcite-app-side-spacing-quarter)}.title{font-size:var(--calcite-app-font-size-0);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.description{color:var(--calcite-app-foreground-subtle);font-family:var(--calcite-app-font-family-monospace);font-size:var(--calcite-app-font-size--1);margin-top:var(--calcite-app-cap-spacing-quarter);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;justify-self:flex-end;margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-half)}";export{d as calcite_pick_list_item} \ No newline at end of file diff --git a/docs/build/p-584b9cb6.css b/docs/build/p-584b9cb6.css deleted file mode 100644 index dd5c0e45..00000000 --- a/docs/build/p-584b9cb6.css +++ /dev/null @@ -1 +0,0 @@ -:root{--calcite-app-animation-time:250ms;--calcite-app-animation-time-fast:calc(var(--calcite-app-animation-time) / 3);--calcite-app-animation-time-slow:calc(var(--calcite-app-animation-time) * 2);--calcite-app-easing-function:ease-in-out;--calcite-app-side-spacing:1rem;--calcite-app-cap-spacing:1rem;--calcite-app-side-spacing-three-quarters:calc(var(--calcite-app-side-spacing) * 3 / 4);--calcite-app-cap-spacing-three-quarters:calc(var(--calcite-app-cap-spacing) * 3 / 4);--calcite-app-side-spacing-half:calc(var(--calcite-app-side-spacing) / 2);--calcite-app-cap-spacing-half:calc(var(--calcite-app-cap-spacing) / 2);--calcite-app-side-spacing-third:calc(var(--calcite-app-side-spacing) / 3);--calcite-app-cap-spacing-third:calc(var(--calcite-app-cap-spacing) / 3);--calcite-app-side-spacing-quarter:calc(var(--calcite-app-side-spacing) / 4);--calcite-app-cap-spacing-quarter:calc(var(--calcite-app-cap-spacing) / 4);--calcite-app-side-spacing-eighth:calc(var(--calcite-app-side-spacing) / 8);--calcite-app-cap-spacing-eighth:calc(var(--calcite-app-cap-spacing) / 8);--calcite-app-cap-spacing-minimum:1px;--calcite-app-side-spacing-minimum:1px;--calcite-app-side-spacing-plus-half:calc(var(--calcite-app-side-spacing) * 1.5);--calcite-app-cap-spacing-plus-half:calc(var(--calcite-app-cap-spacing) * 1.5);--calcite-app-side-spacing-double:calc(var(--calcite-app-side-spacing) * 2);--calcite-app-cap-spacing-double:calc(var(--calcite-app-cap-spacing) * 2);--calcite-app-menu-min-width:10rem;--calcite-app-menu-offset:0px;--calcite-app-icon-size:1rem;--calcite-app-border-radius:3px;--calcite-app-header-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-footer-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-outline-inset:-6px;--calcite-app-line-height:1.4;--calcite-app-font-family:Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif;--calcite-app-font-family-monospace:"Lucida Console", Monaco, monospace;--calcite-app-font-size-3:1.5rem;--calcite-app-font-size-2:1.125rem;--calcite-app-font-size-1:1rem;--calcite-app-font-size-0:0.875rem;--calcite-app-font-size--1:0.75rem;--calcite-app-font-weight:400;--calcite-app-font-weight-demi:600;--calcite-app-shadow-0:0 2px 4px rgba(0, 0, 0, 0.1);--calcite-app-shadow-1:0 0 8px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1-hover:0 0 16px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1--press:0 0 8px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2:0 0 16px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-hover:0 0 32px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-press:0 0 16px 0 rgba(0, 0, 0, 0.32);--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}@-webkit-keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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 calcite-app-fade-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)}} \ No newline at end of file diff --git a/docs/build/p-598b7fa2.system.js b/docs/build/p-598b7fa2.system.js new file mode 100644 index 00000000..989bbc2a --- /dev/null +++ b/docs/build/p-598b7fa2.system.js @@ -0,0 +1 @@ +System.register([],(function(t){"use strict";return{execute:function(){t({a:o,b:e,f:u,g:r});function e(t){return n(t,"dir","ltr")}function r(t){return n(t,"theme","light")}function n(t,e,r){var n=t.closest("["+e+"]");return n?n.getAttribute(e):r}function u(t){if(!t){return}"setFocus"in t&&typeof t.setFocus==="function"?t.setFocus():t.focus()}function o(t,e,r){var n='[slot="'+e+'"]';if(r===null||r===void 0?void 0:r.all){return i(t,n,r)}return l(t,n,r)}function i(t,e,r){var n=Array.from(t.querySelectorAll(e));n=r&&r.direct===false?n:n.filter((function(e){return e.parentElement===t}));var u=r===null||r===void 0?void 0:r.selector;return u?n.map((function(t){return t.querySelector(u)})).filter((function(t){return!!t})):n}function l(t,e,r){var n=t.querySelector(e);n=r&&r.direct===false?n:(n===null||n===void 0?void 0:n.parentElement)===t?n:null;var u=r===null||r===void 0?void 0:r.selector;return u?n.querySelector(u):n}}}})); \ No newline at end of file diff --git a/docs/build/p-5ae79dc1.entry.js b/docs/build/p-5ae79dc1.entry.js deleted file mode 100644 index 24d7c73d..00000000 --- a/docs/build/p-5ae79dc1.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,h as e,H as c,g as i}from"./p-3125ea46.js";import{a as t,g as r}from"./p-4230ce12.js";import{c as p}from"./p-1a0cace4.js";import{C as o}from"./p-eb15fcdb.js";const n=class{constructor(e){a(this,e)}render(){const{el:a,textGroupTitle:i}=this,n="rtl"===t(a),l={"container--indented":null!==r(a,"parent-item"),[o.rtl]:n};return e(c,null,i?e("h3",{class:"heading"},i):null,e("slot",{name:"parent-item"}),e("section",{class:p("container",l)},e("slot",null)))}get el(){return i(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";export{n as calcite_pick_list_group} \ No newline at end of file diff --git a/docs/build/p-5bb47292.system.entry.js b/docs/build/p-5bb47292.system.entry.js deleted file mode 100644 index 51be84df..00000000 --- a/docs/build/p-5bb47292.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-3f6e7b0b.system.js","./p-9e77e74d.system.js","./p-ad079e5e.system.js","./p-b996c942.system.js"],(function(e){"use strict";var a,t,c,i,r,o,l,n,p,s;return{setters:[function(e){a=e.r;t=e.c;c=e.h;i=e.H;r=e.g},function(e){o=e.C},function(e){l=e.g;n=e.a},function(e){p=e.g},function(e){s=e.c}],execute:function(){var d={content:"content",headerContainer:"header-container",icon:"icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",control:"control"};var g={collapse:"Collapse",expand:"Expand"};var f=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;border-radius:var(--calcite-app-border-radius);margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) 0;-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:start;justify-content:flex-start}.header-container{display:grid;grid-template:auto/auto auto 1fr;grid-template-areas:"handle header control";-ms-flex-align:center;align-items:center}.header-container>.header{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle)}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0 0 var(--calcite-app-cap-spacing-quarter)}.summary{font-size:var(--calcite-app-font-size--1);padding:0 0 var(--calcite-app-cap-spacing-quarter)}.toggle{grid-column:header-start/control-end;grid-row:1/2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-positive:1;flex-grow:1;margin:0;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters);background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);text-align:unset;color:var(--calcite-app-foreground)}.toggle:focus{outline-offset:var(--calcite-app-outline-inset)}.icon{margin-right:var(--calcite-app-side-spacing-third)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-half)}.content{padding:0 var(--calcite-app-side-spacing-three-quarters) var(--calcite-app-cap-spacing-half);position:relative}::slotted([slot=control]){grid-area:control;justify-self:end;margin:auto var(--calcite-app-side-spacing-three-quarters) auto auto}.calcite--rtl ::slotted([slot=control]){left:var(--calcite-app-side-spacing-three-quarters);right:unset}';var b=e("calcite_block",function(){function e(e){var c=this;a(this,e);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.loading=false;this.open=false;this.onHeaderClick=function(){c.open=!c.open;c.calciteBlockToggle.emit()};this.calciteBlockToggle=t(this,"calciteBlockToggle",7)}e.prototype.render=function(){var e=this,a=e.collapsible,t=e.disabled,r=e.el,n=e.heading,p=e.intlCollapse,s=e.intlExpand,f=e.loading,b=e.open,u=e.summary,h=e.textCollapse,v=e.textExpand;var m=b?p||h||g.collapse:s||v||g.expand;var x=l(r,"icon");var y=c("header",{class:d.header},x?c("div",{class:d.icon},c("slot",{name:"icon"})):null,c("div",{class:d.title},c("h3",{class:d.heading},n),u?c("div",{class:d.summary},u):null));var k=c("div",{class:d.headerContainer},this.dragHandle?c("calcite-handle",null):null,a?c("button",{"aria-label":m,class:d.toggle,onClick:this.onHeaderClick,title:m},y):y,f?c("calcite-loader",{inline:true,"is-active":true}):c("slot",{name:"control"}));return c(i,{tabIndex:t?-1:null},c("article",{"aria-expanded":a?b.toString():null,"aria-busy":f},k,c("div",{class:d.content,hidden:!b},c(o,{loading:f,disabled:t},c("slot",null)))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());b.style=f;var u={content:"content",toggle:"toggle",toggleSwitch:"toggle--switch"};var h={collapse:"Collapse",expand:"Expand"};var v={menuOpen:"caret-down",menuClosedLeft:"caret-left",menuClosedRight:"caret-right"};var m=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";var x=e("calcite_block_section",function(){function e(e){var c=this;a(this,e);this.open=false;this.toggleDisplay="button";this.guid="calcite-block-section-"+p();this.toggleSection=function(){c.open=!c.open;c.calciteBlockSectionToggle.emit()};this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",7)}e.prototype.handleHeaderLabelKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopPropagation();this.click()}};e.prototype.render=function(){var e=this,a=e.el,t=e.guid,i=e.intlCollapse,r=e.intlExpand,o=e.open,l=e.text,p=e.textCollapse,d=e.textExpand,g=e.toggleDisplay;var f=n(a);var b=o?v.menuOpen:f==="rtl"?v.menuClosedLeft:v.menuClosedRight;var m=o?i||p||h.collapse:r||d||h.expand;var x=t+"__label";var y=g==="switch"?c("label",{"aria-label":m,class:s(u.toggle,u.toggleSwitch),id:x,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},l,c("calcite-switch",{"aria-labelledby":x,switched:o,onChange:this.toggleSection,scale:"s",tabIndex:-1})):c("calcite-action",{"aria-label":m,class:u.toggle,onClick:this.toggleSection,text:l,textEnabled:true,compact:true,icon:b});return c("section",{"aria-expanded":o.toString()},y,c("div",{class:u.content,hidden:!o},c("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());x.style=m}}})); \ No newline at end of file diff --git a/docs/build/p-6011fcbf.system.entry.js b/docs/build/p-6011fcbf.system.entry.js new file mode 100644 index 00000000..6bd74df8 --- /dev/null +++ b/docs/build/p-6011fcbf.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,a,n){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,r){function o(e){try{l(n.next(e))}catch(t){r(t)}}function c(e){try{l(n["throw"](e))}catch(t){r(t)}}function l(e){e.done?a(e.value):i(e.value).then(o,c)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]1;var n=e&&t>1;if(!n&&!a){return null}return t1;e.hidden=e!==r}))}if(o){o.menuOpen=false}a.flows=t;if(n!==i){var c=a.getFlowDirection(n,i);a.flowCount=i;a.flowDirection=c}};this.flowItemObserver=new MutationObserver(this.updateFlowProps)}e.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){e=this.el.querySelector("calcite-flow-item:last-child");if(!e){return[2]}t=e.beforeBack?e.beforeBack:function(){return Promise.resolve()};return[2,t.call(e).then((function(){e.remove();return e}))]}))}))};e.prototype.connectedCallback=function(){this.flowItemObserver.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};e.prototype.componentDidUnload=function(){this.flowItemObserver.disconnect()};e.prototype.handleCalciteFlowItemBackClick=function(){this.back()};e.prototype.render=function(){var e;var t=this,i=t.flowDirection,r=t.flowCount;var o=(e={},e[f.frame]=true,e[f.frameAdvancing]=i==="advancing",e[f.frameRetreating]=i==="retreating",e);return a(n,null,a("div",{key:r,class:o},a("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());h.style=u;var b={header:"header-content",heading:"heading",summary:"summary",backButton:"back-button",footerActions:"footer-actions",headerActions:"header-actions",leadingActions:"leading-actions",singleActionContainer:"single-action-container",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open",fabContainer:"fab-container"};var g={leadingActions:"leading-actions",menuActions:"menu-actions",fab:"fab",footerActions:"footer-actions"};var m={menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var v={back:"Back",open:"Open",close:"Close"};var y={container:"container",header:"header",headerLeadingContent:"header-leading-content",headerContent:"header-content",headerTrailingContent:"header-trailing-content",contentContainer:"content-container",fabContainer:"fab-container",footer:"footer"};var w={close:"x"};var x={headerContent:"header-content",headerLeadingContent:"header-leading-content",headerTrailingContent:"header-trailing-content",fab:"fab",footer:"footer"};var k={close:"Close"};var C=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.leading-actions{display:-ms-flexbox;display:flex}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);font-weight:var(--calcite-app-font-weight-demi);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";var A=["ArrowUp","ArrowDown"];var z=e("calcite_flow_item",function(){function e(e){var a=this;t(this,e);this.disabled=false;this.loading=false;this.menuOpen=false;this.showBackButton=false;this.toggleMenuOpen=function(){a.menuOpen=!a.menuOpen};this.backButtonClick=function(){a.calciteFlowItemBackClick.emit()};this.menuButtonKeyDown=function(e){var t=e.key;var n=a.menuOpen;if(!a.isValidKey(t,A)){return}var i=a.queryActions();var r=i.length;if(!r){return}e.preventDefault();if(!n){a.menuOpen=true}if(t==="ArrowUp"){var o=i[r-1];c(o)}if(t==="ArrowDown"){var l=i[0];c(l)}};this.menuActionsKeydown=function(e){var t=e.key,n=e.target;if(!a.isValidKey(t,A)){return}var i=a.queryActions();var r=i.length;var o=i.indexOf(n);if(!r||o===-1){return}e.preventDefault();if(t==="ArrowUp"){var l=d(o-1,r);var s=i[l];c(s)}if(t==="ArrowDown"){var l=d(o+1,r);var p=i[l];c(p)}};this.menuActionsContainerKeyDown=function(e){var t=e.key;if(t==="Escape"){a.menuOpen=false}};this.calciteFlowItemBackClick=r(this,"calciteFlowItemBackClick",7);this.calciteFlowItemScroll=r(this,"calciteFlowItemScroll",7)}e.prototype.handleCalcitePanelScroll=function(e){e.stopPropagation();this.calciteFlowItemScroll.emit()};e.prototype.queryActions=function(){return l(this.el,g.menuActions,{all:true})};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};e.prototype.renderBackButton=function(e){var t=this,n=t.showBackButton,i=t.intlBack,r=t.backButtonClick;var o=i||v.back;var c=e?m.backRight:m.backLeft;return n?a("calcite-action",{slot:x.headerLeadingContent,key:"back-button","aria-label":o,text:o,class:b.backButton,onClick:r,icon:c}):null};e.prototype.renderMenuButton=function(){var e=this,t=e.menuOpen,n=e.intlOpen,i=e.intlClose;var r=i||v.close;var o=n||v.open;var c=t?r:o;return a("calcite-action",{class:b.menuButton,"aria-label":c,text:c,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:m.menu})};e.prototype.renderMenuActions=function(){var e;var t=this.menuOpen;return a("div",{class:(e={},e[b.menu]=true,e[b.menuOpen]=t,e),onKeyDown:this.menuActionsKeydown},a("slot",{name:g.menuActions}))};e.prototype.renderFooterActions=function(){var e=!!l(this.el,g.footerActions);return e?a("div",{slot:x.footer,class:b.footerActions},a("slot",{name:g.footerActions})):null};e.prototype.renderSingleActionContainer=function(){return a("div",{class:b.singleActionContainer},a("slot",{name:g.menuActions}))};e.prototype.renderMenuActionsContainer=function(){return a("div",{class:b.menuContainer,onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())};e.prototype.renderHeaderLeadingContent=function(){var e=l(this.el,g.leadingActions);return e?a("div",{slot:x.headerLeadingContent,class:b.leadingActions},a("slot",{name:g.leadingActions})):null};e.prototype.renderHeaderActions=function(){var e=l(this.el,g.menuActions,{all:true});var t=e.length;var n=t===1?this.renderSingleActionContainer():t?this.renderMenuActionsContainer():null;return n?a("div",{slot:x.headerTrailingContent,class:b.headerActions},n):null};e.prototype.renderHeading=function(){var e=this.heading;return e?a("h2",{class:b.heading,slot:x.headerContent},e):null};e.prototype.renderSummary=function(){var e=this.summary;return e?a("span",{class:b.summary},e):null};e.prototype.renderHeader=function(){var e=this.renderHeading();var t=this.renderSummary();return e||t?a("div",{class:b.header,slot:x.headerContent},e,t):null};e.prototype.renderFab=function(){var e=l(this.el,g.fab);return e?a("div",{class:b.fabContainer,slot:x.fab},a("slot",{name:g.fab})):null};e.prototype.render=function(){var e=this.el;var t=s(e);return a(n,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,theme:p(e),"height-scale":this.heightScale,dir:t},this.renderBackButton(t==="rtl"),this.renderHeaderLeadingContent(),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());z.style=C;var B=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}calcite-scrim{-ms-flex-align:stretch;align-items:stretch;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;pointer-events:none}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);left:0;right:0}";var O=e("calcite_panel",function(){function e(e){var a=this;t(this,e);this.dismissed=false;this.disabled=false;this.dismissible=false;this.loading=false;this.panelKeyUpHandler=function(e){if(e.key==="Escape"){a.dismiss()}};this.dismiss=function(){a.dismissed=true};this.panelScrollHandler=function(){a.calcitePanelScroll.emit()};this.calcitePanelDismissedChange=r(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=r(this,"calcitePanelScroll",7)}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(n){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}(a=this.containerEl)===null||a===void 0?void 0:a.focus();return[2]}))}))};e.prototype.renderHeaderLeadingContent=function(){var e=l(this.el,x.headerLeadingContent);return e?a("div",{key:"header-leading-content",class:y.headerLeadingContent},a("slot",{name:x.headerLeadingContent})):null};e.prototype.renderHeaderContent=function(){return a("div",{key:"header-content",class:y.headerContent},a("slot",{name:x.headerContent}))};e.prototype.renderHeaderTrailingContent=function(){var e=this;var t=this,n=t.dismiss,i=t.dismissible,r=t.intlClose;var o=r||k.close;var c=i?a("calcite-action",{ref:function(t){return e.dismissButtonEl=t},"aria-label":o,text:o,onClick:n,icon:w.close}):null;var l=a("slot",{name:x.headerTrailingContent});return a("div",{key:"header-trailing-content",class:y.headerTrailingContent},l,c)};e.prototype.renderHeader=function(){var e=this.renderHeaderLeadingContent();var t=this.renderHeaderContent();var n=this.renderHeaderTrailingContent();var i=t||e||n;return i?a("header",{class:y.header},e,t,n):null};e.prototype.renderFooter=function(){var e=this.el;var t=l(e,x.footer);return t?a("footer",{class:y.footer},a("slot",{name:x.footer})):null};e.prototype.renderContent=function(){return a("section",{tabIndex:0,class:y.contentContainer,onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())};e.prototype.renderFab=function(){var e=l(this.el,x.fab);return e?a("div",{class:y.fabContainer},a("slot",{name:x.fab})):null};e.prototype.render=function(){var e;var t=this;var i=this,r=i.dismissed,c=i.disabled,l=i.dismissible,d=i.el,f=i.loading,u=i.panelKeyUpHandler;var h=s(d)==="rtl";var b=a("article",{"aria-busy":f.toString(),onKeyUp:u,tabIndex:l?0:-1,hidden:l&&r,ref:function(e){return t.containerEl=e},class:(e={},e[y.container]=true,e[o.rtl]=h,e)},this.renderHeader(),this.renderContent(),this.renderFooter());return a(n,null,f||c?a("calcite-scrim",{theme:p(d),loading:f},b):b)};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:true,configurable:true});return e}());O.style=B}}})); \ No newline at end of file diff --git a/docs/build/p-6465cdbf.system.entry.js b/docs/build/p-6465cdbf.system.entry.js deleted file mode 100644 index 53f9412e..00000000 --- a/docs/build/p-6465cdbf.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-e99ac265.system.js"],(function(a){"use strict";var e,t,i,c,r,n,p;return{setters:[function(a){e=a.r;t=a.c;i=a.h;c=a.H;r=a.g},function(a){n=a.d;p=a.f}],execute:function(){var o={searchIcon:"search-icon",clearButton:"clear-button"};var l={filterLabel:"filter",clear:"Clear filter"};var s={search:"search",close:"x"};var f=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}";var u=250;var d=a("calcite_filter",function(){function a(a){var i=this;e(this,a);this.empty=true;this.filter=n((function(a){var e=new RegExp(a,"ig");if(i.data.length===0){console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects");i.calciteFilterChange.emit([]);return}var t=function(a,e){var i=false;p(a,(function(a){if(typeof a==="function"){return}if(Array.isArray(a)||typeof a==="object"&&a!==null){if(t(a,e)){i=true}}else if(e.test(a)){i=true}}));return i};var c=i.data.filter((function(a){return t(a,e)}));i.calciteFilterChange.emit(c)}),u);this.inputHandler=function(a){var e=a.target;i.empty=e.value==="";i.filter(e.value)};this.clear=function(){i.textInput.value="";i.empty=true;i.calciteFilterChange.emit(i.data)};this.calciteFilterChange=t(this,"calciteFilterChange",7)}a.prototype.render=function(){var a=this;return i(c,null,i("label",null,i("input",{type:"text",value:"",placeholder:this.placeholder||this.textPlaceholder,onInput:this.inputHandler,"aria-label":this.intlLabel||this.textLabel||l.filterLabel,ref:function(e){a.textInput=e}}),i("div",{class:o.searchIcon},i("calcite-icon",{scale:"s",icon:s.search}))),!this.empty?i("button",{onClick:this.clear,class:o.clearButton,"aria-label":this.intlClear||l.clear},i("calcite-icon",{icon:s.close})):null)};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return a}());d.style=f}}})); \ No newline at end of file diff --git a/docs/build/p-68defa3d.system.entry.js b/docs/build/p-68defa3d.system.entry.js new file mode 100644 index 00000000..284c39e8 --- /dev/null +++ b/docs/build/p-68defa3d.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-58a8921b.system.js","./p-598b7fa2.system.js","./p-ad079e5e.system.js"],(function(e){"use strict";var a,t,i,c,r,o,n,l,p,s;return{setters:[function(e){a=e.r;t=e.c;i=e.h;c=e.H;r=e.g},function(e){o=e.C},function(e){n=e.g;l=e.a;p=e.b},function(e){s=e.g}],execute:function(){var d={content:"content",headerContainer:"header-container",icon:"icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container"};var g={collapse:"Collapse",expand:"Expand"};var f={icon:"icon",control:"control"};var b=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding:0;border-top:1px solid var(--calcite-app-border);-webkit-transition:margin var(--calcite-app-animation-time) ease-in-out;transition:margin var(--calcite-app-animation-time) ease-in-out;--calcite-app-block-header-min-height:2.5rem}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;grid-template:auto/auto 1fr auto;grid-template-areas:"handle header control";grid-column:header-start/control-end;grid-row:1/2;-ms-flex-align:stretch;align-items:stretch}.header-container>.header{padding:var(--calcite-app-cap-spacing-three-quarters) 0}.toggle{line-height:var(--calcite-app-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0;padding:var(--calcite-app-cap-spacing-three-quarters) 0;background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);text-align:unset;color:var(--calcite-app-foreground);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.toggle:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding:0 var(--calcite-app-side-spacing-three-quarters)}.header .title .heading{padding:0;font-size:var(--calcite-app-font-size-0);word-break:break-all}.summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1);padding:0;line-height:var(--calcite-app-line-height);word-break:break-all}.icon{margin-left:var(--calcite-app-side-spacing-three-quarters)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing) 0 0}.content{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);position:relative}.control-container{grid-area:control;display:-ms-flexbox;display:flex;margin:0}calcite-scrim{pointer-events:none}.calcite--rtl .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-three-quarters)}:host([open]){margin-top:var(--calcite-app-cap-spacing-quarter);margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([open]) .header-container{border-bottom:1px solid var(--calcite-app-border)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}:host([collapsible]) .header-container:hover{background-color:var(--calcite-app-background-hover-opacity)}:host([drag-handle]) .title{padding-left:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .calcite--rtl .icon{margin-right:0;margin-left:var(--calcite-app-side-spacing-quarter)}';var h=e("calcite_block",function(){function e(e){var i=this;a(this,e);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.loading=false;this.open=false;this.onHeaderClick=function(){i.open=!i.open;i.calciteBlockToggle.emit()};this.calciteBlockToggle=t(this,"calciteBlockToggle",7)}e.prototype.renderScrim=function(){var e=this,a=e.disabled,t=e.loading,c=e.el;var r=i("slot",null);return t||a?i("calcite-scrim",{theme:n(c),loading:t},r):r};e.prototype.render=function(){var e=this,a=e.collapsible,t=e.disabled,r=e.el,n=e.heading,s=e.intlCollapse,b=e.intlExpand,h=e.loading,u=e.open,v=e.summary;var m=u?s||g.collapse:b||g.expand;var x=l(r,f.icon);var k=i("header",{class:d.header},x?i("div",{class:d.icon},i("slot",{name:f.icon})):null,i("div",{class:d.title},i("h3",{class:d.heading},n),v?i("div",{class:d.summary},v):null));var y=l(r,f.control);var w=i("div",{class:d.headerContainer},this.dragHandle?i("calcite-handle",null):null,a?i("button",{"aria-label":m,class:d.toggle,onClick:this.onHeaderClick,title:m},k):k,h?i("calcite-loader",{inline:true,"is-active":true}):y?i("div",{class:d.controlContainer},i("slot",{name:f.control})):null);var z=p(r)==="rtl";return i(c,{tabIndex:t?-1:null},i("article",{"aria-expanded":a?u.toString():null,"aria-busy":h.toString(),class:z?o.rtl:null},w,i("div",{class:d.content,hidden:!u},this.renderScrim())))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());h.style=b;var u={content:"content",toggle:"toggle",toggleSwitch:"toggle--switch"};var v={collapse:"Collapse",expand:"Expand"};var m={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right"};var x=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";var k=e("calcite_block_section",function(){function e(e){var i=this;a(this,e);this.open=false;this.toggleDisplay="button";this.guid="calcite-block-section-"+s();this.toggleSection=function(){i.open=!i.open;i.calciteBlockSectionToggle.emit()};this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",7)}e.prototype.handleHeaderLabelKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopPropagation();this.click()}};e.prototype.render=function(){var e;var a=this,t=a.el,c=a.guid,r=a.intlCollapse,n=a.intlExpand,l=a.open,s=a.text,d=a.toggleDisplay;var g=p(t);var f=l?m.menuOpen:g==="rtl"?m.menuClosedLeft:m.menuClosedRight;var b=l?r||v.collapse:n||v.expand;var h=c+"__label";var x=d==="switch"?i("label",{"aria-label":b,class:(e={},e[u.toggle]=true,e[u.toggleSwitch]=true,e),id:h,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},s,i("calcite-switch",{"aria-labelledby":h,switched:l,onChange:this.toggleSection,scale:"s",tabIndex:-1})):i("calcite-action",{"aria-label":b,class:u.toggle,onClick:this.toggleSection,text:s,textEnabled:true,compact:true,icon:f});return i("section",{"aria-expanded":l.toString(),class:g?o.rtl:null},x,i("div",{class:u.content,hidden:!l},i("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());k.style=x}}})); \ No newline at end of file diff --git a/docs/build/p-69eb47b4.entry.js b/docs/build/p-69eb47b4.entry.js deleted file mode 100644 index 083ed151..00000000 --- a/docs/build/p-69eb47b4.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as t,c as e,h as a,g as i}from"./p-3125ea46.js";import"./p-d5e1fdd7.js";import"./p-4230ce12.js";import{a as c}from"./p-2a6389bf.js";import"./p-cf80779e.js";import"./p-c55f1634.js";import"./p-bdefc18b.js";import{m as s,d as r,s as o,h as l,g as p,k as n,i as h,a as d,c as b,b as f,e as u,f as g,j as m,L as v}from"./p-b0571ffe.js";import{S as k}from"./p-14b00fa9.js";var x;!function(t){t.grip="grip"}(x||(x={}));const y=class{constructor(a){t(this,a),this.compact=!1,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.textFilterPlaceholder="Filter results",this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.guid=`calcite-value-list-${c()}`,this.observer=new MutationObserver(s.bind(this)),this.sortables=[],this.deselectSiblingItems=r.bind(this),this.selectSiblings=o.bind(this),this.handleFilter=l.bind(this),this.getItemData=p.bind(this),this.keyDownHandler=t=>{const e=t.composedPath().find(t=>{var e;return null===(e=t.dataset)||void 0===e?void 0:e.jsHandle}),a=t.composedPath().find(t=>{var e;return"calcite-value-list-item"===(null===(e=t.tagName)||void 0===e?void 0:e.toLowerCase())});if(!e||!a.handleActivated)return void n.call(this,t);const i=this.items.length-1,c=a.value,s=this.items.findIndex(t=>t.value===c);let r,o=!1;switch(t.key){case"ArrowUp":t.preventDefault(),0===s?o=!0:r=s-1;break;case"ArrowDown":t.preventDefault(),s===i?r=0:s===i-1?o=!0:r=s+2;break;default:return}o?a.parentElement.appendChild(a):a.parentElement.insertBefore(a,this.items[r]),e.focus(),a.handleActivated=!0},this.calciteListChange=e(this,"calciteListChange",7),this.calciteListOrderChange=e(this,"calciteListOrderChange",7)}connectedCallback(){h.call(this),d.call(this)}componentDidLoad(){this.setUpDragAndDrop()}componentDidUnload(){b.call(this),this.cleanUpDragAndDrop()}calciteListItemChangeHandler(t){f.call(this,t)}calciteListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteListItemValueChangeHandler(t){u.call(this,t)}setUpItems(){g.call(this,"calcite-value-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpDragAndDrop(){this.dragEnabled&&this.sortables.push(k.create(this.el,{group:this.guid,handle:".handle",draggable:"calcite-value-list-item",onUpdate:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map(t=>t.value);this.calciteListOrderChange.emit(t)}}))}cleanUpDragAndDrop(){this.dragEnabled&&(this.sortables.forEach(t=>{t.destroy()}),this.sortables=[])}async getSelectedItems(){return this.selectedValues}async setFocus(){return m.call(this)}getIconType(){let t=null;return this.dragEnabled&&(t=x.grip),t}render(){return a(v,{props:this,onKeyDown:this.keyDownHandler})}get el(){return i(this)}};y.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;position:relative}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}header{background-color:var(--calcite-app-background);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:var(--calcite-app-cap-spacing-quarter);-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:1px}slot[name=menu-actions]::slotted(calcite-action){padding:0 var(--calcite-app-side-spacing-half)}";export{y as calcite_value_list} \ No newline at end of file diff --git a/docs/build/p-6ce68392.system.entry.js b/docs/build/p-6ce68392.system.entry.js new file mode 100644 index 00000000..24d9a3b5 --- /dev/null +++ b/docs/build/p-6ce68392.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,a,t,i){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(i.next(e))}catch(a){r(a)}}function c(e){try{l(i["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,c)}l((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(a){return l([e,a])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]1?i("footer",{class:b.pagination},i("calcite-action",{text:d,onClick:this.previousClicked,class:b.pagePrevious,icon:e==="ltr"?v.chevronLeft:v.chevronRight}),i("span",{class:b.pagePosition},f+" "+(t+1)+"/"+r),i("calcite-action",{text:s,onClick:this.nextClicked,class:b.pageNext,icon:e==="ltr"?v.chevronRight:v.chevronLeft})):null};e.prototype.render=function(){var e;var a=this,t=a.closed,r=a.direction,o=a.groupTitle,c=a.selectedIndex,l=a.intlClose,p=a.total;var s=l||m.close;if(p===0){return i(n,null)}return i(n,null,i("section",{class:b.container,hidden:t,"aria-hidden":t.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},i("header",{class:b.header},i("h2",{key:c,class:b.heading},o),i("calcite-action",{text:s,onClick:this.hideTipManager,class:b.close,icon:v.close})),i("div",{tabIndex:0,class:(e={},e[b.tipContainer]=true,e[b.tipContainerAdvancing]=!t&&r==="advancing",e[b.tipContainerRetreating]=!t&&r==="retreating",e),key:c},i("slot",null)),this.renderPagination()))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:true,configurable:true});return e}());k.style=x}}})); \ No newline at end of file diff --git a/docs/build/p-39c07544.entry.js b/docs/build/p-6d376593.entry.js similarity index 51% rename from docs/build/p-39c07544.entry.js rename to docs/build/p-6d376593.entry.js index 02653106..e660fc21 100644 --- a/docs/build/p-39c07544.entry.js +++ b/docs/build/p-6d376593.entry.js @@ -1 +1 @@ -import{r as a,c as e,h as c,g as t}from"./p-3125ea46.js";const r=class{constructor(c){a(this,c),this.activated=!1,this.textTitle="handle",this.handleKeyDown=a=>{switch(a.key){case" ":this.activated=!this.activated;break;case"ArrowUp":case"ArrowDown":if(!this.activated)return;const e=a.key.toLowerCase().replace("arrow","");this.calciteHandleNudge.emit({handle:this.el,direction:e})}},this.handleBlur=()=>{this.activated=!1},this.calciteHandleNudge=e(this,"calciteHandleNudge",7)}async setFocus(){this.handleButton.focus()}render(){return c("span",{role:"button",tabindex:"0","aria-pressed":this.activated.toString(),class:{handle:!0,"handle--activated":this.activated},onKeyDown:this.handleKeyDown,onBlur:this.handleBlur,title:this.textTitle,ref:a=>{this.handleButton=a}},c("calcite-icon",{scale:"s",icon:"drag"}))}get el(){return t(this)}};r.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host{display:inline-block}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--calcite-app-cap-spacing-minimum);padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-half);background-color:var(--calcite-app-background);border:none;color:var(--calcite-app-foreground-subtle);line-height:0;cursor:move}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}";export{r as calcite_handle} \ No newline at end of file +import{r as a,c as e,h as t,g as c}from"./p-9d0aa6e4.js";const r=class{constructor(t){a(this,t),this.activated=!1,this.textTitle="handle",this.handleKeyDown=a=>{switch(a.key){case" ":this.activated=!this.activated;break;case"ArrowUp":case"ArrowDown":if(!this.activated)return;const e=a.key.toLowerCase().replace("arrow","");this.calciteHandleNudge.emit({handle:this.el,direction:e})}},this.handleBlur=()=>{this.activated=!1},this.calciteHandleNudge=e(this,"calciteHandleNudge",7)}async setFocus(){this.handleButton.focus()}render(){return t("span",{role:"button",tabindex:"0","aria-pressed":this.activated.toString(),class:{handle:!0,"handle--activated":this.activated},onKeyDown:this.handleKeyDown,onBlur:this.handleBlur,title:this.textTitle,ref:a=>{this.handleButton=a}},t("calcite-icon",{scale:"s",icon:"drag"}))}get el(){return c(this)}};r.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-quarter);background-color:var(--calcite-app-background);background-color:transparent;border:none;color:var(--calcite-app-border);line-height:0;cursor:move;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.handle:hover{background-color:var(--calcite-app-background-hover);color:var(--calcite-app-foreground)}.handle:focus{color:var(--calcite-app-foreground);outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}";export{r as calcite_handle} \ No newline at end of file diff --git a/docs/build/p-75bb5238.system.entry.js b/docs/build/p-75bb5238.system.entry.js new file mode 100644 index 00000000..30da5e56 --- /dev/null +++ b/docs/build/p-75bb5238.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,a,i){function c(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function r(e){try{l(i.next(e))}catch(t){n(t)}}function o(e){try{l(i["throw"](e))}catch(t){n(t)}}function l(e){e.done?a(e.value):c(e.value).then(r,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,c,n,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(e){return function(t){return l([e,t])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,c&&(n=r[0]&2?c["return"]:r[0]?c["throw"]||((n=c["return"])&&n.call(c),0):c.next)&&!(n=n.call(c,r[1])).done)return n;if(c=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;c=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]{this.open=!this.open,this.calciteBlockToggle.emit()},this.calciteBlockToggle=e(this,"calciteBlockToggle",7)}render(){const{collapsible:a,disabled:e,el:i,heading:o,intlCollapse:n,intlExpand:p,loading:s,open:d,summary:g,textCollapse:f,textExpand:b}=this,h=d?n||f||"Collapse":p||b||"Expand",u=l(i,"icon"),v=t("header",{class:"header"},u?t("div",{class:"icon"},t("slot",{name:"icon"})):null,t("div",{class:"title"},t("h3",{class:"heading"},o),g?t("div",{class:"summary"},g):null)),m=t("div",{class:"header-container"},this.dragHandle?t("calcite-handle",null):null,a?t("button",{"aria-label":h,class:"toggle",onClick:this.onHeaderClick,title:h},v):v,s?t("calcite-loader",{inline:!0,"is-active":!0}):t("slot",{name:"control"}));return t(c,{tabIndex:e?-1:null},t("article",{"aria-expanded":a?d.toString():null,"aria-busy":s},m,t("div",{class:"content",hidden:!d},t(r,{loading:s,disabled:e},t("slot",null)))))}get el(){return i(this)}};s.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;border-radius:var(--calcite-app-border-radius);margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) 0;-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:start;justify-content:flex-start}.header-container{display:grid;grid-template:auto/auto auto 1fr;grid-template-areas:"handle header control";-ms-flex-align:center;align-items:center}.header-container>.header{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle)}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0 0 var(--calcite-app-cap-spacing-quarter)}.summary{font-size:var(--calcite-app-font-size--1);padding:0 0 var(--calcite-app-cap-spacing-quarter)}.toggle{grid-column:header-start/control-end;grid-row:1/2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-positive:1;flex-grow:1;margin:0;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters);background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);text-align:unset;color:var(--calcite-app-foreground)}.toggle:focus{outline-offset:var(--calcite-app-outline-inset)}.icon{margin-right:var(--calcite-app-side-spacing-third)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-half)}.content{padding:0 var(--calcite-app-side-spacing-three-quarters) var(--calcite-app-cap-spacing-half);position:relative}::slotted([slot=control]){grid-area:control;justify-self:end;margin:auto var(--calcite-app-side-spacing-three-quarters) auto auto}.calcite--rtl ::slotted([slot=control]){left:var(--calcite-app-side-spacing-three-quarters);right:unset}';const d=class{constructor(t){a(this,t),this.open=!1,this.toggleDisplay="button",this.guid=`calcite-block-section-${n()}`,this.toggleSection=()=>{this.open=!this.open,this.calciteBlockSectionToggle.emit()},this.calciteBlockSectionToggle=e(this,"calciteBlockSectionToggle",7)}handleHeaderLabelKeyDown(a){" "!==a.key&&"Enter"!==a.key||(a.preventDefault(),a.stopPropagation(),this.click())}render(){const{el:a,guid:e,intlCollapse:c,intlExpand:i,open:r,text:l,textCollapse:n,textExpand:s,toggleDisplay:d}=this,g=o(a),f=r?"caret-down":"rtl"===g?"caret-left":"caret-right",b=r?c||n||"Collapse":i||s||"Expand",h=`${e}__label`,u="switch"===d?t("label",{"aria-label":b,class:p("toggle","toggle--switch"),id:h,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},l,t("calcite-switch",{"aria-labelledby":h,switched:r,onChange:this.toggleSection,scale:"s",tabIndex:-1})):t("calcite-action",{"aria-label":b,class:"toggle",onClick:this.toggleSection,text:l,textEnabled:!0,compact:!0,icon:f});return t("section",{"aria-expanded":r.toString()},u,t("div",{class:"content",hidden:!r},t("slot",null)))}get el(){return i(this)}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";export{s as calcite_block,d as calcite_block_section} \ No newline at end of file diff --git a/docs/build/p-783e3e13.system.entry.js b/docs/build/p-783e3e13.system.entry.js deleted file mode 100644 index 4cd7da56..00000000 --- a/docs/build/p-783e3e13.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(a,t,e,i){function o(a){return a instanceof e?a:new e((function(t){t(a)}))}return new(e||(e=Promise))((function(e,c){function n(a){try{l(i.next(a))}catch(t){c(t)}}function r(a){try{l(i["throw"](a))}catch(t){c(t)}}function l(a){a.done?e(a.value):o(a.value).then(n,r)}l((i=i.apply(a,t||[])).next())}))};var __generator=this&&this.__generator||function(a,t){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},i,o,c,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(a){return function(t){return l([a,t])}}function l(n){if(i)throw new TypeError("Generator is already executing.");while(e)try{if(i=1,o&&(c=n[0]&2?o["return"]:n[0]?o["throw"]||((c=o["return"])&&c.call(o),0):o.next)&&!(c=c.call(o,n[1])).done)return c;if(o=0,c)n=[n[0]&2,c.value];switch(n[0]){case 0:case 1:c=n;break;case 4:e.label++;return{value:n[1],done:false};case 5:e.label++;o=n[1];n=[0];continue;case 7:n=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!c||n[1]>c[0]&&n[1]0&&c[c.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!c||n[1]>c[0]&&n[1]{this.dismissed=!0,this.calciteTipDismiss.emit()},this.calciteTipDismiss=e(this,"calciteTipDismiss",7)}renderHeader(){const{nonDismissible:a,hideTip:e,intlClose:i,textClose:c,heading:n}=this,r=a?null:t("calcite-action",{text:i||c||"Close",onClick:e,class:"close",icon:"x"}),o=n?t("h3",{class:"heading"},n):null;return r||o?t("header",{class:"header"},o,r):null}renderImageFrame(){const{el:a}=this;return n(a,"thumbnail")?t("div",{class:"image-frame"},t("slot",{name:"thumbnail"})):null}renderInfoNode(){return t("div",{class:"info"},t("slot",null))}renderContent(){return t("div",{class:"content"},this.renderImageFrame(),this.renderInfoNode())}render(){return t(i,null,t("article",{class:"container",hidden:this.dismissed},this.renderHeader(),this.renderContent()))}get el(){return c(this)}};p.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{background-color:var(--calcite-app-background);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing) var(--calcite-app-cap-spacing);margin:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing);-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);border-radius:var(--calcite-app-border-radius)}:host([selected]) .container{-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.header{-ms-flex-pack:end;justify-content:flex-end}.header .heading{padding-left:0;padding-right:0}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex;padding-top:var(--calcite-app-cap-spacing-half)}.info{padding:0 var(--calcite-app-side-spacing);width:70%}.info:only-child{width:100%;padding-left:0;padding-right:0}::slotted(p){margin-top:0}::slotted(a){color:var(--calcite-app-foreground-link)}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";const l=class{constructor(e){a(this,e)}render(){return t("slot",null)}};l.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}";const s=class{constructor(t){a(this,t),this.closed=!1,this.observer=new MutationObserver(()=>this.setUpTips()),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerToggle.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyUpHandler=a=>{if(a.target===this.container)switch(a.key){case"ArrowRight":a.preventDefault(),this.nextTip();break;case"ArrowLeft":a.preventDefault(),this.previousTip();break;case"Home":a.preventDefault(),this.selectedIndex=0;break;case"End":a.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=a=>{this.container=a},this.calciteTipManagerToggle=e(this,"calciteTipManagerToggle",7)}closedChangeHandler(){this.direction=null,this.calciteTipManagerToggle.emit()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}connectedCallback(){this.setUpTips(),this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async nextTip(){this.direction="advancing",this.selectedIndex=(this.selectedIndex+1+this.total)%this.total}async previousTip(){this.direction="retreating",this.selectedIndex=(this.selectedIndex-1+this.total)%this.total}setUpTips(){const a=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=a.length,0===this.total)return;const e=this.el.querySelector("calcite-tip[selected]");this.tips=a,this.selectedIndex=e?a.indexOf(e):0,a.forEach(a=>{a.nonDismissible=!0}),this.showSelectedTip(),this.updateGroupTitle()}showSelectedTip(){this.tips.forEach((a,e)=>{const t=this.selectedIndex===e;a.selected=t,a.hidden=!t})}updateGroupTitle(){const a=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=(null==a?void 0:a.textGroupTitle)||this.intlDefaultTitle||this.textDefaultTitle||"Tips"}renderPagination(){const a=r(this.el),{selectedIndex:e,tips:i,total:c,intlNext:n,textNext:o,intlPrevious:p,textPrevious:l,intlPaginationLabel:s,textPaginationLabel:d}=this,f=n||o||"Next",h=s||d||"Tip";return i.length>1?t("footer",{class:"pagination"},t("calcite-action",{text:p||l||"Previous",onClick:this.previousClicked,class:"page-previous",icon:"ltr"===a?"chevron-left":"chevron-right"}),t("span",{class:"page-position"},`${h} ${e+1}/${c}`),t("calcite-action",{text:f,onClick:this.nextClicked,class:"page-next",icon:"ltr"===a?"chevron-right":"chevron-left"})):null}render(){const{closed:a,direction:e,groupTitle:c,selectedIndex:n,intlClose:r,textClose:p,total:l}=this,s=r||p||"Close";return 0===l?t(i,null):t(i,null,t("div",{class:"container",hidden:a,"aria-hidden":a.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},t("header",{class:"header"},t("h2",{key:n,class:"heading"},c),t("calcite-action",{text:s,onClick:this.hideTipManager,class:"close",icon:"x"})),t("div",{tabIndex:0,class:o("tip-container",{"tip-container--advancing":!a&&"advancing"===e,"tip-container--retreating":!a&&"retreating"===e}),key:n},t("slot",null)),this.renderPagination()))}get el(){return c(this)}static get watchers(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}}};s.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}:host{display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host([closed]){display:none}.header .heading{padding-left:var(--calcite-app-side-spacing-half);padding-right:var(--calcite-app-side-spacing-half)}.container{overflow:hidden;position:relative;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) 0;min-height:150px}.tip-container{-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-app-animation-time);animation-duration:var(--calcite-app-animation-time);-webkit-animation-timing-function:var(--calcite-app-easing-function);animation-timing-function:var(--calcite-app-easing-function);height:18vh;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}::slotted(calcite-tip-group){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--calcite-app-cap-spacing-quarter) 0}.page-position{font-size:var(--calcite-app-font-size--1);margin:0 var(--calcite-app-side-spacing-half)}";export{p as calcite_tip,l as calcite_tip_group,s as calcite_tip_manager} \ No newline at end of file diff --git a/docs/build/p-81319f6a.system.entry.js b/docs/build/p-81319f6a.system.entry.js deleted file mode 100644 index 0f92452c..00000000 --- a/docs/build/p-81319f6a.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,i){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{l(i.next(e))}catch(t){n(t)}}function c(e){try{l(i["throw"](e))}catch(t){n(t)}}function l(e){e.done?a(e.value):r(e.value).then(o,c)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]0&&n[n.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]{const i=new RegExp(a,"ig");if(0===this.data.length)return console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects"),void this.calciteFilterChange.emit([]);const t=(a,i)=>{let e=!1;return o(a,a=>{"function"!=typeof a&&(Array.isArray(a)||"object"==typeof a&&null!==a?t(a,i)&&(e=!0):i.test(a)&&(e=!0))}),e},e=this.data.filter(a=>t(a,i));this.calciteFilterChange.emit(e)},250),this.inputHandler=a=>{const i=a.target;this.empty=""===i.value,this.filter(i.value)},this.clear=()=>{this.textInput.value="",this.empty=!0,this.calciteFilterChange.emit(this.data)},this.calciteFilterChange=i(this,"calciteFilterChange",7)}render(){const a="rtl"===r(this.el);return t(e,null,t("label",{class:a?p.rtl:null},t("input",{type:"text",value:"",placeholder:this.placeholder,onInput:this.inputHandler,"aria-label":this.intlLabel||"filter",ref:a=>{this.textInput=a}}),t("div",{class:"search-icon"},t("calcite-icon",{scale:"s",icon:"search"}))),this.empty?null:t("button",{onClick:this.clear,class:"clear-button","aria-label":this.intlClear||"Clear filter"},t("calcite-icon",{icon:"x"})))}get el(){return c(this)}};l.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl input[type=text]:focus{padding-right:var(--calcite-app-side-spacing-plus-quarter)}.calcite--rtl input[type=text]:focus~.search-icon{right:calc(var(--calcite-app-icon-size) * -1)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}";export{l as calcite_filter} \ No newline at end of file diff --git a/docs/build/p-8f27b3e5.system.entry.js b/docs/build/p-8f27b3e5.system.entry.js new file mode 100644 index 00000000..5730b3a9 --- /dev/null +++ b/docs/build/p-8f27b3e5.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-58a8921b.system.js","./p-598b7fa2.system.js","./p-e99ac265.system.js"],(function(a){"use strict";var t,e,i,c,r,n,p,l,o;return{setters:[function(a){t=a.r;e=a.c;i=a.h;c=a.H;r=a.g},function(a){n=a.C},function(a){p=a.b},function(a){l=a.d;o=a.f}],execute:function(){var s={searchIcon:"search-icon",clearButton:"clear-button"};var f={filterLabel:"filter",clear:"Clear filter"};var u={search:"search",close:"x"};var d=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl input[type=text]:focus{padding-right:var(--calcite-app-side-spacing-plus-quarter)}.calcite--rtl input[type=text]:focus~.search-icon{right:calc(var(--calcite-app-icon-size) * -1)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}";var b=250;var g=a("calcite_filter",function(){function a(a){var i=this;t(this,a);this.empty=true;this.filter=l((function(a){var t=new RegExp(a,"ig");if(i.data.length===0){console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects");i.calciteFilterChange.emit([]);return}var e=function(a,t){var i=false;o(a,(function(a){if(typeof a==="function"){return}if(Array.isArray(a)||typeof a==="object"&&a!==null){if(e(a,t)){i=true}}else if(t.test(a)){i=true}}));return i};var c=i.data.filter((function(a){return e(a,t)}));i.calciteFilterChange.emit(c)}),b);this.inputHandler=function(a){var t=a.target;i.empty=t.value==="";i.filter(t.value)};this.clear=function(){i.textInput.value="";i.empty=true;i.calciteFilterChange.emit(i.data)};this.calciteFilterChange=e(this,"calciteFilterChange",7)}a.prototype.render=function(){var a=this;var t=p(this.el)==="rtl";return i(c,null,i("label",{class:t?n.rtl:null},i("input",{type:"text",value:"",placeholder:this.placeholder,onInput:this.inputHandler,"aria-label":this.intlLabel||f.filterLabel,ref:function(t){a.textInput=t}}),i("div",{class:s.searchIcon},i("calcite-icon",{scale:"s",icon:u.search}))),!this.empty?i("button",{onClick:this.clear,class:s.clearButton,"aria-label":this.intlClear||f.clear},i("calcite-icon",{icon:u.close})):null)};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return a}());g.style=d}}})); \ No newline at end of file diff --git a/docs/build/p-8f7f5385.system.js b/docs/build/p-8f7f5385.system.js deleted file mode 100644 index 48eb07f4..00000000 --- a/docs/build/p-8f7f5385.system.js +++ /dev/null @@ -1 +0,0 @@ -var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(r.hasOwnProperty(t))e[t]=r[t]};return e(r,t)};return function(r,t){e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function s(e){try{l(n.next(e))}catch(r){i(r)}}function o(e){try{l(n["throw"](e))}catch(r){i(r)}}function l(e){e.done?t(e.value):a(e.value).then(s,o)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]-1}();var g=function(e){return Promise.resolve(e)};var y=function(){try{new CSSStyleSheet;return true}catch(e){}return false}();var b=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],a=t[1],i=t[2];var s=e;var o=w(r,i);var l=N(n);p.ael(s,a,o,l);(r.$rmListeners$=r.$rmListeners$||[]).push((function(){return p.rel(s,a,o,l)}))}))}};var w=function(e,r){return function(t){{if(e.$flags$&256){e.$lazyInstance$[r](t)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([r,t])}}}};var N=function(e){return(e&2)!==0};var R="{visibility:hidden}.hydrated{visibility:inherit}";var _="http://www.w3.org/1999/xlink";var S=function(e,r){if(r===void 0){r=""}{return function(){return}}};var x=function(e,r){{return function(){return}}};var k=new WeakMap;var C=function(e,r,t){var n=Ge.get(e);if(y&&t){n=n||new CSSStyleSheet;n.replace(r)}else{n=r}Ge.set(e,n)};var L=function(e,r,t,n){var a=j(r.$tagName$);var i=Ge.get(a);e=e.nodeType===11?e:h;if(i){if(typeof i==="string"){e=e.head||e;var s=k.get(e);var o=void 0;if(!s){k.set(e,s=new Set)}if(!s.has(a)){{if(p.$cssShim$){o=p.$cssShim$.createHostStyle(n,a,i,!!(r.$flags$&10));var l=o["s-sc"];if(l){a=l;s=null}}else{o=h.createElement("style");o.innerHTML=i}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArrays(e.adoptedStyleSheets,[i])}}return a};var T=function(e){var r=e.$cmpMeta$;var t=e.$hostElement$;var n=r.$flags$;var a=S("attachStyles",r.$tagName$);var i=L(m&&t.shadowRoot?t.shadowRoot:t.getRootNode(),r,e.$modeName$,t);if(n&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var j=function(e,r){return"sc-"+e};var E={};var P=function(e){return e!=null};var A=function(e){e=typeof e;return e==="object"||e==="function"};var M=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var O=e("h",(function(e,r){var t=[];for(var n=2;n0){c.$children$=f}{c.$key$=i}{c.$name$=s}return c}));var I=function(e,r){var t={$flags$:0,$tag$:e,$text$:r,$elm$:null,$children$:null};{t.$attrs$=null}{t.$key$=null}{t.$name$=null}return t};var U=e("H",{});var B=function(e){return e&&e.$tag$===U};var z={forEach:function(e,r){return e.map(q).forEach(r)},map:function(e,r){return e.map(q).map(r).map(H)}};var q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var H=function(e){var r=I(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var V=function(e,r,t,n,a,i){if(t!==n){var s=ze(e,r);var o=r.toLowerCase();if(r==="class"){var l=e.classList;var f=W(t);var $=W(n);l.remove.apply(l,f.filter((function(e){return e&&!$.includes(e)})));l.add.apply(l,$.filter((function(e){return e&&!f.includes(e)})))}else if(r==="style"){{for(var u in t){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!t||n[u]!==t[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!s&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(ze(v,o)){r=o.slice(2)}else{r=o[2]+r.slice(3)}if(t){p.rel(e,r,t,false)}if(n){p.ael(e,r,n,false)}}else{var c=A(n);if((s||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(r==="list"){s=false}else if(t==null||e[r]!=d){e[r]=d}}else{e[r]=n}}catch(m){}}var h=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){r=o;h=true}}if(n==null||n===false){if(h){e.removeAttributeNS(_,r)}else{e.removeAttribute(r)}}else if((!s||i&4||a)&&!c){n=n===true?"":n;if(h){e.setAttributeNS(_,r,n)}else{e.setAttribute(r,n)}}}}};var G=/\s/;var W=function(e){return!e?[]:e.split(G)};var D=function(e,r,t,n){var a=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$;var i=e&&e.$attrs$||E;var s=r.$attrs$||E;{for(n in i){if(!(n in s)){V(a,n,i[n],undefined,t,r.$flags$)}}}for(n in s){V(a,n,i[n],s[n],t,r.$flags$)}};var F=function(e,r,t,n){var l=r.$children$[t];var u=0;var c;var v;var d;if(!o){f=true;if(l.$tag$==="slot"){if(a){n.classList.add(a+"-s")}l.$flags$|=l.$children$?2:1}}if(l.$text$!==null){c=l.$elm$=h.createTextNode(l.$text$)}else if(l.$flags$&1){c=l.$elm$=h.createTextNode("")}else{c=l.$elm$=h.createElement(l.$flags$&2?"slot-fb":l.$tag$);{D(null,l,$)}if(P(a)&&c["s-si"]!==a){c.classList.add(c["s-si"]=a)}if(l.$children$){for(u=0;u=0;n--){var a=t[n];if(a["s-hn"]!==s&&a["s-ol"]){ee(a).insertBefore(a,Z(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(r){Q(a,r)}}p.$flags$&=~1};var J=function(e,r,t,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var l;if(o.shadowRoot&&o.tagName===s){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){l=F(null,t,a,e);if(l){n[a].$elm$=l;o.insertBefore(l,Z(r))}}}};var K=function(e,r,t,n,a){for(;r<=t;++r){if(n=e[r]){a=n.$elm$;se(n);{l=true;if(a["s-ol"]){a["s-ol"].remove()}else{Q(a,true)}}a.remove()}}};var X=function(e,r,t,n){var a=0;var i=0;var s=0;var o=0;var l=r.length-1;var f=r[0];var $=r[l];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=l&&i<=u){if(f==null){f=r[++a]}else if($==null){$=r[--l]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(Y(f,c)){re(f,c);f=r[++a];c=n[++i]}else if(Y($,v)){re($,v);$=r[--l];v=n[--u]}else if(Y(f,v)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q(f.$elm$.parentNode,false)}re(f,v);e.insertBefore(f.$elm$,$.$elm$.nextSibling);f=r[++a];v=n[--u]}else if(Y($,c)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q($.$elm$.parentNode,false)}re($,c);e.insertBefore($.$elm$,f.$elm$);$=r[--l];c=n[++i]}else{s=-1;{for(o=a;o<=l;++o){if(r[o]&&r[o].$key$!==null&&r[o].$key$===c.$key$){s=o;break}}}if(s>=0){h=r[s];if(h.$tag$!==c.$tag$){d=F(r&&r[i],t,s,e)}else{re(h,c);r[s]=undefined;d=h.$elm$}c=n[++i]}else{d=F(r&&r[i],t,i,e);c=n[++i]}if(d){{ee(f.$elm$).insertBefore(d,Z(f.$elm$))}}}}if(a>l){J(e,n[u+1]==null?null:n[u+1].$elm$,t,n,i,u)}else if(i>u){K(r,a,l)}};var Y=function(e,r){if(e.$tag$===r.$tag$){if(e.$tag$==="slot"){return e.$name$===r.$name$}{return e.$key$===r.$key$}}return false};var Z=function(e){return e&&e["s-ol"]||e};var ee=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var re=function(e,r){var t=r.$elm$=e.$elm$;var n=e.$children$;var a=r.$children$;var i=r.$tag$;var s=r.$text$;var o;if(s===null){{if(i==="slot");else{D(e,r,$)}}if(n!==null&&a!==null){X(t,n,r,a)}else if(a!==null){if(e.$text$!==null){t.textContent=""}J(t,null,r,a,0,a.length-1)}else if(n!==null){K(n,0,n.length-1)}}else if(o=t["s-cr"]){o.parentNode.textContent=s}else if(e.$text$!==s){t.data=s}};var te=function(e){var r=e.childNodes;var t;var n;var a;var i;var s;var o;for(n=0,a=r.length;n=0;s--){t=n[s];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==r["s-hn"]){if(ie(t,a)){i=ne.find((function(e){return e.$nodeToRelocate$===t}));l=true;t["s-sn"]=t["s-sn"]||a;if(i){i.$slotRefNode$=r}else{ne.push({$slotRefNode$:r,$nodeToRelocate$:t})}if(t["s-sr"]){ne.map((function(e){if(ie(e.$nodeToRelocate$,t["s-sn"])){i=ne.find((function(e){return e.$nodeToRelocate$===t}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ne.some((function(e){return e.$nodeToRelocate$===t}))){ne.push({$nodeToRelocate$:t})}}}}if(r.nodeType===1){ae(r)}}};var ie=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var se=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(se)}};var oe=function(e,r){var t=e.$hostElement$;var n=e.$cmpMeta$;var $=e.$vnode$||I(null,null);var u=B(r)?r:O(null,null,r);s=t.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var r=e[0],n=e[1];return u.$attrs$[n]=t[r]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=$.$elm$=t.shadowRoot||t;{a=t["s-sc"]}{i=t["s-cr"];o=m&&(n.$flags$&1)!==0;l=false}re($,u);{p.$flags$|=1;if(f){ae(u.$elm$);var c=void 0;var v=void 0;var d=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w0){Fe.push.apply(Fe,De);De.length=0}if(c=We.length+De.length+Fe.length>0){p.raf(Xe)}else{u=0}}};var Ye=function(e){return g().then(e)};var Ze=Qe(De,true);var er=e("a",(function(){if(!(d&&d.supports&&d.supports("color","var(--c)"))){return r.import("./p-24b9f902.system.js").then((function(){if(p.$cssShim$=v.__cssshim){return p.$cssShim$.i()}else{return 0}}))}return g()}));var rr=e("p",(function(){{p.$cssShim$=v.__cssshim}var e=Array.from(h.querySelectorAll("script")).find((function(e){return new RegExp("/"+n+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var t=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,v.location.href)).href;{tr(t.resourcesUrl,e)}if(!v.customElements){return r.import("./p-2295bcba.system.js").then((function(){return t}))}}return g(t)}));var tr=function(e,r){var t=M(n);try{v[t]=new Function("w","return import(w);//"+Math.random())}catch(i){var a=new Map;v[t]=function(n){var i=new URL(n,e).href;var s=a.get(i);if(!s){var o=h.createElement("script");o.type="module";o.crossOrigin=r.crossOrigin;o.src=URL.createObjectURL(new Blob(["import * as m from '"+i+"'; window."+t+".m = m;"],{type:"application/javascript"}));s=new Promise((function(e){o.onload=function(){e(v[t].m);o.remove()}}));a.set(i,s);h.head.appendChild(o)}return s}}}}}})); \ No newline at end of file diff --git a/docs/build/p-9d0aa6e4.js b/docs/build/p-9d0aa6e4.js new file mode 100644 index 00000000..25753439 --- /dev/null +++ b/docs/build/p-9d0aa6e4.js @@ -0,0 +1 @@ +let e,t,n,l=!1,o=!1,s=!1,r=0,c=!1;const i="undefined"!=typeof window?window:{},a=i.CSS,f=i.document||{head:{}},u={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l)},p=(()=>(f.head.attachShadow+"").indexOf("[native")>-1)(),d=e=>Promise.resolve(e),m=(()=>{try{return new CSSStyleSheet,!0}catch(e){}return!1})(),h=(e,t,n)=>{n&&n.map(([n,l,o])=>{const s=e,r=$(t,o),c=y(n);u.ael(s,l,r,c),(t.o=t.o||[]).push(()=>u.rel(s,l,r,c))})},$=(e,t)=>n=>{256&e.t?e.s[t](n):(e.u=e.u||[]).push([t,n])},y=e=>0!=(2&e),w="http://www.w3.org/1999/xlink",b=new WeakMap,_=e=>"sc-"+e,v={},j=e=>"object"==(e=typeof e)||"function"===e,g=(e,t,...n)=>{let l=null,o=null,s=null,r=!1,c=!1,i=[];const a=t=>{for(let n=0;ne[t]).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,O);const f=k(e,null);return f.h=t,i.length>0&&(f.$=i),f._=o,f.v=s,f},k=(e,t)=>({t:0,j:e,p:t,g:null,$:null,h:null,_:null,v:null}),M={},O={forEach:(e,t)=>e.map(R).forEach(t),map:(e,t)=>e.map(R).map(t).map(S)},R=e=>({vattrs:e.h,vchildren:e.$,vkey:e._,vname:e.v,vtag:e.j,vtext:e.p}),S=e=>{const t=k(e.vtag,e.vtext);return t.h=e.vattrs,t.$=e.vchildren,t._=e.vkey,t.v=e.vname,t},L=(e,t,n,l,o,s)=>{if(n!==l){let c=we(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,o=x(n),s=x(l);t.remove(...o.filter(e=>e&&!s.includes(e))),t.add(...s.filter(e=>e&&!o.includes(e)))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=j(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(r){}let f=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,f=!0),null==l||!1===l?f?e.removeAttributeNS(w,t):e.removeAttribute(t):(!c||4&s||o)&&!i&&(l=!0===l?"":l,f?e.setAttributeNS(w,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):we(i,a)?a.slice(2):a[2]+t.slice(3),n&&u.rel(e,t,n,!1),l&&u.ael(e,t,l,!1)}},U=/\s/,x=e=>e?e.split(U):[],C=(e,t,n,l)=>{const o=11===t.g.nodeType&&t.g.host?t.g.host:t.g,s=e&&e.h||v,r=t.h||v;for(l in s)l in r||L(o,l,s[l],void 0,n,t.t);for(l in r)L(o,l,s[l],r[l],n,t.t)},P=(o,r,c,i)=>{let a,u,p,d=r.$[c],m=0;if(l||(s=!0,"slot"===d.j&&(e&&i.classList.add(e+"-s"),d.t|=d.$?2:1)),null!==d.p)a=d.g=f.createTextNode(d.p);else if(1&d.t)a=d.g=f.createTextNode("");else if(a=d.g=f.createElement(2&d.t?"slot-fb":d.j),C(null,d,!1),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),d.$)for(m=0;m{u.t|=1;const l=e.childNodes;for(let o=l.length-1;o>=0;o--){const e=l[o];e["s-hn"]!==n&&e["s-ol"]&&(D(e).insertBefore(e,W(e)),e["s-ol"].remove(),e["s-ol"]=void 0,s=!0),t&&E(e,t)}u.t&=-2},T=(e,t,l,o,s,r)=>{let c,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=P(null,l,s,e),c&&(o[s].g=c,i.insertBefore(c,W(t))))},A=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.g,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},N=(e,t)=>e.j===t.j&&("slot"===e.j?e.v===t.v:e._===t._),W=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,F=(e,t)=>{const n=t.g=e.g,l=e.$,o=t.$,s=t.p;let r;null===s?("slot"===t.j||C(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s,r=0,c=0,i=0,a=0,f=t.length-1,u=t[0],p=t[f],d=l.length-1,m=l[0],h=l[d];for(;r<=f&&c<=d;)if(null==u)u=t[++r];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==h)h=l[--d];else if(N(u,m))F(u,m),u=t[++r],m=l[++c];else if(N(p,h))F(p,h),p=t[--f],h=l[--d];else if(N(u,h))"slot"!==u.j&&"slot"!==h.j||E(u.g.parentNode,!1),F(u,h),e.insertBefore(u.g,p.g.nextSibling),u=t[++r],h=l[--d];else if(N(p,m))"slot"!==u.j&&"slot"!==h.j||E(p.g.parentNode,!1),F(p,m),e.insertBefore(p.g,u.g),p=t[--f],m=l[++c];else{for(i=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a]._&&t[a]._===m._){i=a;break}i>=0?(s=t[i],s.j!==m.j?o=P(t&&t[c],n,i,e):(F(s,m),t[i]=void 0,o=s.g),m=l[++c]):(o=P(t&&t[c],n,c,e),m=l[++c]),o&&D(u.g).insertBefore(o,W(u.g))}r>f?T(e,null==l[d+1]?null:l[d+1].g,n,l,c,d):c>d&&A(t,r,f)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),T(n,null,t,o,0,o.length-1)):null!==l&&A(l,0,l.length-1)):(r=n["s-cr"])?r.parentNode.textContent=s:e.p!==s&&(n.data=s)},H=e=>{let t,n,l,o,s,r,c=e.childNodes;for(n=0,l=c.length;n{let t,n,l,s,r,c,i=0,a=e.childNodes,f=a.length;for(;i=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(V(n,s)?(r=q.find(e=>e.k===n),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.M=t:q.push({M:t,k:n}),n["s-sr"]&&q.map(e=>{V(e.k,n["s-sn"])&&(r=q.find(e=>e.k===n),r&&!e.M&&(e.M=r.M))})):q.some(e=>e.k===n)||q.push({k:n}));1===t.nodeType&&B(t)}},V=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.h&&e.h.ref&&e.h.ref(null),e.$&&e.$.map(z)},G=e=>he(e).O,I=(e,t,n)=>{const l=G(e);return{emit:e=>J(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},J=(e,t,n)=>{const l=new CustomEvent(t,n);return e.dispatchEvent(l),l},K=(e,t)=>{t&&!e.R&&t["s-p"]&&t["s-p"].push(new Promise(t=>e.R=t))},Q=(e,t)=>{if(e.t|=16,!(4&e.t))return K(e,e.S),Ue(()=>X(e,t));e.t|=512},X=(e,t)=>{const n=e.s;let l;return t&&(e.t|=256,e.u&&(e.u.map(([e,t])=>le(n,e,t)),e.u=null),l=le(n,"componentWillLoad")),oe(l,()=>Y(e,n,t))},Y=(r,c,i)=>{const a=r.O,d=a["s-rc"];i&&(e=>{const t=e.L,n=e.O,l=t.t,o=((e,t)=>{let n=_(t.U),l=je.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(p&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(r),((r,c)=>{const i=r.O,a=r.L,d=r.C||k(null,null),m=(e=>e&&e.j===M)(c)?c:g(null,null,c);if(n=i.tagName,a.P&&(m.h=m.h||{},a.P.map(([e,t])=>m.h[t]=i[e])),m.j=null,m.t|=4,r.C=m,m.g=d.g=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=p&&0!=(1&a.t),o=!1,F(d,m),u.t|=1,s){let e,t,n,l,o,s;B(m.g);let r=0;for(;re()),a["s-rc"]=void 0);{const e=a["s-p"],t=()=>ee(r);0===e.length?t():(Promise.all(e).then(t),r.t|=4,e.length=0)}},Z=e=>{try{e=e.render()}catch(t){be(t)}return e},ee=e=>{const t=e.O,n=e.s,l=e.S;64&e.t||(e.t|=64,se(t),le(n,"componentDidLoad"),e.T(t),l||ne()),e.A(t),e.R&&(e.R(),e.R=void 0),512&e.t&&Le(()=>Q(e,!1)),e.t&=-517},te=e=>{{const t=he(e),n=t.O.isConnected;return n&&2==(18&t.t)&&Q(t,!1),n}},ne=()=>{se(f.documentElement),u.t|=2,Le(()=>J(i,"appload",{detail:{namespace:"calcite-app"}}))},le=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(l){be(l)}},oe=(e,t)=>e&&e.then?e.then(t):t(),se=e=>e.classList.add("hydrated"),re=(e,t,n)=>{if(t.N){e.watchers&&(t.W=e.watchers);const l=Object.entries(t.N),o=e.prototype;if(l.map(([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>he(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=he(this),s=o.D.get(t),r=o.t,c=o.s;if(n=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.N[t][0]),!(8&r&&void 0!==s||n===s)&&(o.D.set(t,n),c)){if(l.W&&128&r){const e=l.W[t];e&&e.map(e=>{try{c[e](n,s,t)}catch(l){be(l)}})}2==(18&r)&&Q(o,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=he(this);return n.F.then(()=>n.s[e](...t))}})}),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){u.jmp(()=>{const t=n.get(e);this[t]=(null!==l||"boolean"!=typeof this[t])&&l})},e.observedAttributes=l.filter(([e,t])=>15&t[0]).map(([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o})}}return e},ce=e=>{le(e,"connectedCallback")},ie=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const t=e["s-sn"]=fe(e),n=ue(this.childNodes,t);if(n){const l=pe(n,t),o=l[l.length-1];return o.parentNode.insertBefore(e,o.nextSibling)}return this.__appendChild(e)}},ae=(e,t)=>{class n extends Array{item(e){return this[e]}}if(8&t.t){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map(e=>1===e.nodeType)}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if(0==(1&u.t)&&2&he(this).t){const t=new n;for(let n=0;ne["s-sn"]||1===e.nodeType&&e.getAttribute("slot")||"",ue=(e,t)=>{let n,l=0;for(;l{const n=[e];for(;(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},de=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=f.head,r=s.querySelector("meta[charset]"),c=f.createElement("style"),a=[];let d,$=!0;Object.assign(u,t),u.l=new URL(t.resourcesUrl||"./",f.baseURI).href,t.syncQueue&&(u.t|=4),e.map(e=>e[1].map(t=>{const s={t:t[0],U:t[1],N:t[2],H:t[3]};s.N=t[2],s.H=t[3],s.P=[],s.W={},!p&&1&s.t&&(s.t|=8);const r=s.U,c=class extends HTMLElement{constructor(e){super(e),ye(e=this,s),1&s.t&&(p?e.attachShadow({mode:"open"}):"shadowRoot"in e||(e.shadowRoot=e)),ae(e,s)}connectedCallback(){d&&(clearTimeout(d),d=null),$?a.push(this):u.jmp(()=>(e=>{if(0==(1&u.t)){const t=he(e),n=t.L,l=()=>{};if(1&t.t)h(e,t,n.H),ce(t.s);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.S=n);break}}n.N&&Object.entries(n.N).map(([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}}),Le(()=>(async(e,t,n,l,o)=>{if(0==(32&t.t)){t.t|=32;{if((o=ve(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.W=o.watchers,re(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(c){be(c)}t.t&=-9,t.t|=128,e(),ce(t.s)}const e=_(n.U);if(!je.has(e)&&o.style){const t=()=>{};let l=o.style;8&n.t&&(l=await __sc_import_calcite_app("./p-de803772.js").then(t=>t.scopeCss(l,e,!1))),((e,t,n)=>{let l=je.get(e);m&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,je.set(e,l)})(e,l,!!(1&n.t)),t()}}const s=t.S,r=()=>Q(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,t,n))}l()}})(this))}disconnectedCallback(){u.jmp(()=>(()=>{if(0==(1&u.t)){const e=he(this),t=e.s;e.o&&(e.o.map(e=>e()),e.o=void 0),le(t,"componentDidUnload")}})())}forceUpdate(){te(this)}componentOnReady(){return he(this).q}};ie(c.prototype),s.B=e[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,re(c,s,1)))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),$=!1,a.length?a.map(e=>e.connectedCallback()):u.jmp(()=>d=setTimeout(ne,30))},me=new WeakMap,he=e=>me.get(e),$e=(e,t)=>me.set(t.s=e,t),ye=(e,t)=>{const n={t:0,O:e,L:t,D:new Map};return n.F=new Promise(e=>n.A=e),n.q=new Promise(e=>n.T=e),e["s-p"]=[],e["s-rc"]=[],h(e,n,t.H),me.set(e,n)},we=(e,t)=>t in e,be=e=>console.error(e),_e=new Map,ve=e=>{const t=e.U.replace(/-/g,"_"),n=e.B,l=_e.get(n);return l?l[t]:__sc_import_calcite_app(`./${n}.entry.js`).then(e=>(_e.set(n,e),e[t]),be)},je=new Map,ge=[],ke=[],Me=[],Oe=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&u.t?Le(Se):u.raf(Se))},Re=(e,t)=>{let n=0,l=0;for(;n{r++,(e=>{for(let n=0;n0&&(Me.push(...ke),ke.length=0),(c=ge.length+ke.length+Me.length>0)?u.raf(Se):r=0}},Le=e=>d().then(e),Ue=Oe(ke,!0),xe=()=>a&&a.supports&&a.supports("color","var(--c)")?d():__sc_import_calcite_app("./p-9f8c4bca.js").then(()=>(u.V=i.__cssshim)?(!1).i():0),Ce=()=>{u.V=i.__cssshim;const e=Array.from(f.querySelectorAll("script")).find(e=>/\/calcite-app(\.esm)?\.js($|\?|#)/.test(e.src)||"calcite-app"===e.getAttribute("data-stencil-namespace")),t=e["data-opts"]||{};return"onbeforeload"in e&&!history.scrollRestoration?{then(){}}:(t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,i.location.href)).href,Pe(t.resourcesUrl,e),i.customElements?d(t):__sc_import_calcite_app("./p-2b669725.js").then(()=>t))},Pe=(e,t)=>{try{i.__sc_import_calcite_app=Function("w","return import(w);//"+Math.random())}catch(n){const l=new Map;i.__sc_import_calcite_app=n=>{const o=new URL(n,e).href;let s=l.get(o);if(!s){const e=f.createElement("script");e.type="module",e.crossOrigin=t.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${o}'; window.__sc_import_calcite_app.m = m;`],{type:"application/javascript"})),s=new Promise(t=>{e.onload=()=>{t(i.__sc_import_calcite_app.m),e.remove()}}),l.set(o,s),f.head.appendChild(e)}return s}}};export{M as H,xe as a,de as b,I as c,te as f,G as g,g as h,Ce as p,$e as r} \ No newline at end of file diff --git a/docs/build/p-9e77e74d.system.js b/docs/build/p-9e77e74d.system.js deleted file mode 100644 index 1bca3269..00000000 --- a/docs/build/p-9e77e74d.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register([],(function(t){"use strict";return{execute:function(){t({a:r,b:u,f:n,g:o});function r(t){return e(t,"dir","ltr")}function e(t,r,e){var n=t.closest("["+r+"]");return n?n.getAttribute(r):e}function n(t){if(!t){return}"setFocus"in t&&typeof t.setFocus==="function"?t.setFocus():t.focus()}function u(t,r){if(t){return t}if(r){return r==="trailing"?"end":"start"}}function o(t,r,e){var n='[slot="'+r+'"]';var u=(e===null||e===void 0?void 0:e.selector)?n+" "+e.selector:n;if(e===null||e===void 0?void 0:e.all){return Array.from(t.querySelectorAll(u))}return t.querySelector(u)}}}})); \ No newline at end of file diff --git a/docs/build/p-9d0482fc.js b/docs/build/p-9f8c4bca.js similarity index 100% rename from docs/build/p-9d0482fc.js rename to docs/build/p-9f8c4bca.js diff --git a/docs/build/p-2295bcba.system.js b/docs/build/p-a12694d7.system.js similarity index 100% rename from docs/build/p-2295bcba.system.js rename to docs/build/p-a12694d7.system.js diff --git a/docs/build/p-a3da842c.entry.js b/docs/build/p-a3da842c.entry.js new file mode 100644 index 00000000..d966c5be --- /dev/null +++ b/docs/build/p-a3da842c.entry.js @@ -0,0 +1 @@ +import{r as e,h as a,H as t,g as i,c as n}from"./p-9d0aa6e4.js";import{C as c}from"./p-eb15fcdb.js";import{f as r,a as o,b as l,g as s}from"./p-27f3f0d7.js";import{g as p}from"./p-cf80779e.js";const d=class{constructor(a){e(this,a),this.flowCount=0,this.flowDirection=null,this.flows=[],this.getFlowDirection=(e,a)=>e&&a>1||e>1?a{const{flows:e}=this,a=Array.from(this.el.querySelectorAll("calcite-flow-item")),t=e.length,i=a.length,n=a[i-1],c=a[i-2];if(i&&n&&a.forEach(e=>{e.showBackButton=i>1,e.hidden=e!==n}),c&&(c.menuOpen=!1),this.flows=a,t!==i){const e=this.getFlowDirection(t,i);this.flowCount=i,this.flowDirection=e}},this.flowItemObserver=new MutationObserver(this.updateFlowProps)}async back(){const e=this.el.querySelector("calcite-flow-item:last-child");if(e)return(e.beforeBack?e.beforeBack:()=>Promise.resolve()).call(e).then(()=>(e.remove(),e))}connectedCallback(){this.flowItemObserver.observe(this.el,{childList:!0,subtree:!0}),this.updateFlowProps()}componentDidUnload(){this.flowItemObserver.disconnect()}handleCalciteFlowItemBackClick(){this.back()}render(){const{flowDirection:e,flowCount:i}=this;return a(t,null,a("div",{key:i,class:{frame:!0,"frame--advancing":"advancing"===e,"frame--retreating":"retreating"===e}},a("slot",null)))}get el(){return i(this)}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden;position:relative}:host .frame{-ms-flex-align:stretch;align-items:stretch;width:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}:host .frame--advancing{-webkit-animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host .frame--retreating{-webkit-animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function)}@-webkit-keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";const h=["ArrowUp","ArrowDown"],f=class{constructor(a){e(this,a),this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.showBackButton=!1,this.toggleMenuOpen=()=>{this.menuOpen=!this.menuOpen},this.backButtonClick=()=>{this.calciteFlowItemBackClick.emit()},this.menuButtonKeyDown=e=>{const{key:a}=e,{menuOpen:t}=this;if(!this.isValidKey(a,h))return;const i=this.queryActions(),{length:n}=i;n&&(e.preventDefault(),t||(this.menuOpen=!0),"ArrowUp"===a&&r(i[n-1]),"ArrowDown"===a&&r(i[0]))},this.menuActionsKeydown=e=>{const{key:a,target:t}=e;if(!this.isValidKey(a,h))return;const i=this.queryActions(),{length:n}=i,c=i.indexOf(t);if(n&&-1!==c){if(e.preventDefault(),"ArrowUp"===a){const e=p(c-1,n);r(i[e])}if("ArrowDown"===a){const e=p(c+1,n);r(i[e])}}},this.menuActionsContainerKeyDown=e=>{const{key:a}=e;"Escape"===a&&(this.menuOpen=!1)},this.calciteFlowItemBackClick=n(this,"calciteFlowItemBackClick",7),this.calciteFlowItemScroll=n(this,"calciteFlowItemScroll",7)}handleCalcitePanelScroll(e){e.stopPropagation(),this.calciteFlowItemScroll.emit()}queryActions(){return o(this.el,"menu-actions",{all:!0})}isValidKey(e,a){return!!a.find(a=>a===e)}renderBackButton(e){const{showBackButton:t,intlBack:i,backButtonClick:n}=this,c=i||"Back";return t?a("calcite-action",{slot:"header-leading-content",key:"back-button","aria-label":c,text:c,class:"back-button",onClick:n,icon:e?"chevron-right":"chevron-left"}):null}renderMenuButton(){const{menuOpen:e,intlOpen:t,intlClose:i}=this,n=e?i||"Close":t||"Open";return a("calcite-action",{class:"menu-button","aria-label":n,text:n,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:"ellipsis"})}renderMenuActions(){const{menuOpen:e}=this;return a("div",{class:{menu:!0,"menu--open":e},onKeyDown:this.menuActionsKeydown},a("slot",{name:"menu-actions"}))}renderFooterActions(){return o(this.el,"footer-actions")?a("div",{slot:"footer",class:"footer-actions"},a("slot",{name:"footer-actions"})):null}renderSingleActionContainer(){return a("div",{class:"single-action-container"},a("slot",{name:"menu-actions"}))}renderMenuActionsContainer(){return a("div",{class:"menu-container",onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())}renderHeaderLeadingContent(){return o(this.el,"leading-actions")?a("div",{slot:"header-leading-content",class:"leading-actions"},a("slot",{name:"leading-actions"})):null}renderHeaderActions(){const e=o(this.el,"menu-actions",{all:!0}).length,t=1===e?this.renderSingleActionContainer():e?this.renderMenuActionsContainer():null;return t?a("div",{slot:"header-trailing-content",class:"header-actions"},t):null}renderHeading(){const{heading:e}=this;return e?a("h2",{class:"heading",slot:"header-content"},e):null}renderSummary(){const{summary:e}=this;return e?a("span",{class:"summary"},e):null}renderHeader(){const e=this.renderHeading(),t=this.renderSummary();return e||t?a("div",{class:"header-content",slot:"header-content"},e,t):null}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container",slot:"fab"},a("slot",{name:"fab"})):null}render(){const{el:e}=this,i=l(e);return a(t,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,theme:s(e),"height-scale":this.heightScale,dir:i},this.renderBackButton("rtl"===i),this.renderHeaderLeadingContent(),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))}get el(){return i(this)}};f.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.leading-actions{display:-ms-flexbox;display:flex}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);font-weight:var(--calcite-app-font-weight-demi);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";const b=class{constructor(a){e(this,a),this.dismissed=!1,this.disabled=!1,this.dismissible=!1,this.loading=!1,this.panelKeyUpHandler=e=>{"Escape"===e.key&&this.dismiss()},this.dismiss=()=>{this.dismissed=!0},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.calcitePanelDismissedChange=n(this,"calcitePanelDismissedChange",7),this.calcitePanelScroll=n(this,"calcitePanelScroll",7)}dismissedHandler(){this.calcitePanelDismissedChange.emit()}async setFocus(e){var a,t;"dismiss-button"!==e?null===(t=this.containerEl)||void 0===t||t.focus():null===(a=this.dismissButtonEl)||void 0===a||a.setFocus()}renderHeaderLeadingContent(){return o(this.el,"header-leading-content")?a("div",{key:"header-leading-content",class:"header-leading-content"},a("slot",{name:"header-leading-content"})):null}renderHeaderContent(){return a("div",{key:"header-content",class:"header-content"},a("slot",{name:"header-content"}))}renderHeaderTrailingContent(){const{dismiss:e,dismissible:t,intlClose:i}=this,n=i||"Close",c=t?a("calcite-action",{ref:e=>this.dismissButtonEl=e,"aria-label":n,text:n,onClick:e,icon:"x"}):null,r=a("slot",{name:"header-trailing-content"});return a("div",{key:"header-trailing-content",class:"header-trailing-content"},r,c)}renderHeader(){const e=this.renderHeaderLeadingContent(),t=this.renderHeaderContent(),i=this.renderHeaderTrailingContent();return t||e||i?a("header",{class:"header"},e,t,i):null}renderFooter(){const{el:e}=this;return o(e,"footer")?a("footer",{class:"footer"},a("slot",{name:"footer"})):null}renderContent(){return a("section",{tabIndex:0,class:"content-container",onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container"},a("slot",{name:"fab"})):null}render(){const{dismissed:e,disabled:i,dismissible:n,el:r,loading:o,panelKeyUpHandler:p}=this,d="rtl"===l(r),h=a("article",{"aria-busy":o.toString(),onKeyUp:p,tabIndex:n?0:-1,hidden:n&&e,ref:e=>this.containerEl=e,class:{container:!0,[c.rtl]:d}},this.renderHeader(),this.renderContent(),this.renderFooter());return a(t,null,o||i?a("calcite-scrim",{theme:s(r),loading:o},h):h)}get el(){return i(this)}static get watchers(){return{dismissed:["dismissedHandler"]}}};b.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}calcite-scrim{-ms-flex-align:stretch;align-items:stretch;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;pointer-events:none}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);left:0;right:0}";export{d as calcite_flow,f as calcite_flow_item,b as calcite_panel} \ No newline at end of file diff --git a/docs/build/p-a49a0a99.entry.js b/docs/build/p-a49a0a99.entry.js new file mode 100644 index 00000000..0b216ba9 --- /dev/null +++ b/docs/build/p-a49a0a99.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,H as i,g as c}from"./p-9d0aa6e4.js";import{C as r}from"./p-eb15fcdb.js";import{g as l,a as o,b as n}from"./p-27f3f0d7.js";import{g as p}from"./p-2a6389bf.js";const s=class{constructor(t){a(this,t),this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.loading=!1,this.open=!1,this.onHeaderClick=()=>{this.open=!this.open,this.calciteBlockToggle.emit()},this.calciteBlockToggle=e(this,"calciteBlockToggle",7)}renderScrim(){const{disabled:a,loading:e,el:i}=this,c=t("slot",null);return e||a?t("calcite-scrim",{theme:l(i),loading:e},c):c}render(){const{collapsible:a,disabled:e,el:c,heading:l,intlCollapse:p,intlExpand:s,loading:d,open:g,summary:b}=this,f=g?p||"Collapse":s||"Expand",h=o(c,"icon"),u=t("header",{class:"header"},h?t("div",{class:"icon"},t("slot",{name:"icon"})):null,t("div",{class:"title"},t("h3",{class:"heading"},l),b?t("div",{class:"summary"},b):null)),m=o(c,"control"),v=t("div",{class:"header-container"},this.dragHandle?t("calcite-handle",null):null,a?t("button",{"aria-label":f,class:"toggle",onClick:this.onHeaderClick,title:f},u):u,d?t("calcite-loader",{inline:!0,"is-active":!0}):m?t("div",{class:"control-container"},t("slot",{name:"control"})):null),x="rtl"===n(c);return t(i,{tabIndex:e?-1:null},t("article",{"aria-expanded":a?g.toString():null,"aria-busy":d.toString(),class:x?r.rtl:null},v,t("div",{class:"content",hidden:!g},this.renderScrim())))}get el(){return c(this)}};s.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding:0;border-top:1px solid var(--calcite-app-border);-webkit-transition:margin var(--calcite-app-animation-time) ease-in-out;transition:margin var(--calcite-app-animation-time) ease-in-out;--calcite-app-block-header-min-height:2.5rem}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;grid-template:auto/auto 1fr auto;grid-template-areas:"handle header control";grid-column:header-start/control-end;grid-row:1/2;-ms-flex-align:stretch;align-items:stretch}.header-container>.header{padding:var(--calcite-app-cap-spacing-three-quarters) 0}.toggle{line-height:var(--calcite-app-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0;padding:var(--calcite-app-cap-spacing-three-quarters) 0;background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);text-align:unset;color:var(--calcite-app-foreground);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.toggle:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding:0 var(--calcite-app-side-spacing-three-quarters)}.header .title .heading{padding:0;font-size:var(--calcite-app-font-size-0);word-break:break-all}.summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1);padding:0;line-height:var(--calcite-app-line-height);word-break:break-all}.icon{margin-left:var(--calcite-app-side-spacing-three-quarters)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing) 0 0}.content{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);position:relative}.control-container{grid-area:control;display:-ms-flexbox;display:flex;margin:0}calcite-scrim{pointer-events:none}.calcite--rtl .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-three-quarters)}:host([open]){margin-top:var(--calcite-app-cap-spacing-quarter);margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([open]) .header-container{border-bottom:1px solid var(--calcite-app-border)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}:host([collapsible]) .header-container:hover{background-color:var(--calcite-app-background-hover-opacity)}:host([drag-handle]) .title{padding-left:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .calcite--rtl .icon{margin-right:0;margin-left:var(--calcite-app-side-spacing-quarter)}';const d=class{constructor(t){a(this,t),this.open=!1,this.toggleDisplay="button",this.guid="calcite-block-section-"+p(),this.toggleSection=()=>{this.open=!this.open,this.calciteBlockSectionToggle.emit()},this.calciteBlockSectionToggle=e(this,"calciteBlockSectionToggle",7)}handleHeaderLabelKeyDown(a){" "!==a.key&&"Enter"!==a.key||(a.preventDefault(),a.stopPropagation(),this.click())}render(){const{el:a,guid:e,intlCollapse:i,intlExpand:c,open:l,text:o,toggleDisplay:p}=this,s=n(a),d=l?"chevron-down":"rtl"===s?"chevron-left":"chevron-right",g=l?i||"Collapse":c||"Expand",b=e+"__label",f="switch"===p?t("label",{"aria-label":g,class:{toggle:!0,"toggle--switch":!0},id:b,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},o,t("calcite-switch",{"aria-labelledby":b,switched:l,onChange:this.toggleSection,scale:"s",tabIndex:-1})):t("calcite-action",{"aria-label":g,class:"toggle",onClick:this.toggleSection,text:o,textEnabled:!0,compact:!0,icon:d});return t("section",{"aria-expanded":l.toString(),class:s?r.rtl:null},f,t("div",{class:"content",hidden:!l},t("slot",null)))}get el(){return c(this)}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";export{s as calcite_block,d as calcite_block_section} \ No newline at end of file diff --git a/docs/build/p-b0571ffe.js b/docs/build/p-b0571ffe.js deleted file mode 100644 index 455c11d3..00000000 --- a/docs/build/p-b0571ffe.js +++ /dev/null @@ -1 +0,0 @@ -import{h as t,H as s}from"./p-3125ea46.js";import{C as i}from"./p-d5e1fdd7.js";import{f as n,g as e}from"./p-4230ce12.js";import{g as a}from"./p-cf80779e.js";import{C as o}from"./p-c55f1634.js";import{d as r}from"./p-bdefc18b.js";function c(){this.setUpItems(),this.setUpFilter()}const h=["ArrowUp","ArrowDown"];function l(){this.setUpItems(),this.setUpFilter(),this.emitCalciteListChange=r(b.bind(this),0)}function f(){this.observer.observe(this.el,{childList:!0,subtree:!0})}function u(){this.observer.disconnect()}function d(t){const{selectedValues:s}=this,{item:i,value:n,selected:e,shiftPressed:a}=t.detail;e?(this.multiple||this.deselectSiblingItems(i),this.multiple&&a&&this.selectSiblings(i),s.set(n,i)):(s.delete(n),this.multiple&&a&&this.selectSiblings(i,!0)),this.multiple||j(i,e),this.lastSelectedItem=i,this.emitCalciteListChange()}function p(t){t.stopPropagation();const s=t.detail.oldValue,i=this.selectedValues;if(i.has(s)){const n=i.get(s);i.delete(s),i.set(t.detail.newValue,n)}}function m(t){const{key:s,target:i}=t;if(!function(t){return!!h.find(s=>s===t)}(s))return;const{items:e,multiple:o}=this,{length:r}=e,c=e.indexOf(i);if(!r||-1===c)return;t.preventDefault();const l=e[a(c+("ArrowUp"===s?-1:1),r)];j(l,!0),n(l),o||(l.selected=!0)}function b(){this.calciteListChange.emit(this.selectedValues)}function j(t,s){s?t.removeAttribute("tabindex"):t.setAttribute("tabindex","-1")}function g(){const{multiple:t,items:s}=this;if(0!==s.length)return t?s[0].setFocus():(s.find(t=>t.selected)||s[0]).setFocus()}function v(t){this.items=Array.from(this.el.querySelectorAll(t));let s=!1;const{items:i}=this;i.forEach(t=>{t.icon=this.getIconType(),t.compact=this.compact,this.multiple||(t.disableDeselect=!0,j(t,!1)),t.selected&&(s=!0,j(t,!0),this.selectedValues.set(t.value,t))});const[n]=i;!s&&n&&j(n,!0)}function x(t){this.items.forEach(s=>{s.value!==t.value&&(s.toggleSelected(!1),this.selectedValues.has(s.value)&&this.selectedValues.delete(s.value))})}function F(t,s=!1){if(!this.lastSelectedItem)return;const{items:i}=this,n=i.findIndex(t=>t.value===this.lastSelectedItem.value),e=i.findIndex(s=>s.value===t.value);i.slice(Math.min(n,e),Math.max(n,e)).forEach(t=>{t.toggleSelected(!s),s?this.selectedValues.delete(t.value):this.selectedValues.set(t.value,t)})}function O(t){const s=t.detail.map(t=>t.value);this.items.forEach(t=>{const i=t.parentElement.matches("calcite-pick-list-group");if(t.hidden=-1===s.indexOf(t.value),i){const i=e(t.parentElement,"parent-item");null!==i&&(-1!==s.indexOf(i.value)&&(t.hidden=!1),-1!==s.indexOf(t.value)&&(i.hidden=!1))}})}function w(){return this.items.map(t=>({label:t.textLabel,description:t.textDescription,metadata:t.metadata,value:t.value}))}const y=n=>{var{props:e}=n,a=function(t,s){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&s.indexOf(n)<0&&(i[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(n=Object.getOwnPropertySymbols(t);et(i,{loading:s,disabled:n}))(c,r))};export{y as L,f as a,d as b,u as c,x as d,p as e,v as f,w as g,O as h,l as i,g as j,m as k,c as m,F as s} \ No newline at end of file diff --git a/docs/build/p-b8854c34.entry.js b/docs/build/p-b8854c34.entry.js new file mode 100644 index 00000000..150d3aed --- /dev/null +++ b/docs/build/p-b8854c34.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,H as i,g as c}from"./p-9d0aa6e4.js";import{a as o}from"./p-27f3f0d7.js";import{I as r}from"./p-c55f1634.js";import{T as l,C as n,S as s,I as p}from"./p-78a4c1a4.js";const d=class{constructor(t){a(this,t),this.disabled=!1,this.disableDeselect=!1,this.icon=null,this.removable=!1,this.selected=!1,this.textRemove=l.remove,this.pickListClickHandler=a=>{this.disabled||this.disableDeselect&&this.selected||(this.shiftPressed=a.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=a=>{if(" "===a.key){if(a.preventDefault(),this.disableDeselect&&this.selected)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()},this.calciteListItemChange=e(this,"calciteListItemChange",7),this.calciteListItemRemove=e(this,"calciteListItemRemove",7),this.calciteListItemPropsChange=e(this,"calciteListItemPropsChange",7),this.calciteListItemValueChange=e(this,"calciteListItemValueChange",7)}metadataWatchHandler(){this.calciteListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}textDescriptionWatchHandler(){this.calciteListItemPropsChange.emit()}textLabelWatchHandler(){this.calciteListItemPropsChange.emit()}valueWatchHandler(a,e){this.calciteListItemValueChange.emit({oldValue:e,newValue:a})}async toggleSelected(a){this.disabled||(this.selected="boolean"==typeof a?a:!this.selected)}async setFocus(){var a;null===(a=this.focusEl)||void 0===a||a.focus()}renderIcon(){const{icon:a}=this;return a?t("span",{class:n.icon},t("calcite-icon",{scale:"s",icon:a===r.circle?p.circle:p.checked})):null}renderRemoveAction(){return this.removable?t("calcite-action",{scale:"s",class:n.remove,icon:p.remove,text:this.textRemove,onClick:this.removeClickHandler}):null}renderSecondaryAction(){return o(this.el,s.secondaryAction)||this.removable?t("div",{class:n.action},t("slot",{name:s.secondaryAction},this.renderRemoveAction())):null}render(){const a=this.textDescription?t("span",{class:n.description},this.textDescription):null;return t(i,{role:"menuitemcheckbox","aria-checked":this.selected.toString()},t("label",{class:n.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:a=>this.focusEl=a,"aria-label":this.textLabel},this.renderIcon(),t("div",{class:n.textContainer},t("span",{class:n.title},this.textLabel),a)),this.renderSecondaryAction())}get el(){return c(this)}static get watchers(){return{metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],textDescription:["textDescriptionWatchHandler"],textLabel:["textLabelWatchHandler"],value:["valueWatchHandler"]}}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset;-ms-flex-align:center;align-items:center;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;margin:0;color:var(--calcite-app-foreground);-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover),:host(:focus){background-color:var(--calcite-app-background-hover)}.icon{color:var(--calcite-app-foreground-link);-ms-flex:0 0 0%;flex:0 0 0%;line-height:0;width:var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-quarter);opacity:0}:host([selected]) .icon{-webkit-transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);opacity:1}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-quarter);-ms-flex-align:center;align-items:center;cursor:pointer;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.label:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;pointer-events:none;padding:0 var(--calcite-app-side-spacing-quarter)}.title{font-size:var(--calcite-app-font-size--1);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.description{color:var(--calcite-app-foreground-subtle);font-family:var(--calcite-app-font-family-monospace);font-size:var(--calcite-app-font-size--2);margin-top:var(--calcite-app-cap-spacing-quarter);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;justify-self:flex-end;margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-half)}";export{d as calcite_pick_list_item} \ No newline at end of file diff --git a/docs/build/p-b996c942.system.js b/docs/build/p-b996c942.system.js deleted file mode 100644 index 59069c18..00000000 --- a/docs/build/p-b996c942.system.js +++ /dev/null @@ -1,7 +0,0 @@ -System.register([],(function(r){"use strict";return{execute:function(){function e(r,e){return e={exports:{}},r(e,e.exports),e.exports}var t=e((function(r){ -/*! - Copyright (c) 2017 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames - */ -(function(){var e={}.hasOwnProperty;function t(){var r=[];for(var n=0;n0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]-1}();var g=function(e){return Promise.resolve(e)};var y=function(){try{new CSSStyleSheet;return true}catch(e){}return false}();var b=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],a=t[1],i=t[2];var s=e;var o=w(r,i);var l=R(n);p.ael(s,a,o,l);(r.$rmListeners$=r.$rmListeners$||[]).push((function(){return p.rel(s,a,o,l)}))}))}};var w=function(e,r){return function(t){{if(e.$flags$&256){e.$lazyInstance$[r](t)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([r,t])}}}};var R=function(e){return(e&2)!==0};var N="{visibility:hidden}.hydrated{visibility:inherit}";var _="http://www.w3.org/1999/xlink";var S=function(e,r){if(r===void 0){r=""}{return function(){return}}};var x=function(e,r){{return function(){return}}};var k=new WeakMap;var C=function(e,r,t){var n=De.get(e);if(y&&t){n=n||new CSSStyleSheet;n.replace(r)}else{n=r}De.set(e,n)};var T=function(e,r,t,n){var a=j(r.$tagName$);var i=De.get(a);e=e.nodeType===11?e:h;if(i){if(typeof i==="string"){e=e.head||e;var s=k.get(e);var o=void 0;if(!s){k.set(e,s=new Set)}if(!s.has(a)){{if(p.$cssShim$){o=p.$cssShim$.createHostStyle(n,a,i,!!(r.$flags$&10));var l=o["s-sc"];if(l){a=l;s=null}}else{o=h.createElement("style");o.innerHTML=i}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArrays(e.adoptedStyleSheets,[i])}}return a};var L=function(e){var r=e.$cmpMeta$;var t=e.$hostElement$;var n=r.$flags$;var a=S("attachStyles",r.$tagName$);var i=T(m&&t.shadowRoot?t.shadowRoot:t.getRootNode(),r,e.$modeName$,t);if(n&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var j=function(e,r){return"sc-"+e};var E={};var A=function(e){return e!=null};var P=function(e){e=typeof e;return e==="object"||e==="function"};var M=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var O=e("h",(function(e,r){var t=[];for(var n=2;n0){c.$children$=f}{c.$key$=i}{c.$name$=s}return c}));var I=function(e,r){var t={$flags$:0,$tag$:e,$text$:r,$elm$:null,$children$:null};{t.$attrs$=null}{t.$key$=null}{t.$name$=null}return t};var U=e("H",{});var B=function(e){return e&&e.$tag$===U};var z={forEach:function(e,r){return e.map(q).forEach(r)},map:function(e,r){return e.map(q).map(r).map(H)}};var q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var H=function(e){var r=I(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var V=function(e,r,t,n,a,i){if(t!==n){var s=qe(e,r);var o=r.toLowerCase();if(r==="class"){var l=e.classList;var f=D(t);var $=D(n);l.remove.apply(l,f.filter((function(e){return e&&!$.includes(e)})));l.add.apply(l,$.filter((function(e){return e&&!f.includes(e)})))}else if(r==="style"){{for(var u in t){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!t||n[u]!==t[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!s&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(qe(v,o)){r=o.slice(2)}else{r=o[2]+r.slice(3)}if(t){p.rel(e,r,t,false)}if(n){p.ael(e,r,n,false)}}else{var c=P(n);if((s||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(r==="list"){s=false}else if(t==null||e[r]!=d){e[r]=d}}else{e[r]=n}}catch(m){}}var h=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){r=o;h=true}}if(n==null||n===false){if(h){e.removeAttributeNS(_,r)}else{e.removeAttribute(r)}}else if((!s||i&4||a)&&!c){n=n===true?"":n;if(h){e.setAttributeNS(_,r,n)}else{e.setAttribute(r,n)}}}}};var W=/\s/;var D=function(e){return!e?[]:e.split(W)};var F=function(e,r,t,n){var a=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$;var i=e&&e.$attrs$||E;var s=r.$attrs$||E;{for(n in i){if(!(n in s)){V(a,n,i[n],undefined,t,r.$flags$)}}}for(n in s){V(a,n,i[n],s[n],t,r.$flags$)}};var G=function(e,r,t,n){var l=r.$children$[t];var u=0;var c;var v;var d;if(!o){f=true;if(l.$tag$==="slot"){if(a){n.classList.add(a+"-s")}l.$flags$|=l.$children$?2:1}}if(l.$text$!==null){c=l.$elm$=h.createTextNode(l.$text$)}else if(l.$flags$&1){c=l.$elm$=h.createTextNode("")}else{c=l.$elm$=h.createElement(l.$flags$&2?"slot-fb":l.$tag$);{F(null,l,$)}if(A(a)&&c["s-si"]!==a){c.classList.add(c["s-si"]=a)}if(l.$children$){for(u=0;u=0;n--){var a=t[n];if(a["s-hn"]!==s&&a["s-ol"]){ee(a).insertBefore(a,Z(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(r){Q(a,r)}}p.$flags$&=~1};var J=function(e,r,t,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var l;if(o.shadowRoot&&o.tagName===s){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){l=G(null,t,a,e);if(l){n[a].$elm$=l;o.insertBefore(l,Z(r))}}}};var K=function(e,r,t,n,a){for(;r<=t;++r){if(n=e[r]){a=n.$elm$;se(n);{l=true;if(a["s-ol"]){a["s-ol"].remove()}else{Q(a,true)}}a.remove()}}};var X=function(e,r,t,n){var a=0;var i=0;var s=0;var o=0;var l=r.length-1;var f=r[0];var $=r[l];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=l&&i<=u){if(f==null){f=r[++a]}else if($==null){$=r[--l]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(Y(f,c)){re(f,c);f=r[++a];c=n[++i]}else if(Y($,v)){re($,v);$=r[--l];v=n[--u]}else if(Y(f,v)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q(f.$elm$.parentNode,false)}re(f,v);e.insertBefore(f.$elm$,$.$elm$.nextSibling);f=r[++a];v=n[--u]}else if(Y($,c)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q($.$elm$.parentNode,false)}re($,c);e.insertBefore($.$elm$,f.$elm$);$=r[--l];c=n[++i]}else{s=-1;{for(o=a;o<=l;++o){if(r[o]&&r[o].$key$!==null&&r[o].$key$===c.$key$){s=o;break}}}if(s>=0){h=r[s];if(h.$tag$!==c.$tag$){d=G(r&&r[i],t,s,e)}else{re(h,c);r[s]=undefined;d=h.$elm$}c=n[++i]}else{d=G(r&&r[i],t,i,e);c=n[++i]}if(d){{ee(f.$elm$).insertBefore(d,Z(f.$elm$))}}}}if(a>l){J(e,n[u+1]==null?null:n[u+1].$elm$,t,n,i,u)}else if(i>u){K(r,a,l)}};var Y=function(e,r){if(e.$tag$===r.$tag$){if(e.$tag$==="slot"){return e.$name$===r.$name$}{return e.$key$===r.$key$}}return false};var Z=function(e){return e&&e["s-ol"]||e};var ee=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var re=function(e,r){var t=r.$elm$=e.$elm$;var n=e.$children$;var a=r.$children$;var i=r.$tag$;var s=r.$text$;var o;if(s===null){{if(i==="slot");else{F(e,r,$)}}if(n!==null&&a!==null){X(t,n,r,a)}else if(a!==null){if(e.$text$!==null){t.textContent=""}J(t,null,r,a,0,a.length-1)}else if(n!==null){K(n,0,n.length-1)}}else if(o=t["s-cr"]){o.parentNode.textContent=s}else if(e.$text$!==s){t.data=s}};var te=function(e){var r=e.childNodes;var t;var n;var a;var i;var s;var o;for(n=0,a=r.length;n=0;s--){t=n[s];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==r["s-hn"]){if(ie(t,a)){i=ne.find((function(e){return e.$nodeToRelocate$===t}));l=true;t["s-sn"]=t["s-sn"]||a;if(i){i.$slotRefNode$=r}else{ne.push({$slotRefNode$:r,$nodeToRelocate$:t})}if(t["s-sr"]){ne.map((function(e){if(ie(e.$nodeToRelocate$,t["s-sn"])){i=ne.find((function(e){return e.$nodeToRelocate$===t}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ne.some((function(e){return e.$nodeToRelocate$===t}))){ne.push({$nodeToRelocate$:t})}}}}if(r.nodeType===1){ae(r)}}};var ie=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var se=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(se)}};var oe=function(e,r){var t=e.$hostElement$;var n=e.$cmpMeta$;var $=e.$vnode$||I(null,null);var u=B(r)?r:O(null,null,r);s=t.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var r=e[0],n=e[1];return u.$attrs$[n]=t[r]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=$.$elm$=t.shadowRoot||t;{a=t["s-sc"]}{i=t["s-cr"];o=m&&(n.$flags$&1)!==0;l=false}re($,u);{p.$flags$|=1;if(f){ae(u.$elm$);var c=void 0;var v=void 0;var d=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w0){Qe.push.apply(Qe,Ge);Ge.length=0}if(c=Fe.length+Ge.length+Qe.length>0){p.raf(Ye)}else{u=0}}};var Ze=function(e){return g().then(e)};var er=Je(Ge,true);var rr=e("a",(function(){if(!(d&&d.supports&&d.supports("color","var(--c)"))){return r.import("./p-3aacad49.system.js").then((function(){if(p.$cssShim$=v.__cssshim){return p.$cssShim$.i()}else{return 0}}))}return g()}));var tr=e("p",(function(){{p.$cssShim$=v.__cssshim}var e=Array.from(h.querySelectorAll("script")).find((function(e){return new RegExp("/"+n+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var t=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,v.location.href)).href;{nr(t.resourcesUrl,e)}if(!v.customElements){return r.import("./p-a12694d7.system.js").then((function(){return t}))}}return g(t)}));var nr=function(e,r){var t=M(n);try{v[t]=new Function("w","return import(w);//"+Math.random())}catch(i){var a=new Map;v[t]=function(n){var i=new URL(n,e).href;var s=a.get(i);if(!s){var o=h.createElement("script");o.type="module";o.crossOrigin=r.crossOrigin;o.src=URL.createObjectURL(new Blob(["import * as m from '"+i+"'; window."+t+".m = m;"],{type:"application/javascript"}));s=new Promise((function(e){o.onload=function(){e(v[t].m);o.remove()}}));a.set(i,s);h.head.appendChild(o)}return s}}}}}})); \ No newline at end of file diff --git a/docs/build/p-c1467322.entry.js b/docs/build/p-c1467322.entry.js new file mode 100644 index 00000000..38eca33e --- /dev/null +++ b/docs/build/p-c1467322.entry.js @@ -0,0 +1 @@ +import{r as t,c as e,h as a,g as i}from"./p-9d0aa6e4.js";import"./p-27f3f0d7.js";import{a as s}from"./p-2a6389bf.js";import"./p-cf80779e.js";import"./p-c55f1634.js";import"./p-bdefc18b.js";import{m as c,d as o,s as r,h as l,g as p,k as n,i as d,a as h,c as b,b as f,e as u,f as g,j as m,L as v}from"./p-d8091628.js";import{S as x}from"./p-14b00fa9.js";var k;!function(t){t.grip="grip"}(k||(k={}));const w=class{constructor(a){t(this,a),this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.textFilterPlaceholder="Filter results",this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.guid="calcite-value-list-"+s(),this.observer=new MutationObserver(c.bind(this)),this.sortables=[],this.deselectSiblingItems=o.bind(this),this.selectSiblings=r.bind(this),this.handleFilter=l.bind(this),this.getItemData=p.bind(this),this.keyDownHandler=t=>{const e=t.composedPath().find(t=>{var e;return null===(e=t.dataset)||void 0===e?void 0:e.jsHandle}),a=t.composedPath().find(t=>{var e;return"calcite-value-list-item"===(null===(e=t.tagName)||void 0===e?void 0:e.toLowerCase())});if(!e||!a.handleActivated)return void n.call(this,t);const i=this.items.length-1,s=a.value,c=this.items.findIndex(t=>t.value===s);let o,r=!1;switch(t.key){case"ArrowUp":t.preventDefault(),0===c?r=!0:o=c-1;break;case"ArrowDown":t.preventDefault(),c===i?o=0:c===i-1?r=!0:o=c+2;break;default:return}r?a.parentElement.appendChild(a):a.parentElement.insertBefore(a,this.items[o]),e.focus(),a.handleActivated=!0},this.calciteListChange=e(this,"calciteListChange",7),this.calciteListOrderChange=e(this,"calciteListOrderChange",7)}connectedCallback(){d.call(this),h.call(this)}componentDidLoad(){this.setUpDragAndDrop()}componentDidUnload(){b.call(this),this.cleanUpDragAndDrop()}calciteListItemChangeHandler(t){f.call(this,t)}calciteListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteListItemValueChangeHandler(t){u.call(this,t)}setUpItems(){g.call(this,"calcite-value-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpDragAndDrop(){this.dragEnabled&&this.sortables.push(x.create(this.el,{group:this.guid,handle:".handle",draggable:"calcite-value-list-item",onUpdate:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map(t=>t.value);this.calciteListOrderChange.emit(t)}}))}cleanUpDragAndDrop(){this.dragEnabled&&(this.sortables.forEach(t=>{t.destroy()}),this.sortables=[])}async getSelectedItems(){return this.selectedValues}async setFocus(){return m.call(this)}getIconType(){let t=null;return this.dragEnabled&&(t=k.grip),t}render(){return a(v,{props:this,onKeyDown:this.keyDownHandler})}get el(){return i(this)}};w.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;position:relative}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-value-list-item:last-of-type{-webkit-box-shadow:none;box-shadow:none}header{background-color:var(--calcite-app-background);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:var(--calcite-app-cap-spacing-quarter);-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:1px}calcite-scrim{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;pointer-events:none}slot[name=menu-actions]::slotted(calcite-action){padding:0 var(--calcite-app-side-spacing-half)}";export{w as calcite_value_list} \ No newline at end of file diff --git a/docs/build/p-cca72c93.system.entry.js b/docs/build/p-cca72c93.system.entry.js new file mode 100644 index 00000000..72075711 --- /dev/null +++ b/docs/build/p-cca72c93.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,a,r){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,c){function i(e){try{l(r.next(e))}catch(t){c(t)}}function o(e){try{l(r["throw"](e))}catch(t){c(t)}}function l(e){e.done?a(e.value):n(e.value).then(i,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,n,c,i;return i={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(a)try{if(r=1,n&&(c=i[0]&2?n["return"]:i[0]?n["throw"]||((c=n["return"])&&c.call(n),0):n.next)&&!(c=c.call(n,i[1])).done)return c;if(n=0,c)i=[i[0]&2,c.value];switch(i[0]){case 0:case 1:c=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(c=a.trys,c=c.length>0&&c[c.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!c||i[1]>c[0]&&i[1]0&&n[n.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!n||c[1]>n[0]&&c[1]0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]{this.cleanUpDragAndDrop(),this.items=Array.from(this.el.children),this.setUpDragAndDrop()}),this.calciteListOrderChange=t(this,"calciteListOrderChange",7)}connectedCallback(){this.items=Array.from(this.el.children),this.setUpDragAndDrop(),this.beginObserving()}componentDidUnload(){this.observer.disconnect(),this.cleanUpDragAndDrop()}calciteHandleNudgeHandler(a){const t=this.items.find(t=>t.contains(a.detail.handle)||a.composedPath().includes(t)),e=this.items.length-1,c=this.items.indexOf(t);let i,r=!1;switch(a.detail.direction){case"up":a.preventDefault(),0===c?r=!0:i=c-1;break;case"down":a.preventDefault(),c===e?i=0:c===e-1?r=!0:i=c+2;break;default:return}this.observer.disconnect(),r?t.parentElement.appendChild(t):t.parentElement.insertBefore(t,this.items[i]),this.items=Array.from(this.el.children),a.detail.handle.activated=!0,a.detail.handle.setFocus(),this.beginObserving()}setUpDragAndDrop(){this.sortable=r.create(this.el,{handle:this.handleSelector,onUpdate:()=>{this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()},onStart:()=>{this.observer.disconnect()},onEnd:()=>{this.beginObserving()}})}cleanUpDragAndDrop(){this.sortable.destroy(),this.sortable=null}beginObserving(){this.observer.observe(this.el,{childList:!0,subtree:!0})}render(){return e(c,null,e("slot",null))}get el(){return i(this)}};s.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{s as calcite_sortable_list} \ No newline at end of file +import{r as a,c as t,h as e,H as c,g as i}from"./p-9d0aa6e4.js";import{S as r}from"./p-14b00fa9.js";const s=class{constructor(e){a(this,e),this.handleSelector="calcite-handle",this.disabled=!1,this.loading=!1,this.handleActivated=!1,this.items=[],this.observer=new MutationObserver(()=>{this.cleanUpDragAndDrop(),this.items=Array.from(this.el.children),this.setUpDragAndDrop()}),this.calciteListOrderChange=t(this,"calciteListOrderChange",7)}connectedCallback(){this.items=Array.from(this.el.children),this.setUpDragAndDrop(),this.beginObserving()}componentDidUnload(){this.observer.disconnect(),this.cleanUpDragAndDrop()}calciteHandleNudgeHandler(a){const t=this.items.find(t=>t.contains(a.detail.handle)||a.composedPath().includes(t)),e=this.items.length-1,c=this.items.indexOf(t);let i,r=!1;switch(a.detail.direction){case"up":a.preventDefault(),0===c?r=!0:i=c-1;break;case"down":a.preventDefault(),c===e?i=0:c===e-1?r=!0:i=c+2;break;default:return}this.observer.disconnect(),r?t.parentElement.appendChild(t):t.parentElement.insertBefore(t,this.items[i]),this.items=Array.from(this.el.children),a.detail.handle.activated=!0,a.detail.handle.setFocus(),this.beginObserving()}setUpDragAndDrop(){this.sortable=r.create(this.el,{handle:this.handleSelector,onUpdate:()=>{this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()},onStart:()=>{this.observer.disconnect()},onEnd:()=>{this.beginObserving()}})}cleanUpDragAndDrop(){this.sortable.destroy(),this.sortable=null}beginObserving(){this.observer.observe(this.el,{childList:!0,subtree:!0})}render(){return e(c,null,e("slot",null))}get el(){return i(this)}};s.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{s as calcite_sortable_list} \ No newline at end of file diff --git a/docs/build/p-d5e1fdd7.js b/docs/build/p-d5e1fdd7.js deleted file mode 100644 index 7d65e21a..00000000 --- a/docs/build/p-d5e1fdd7.js +++ /dev/null @@ -1 +0,0 @@ -import{h as e}from"./p-3125ea46.js";const t={alignItems:"center",animation:"calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)",backgroundColor:"var(--calcite-app-scrim)",bottom:"0",display:"flex",justifyContent:"center",left:"0",position:"absolute",right:"0",top:"0",userSelect:"none",zIndex:"2"},i={position:"relative",zIndex:"1"},a=({loading:a,disabled:n},l)=>{const o=n||a,c=null==l?void 0:l.length,r=a?e("calcite-loader",{"is-active":!0}):null,s=e("div",{style:t},r),p=c?e("div",{style:i},l):null;return o?[s,p]:l};export{a as C} \ No newline at end of file diff --git a/docs/build/p-a092b016.system.js b/docs/build/p-d6af8cff.system.js similarity index 56% rename from docs/build/p-a092b016.system.js rename to docs/build/p-d6af8cff.system.js index c2b907f6..7c3b7d1a 100644 --- a/docs/build/p-a092b016.system.js +++ b/docs/build/p-d6af8cff.system.js @@ -1 +1 @@ -System.register([],(function(e){"use strict";return{execute:function(){var t=e("C",{action:"action",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",label:"label",remove:"remove",title:"title",textContainer:"text-container"});var c=e("I",{unchecked:"square",checked:"check",circle:"circleF",remove:"x"});var i=e("S",{secondaryAction:"secondary-action"});var n=e("T",{remove:"remove"})}}})); \ No newline at end of file +System.register([],(function(e){"use strict";return{execute:function(){var t=e("C",{action:"action",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",label:"label",remove:"remove",title:"title",textContainer:"text-container"});var i=e("I",{checked:"check",circle:"circleF",remove:"x"});var c=e("S",{secondaryAction:"secondary-action"});var n=e("T",{remove:"remove"})}}})); \ No newline at end of file diff --git a/docs/build/p-d8091628.js b/docs/build/p-d8091628.js new file mode 100644 index 00000000..6ec3112e --- /dev/null +++ b/docs/build/p-d8091628.js @@ -0,0 +1 @@ +import{h as t,H as i}from"./p-9d0aa6e4.js";import{f as s,a as n,g as e,b as a}from"./p-27f3f0d7.js";import{g as o}from"./p-cf80779e.js";import{C as r}from"./p-c55f1634.js";import{d as c}from"./p-bdefc18b.js";function h(){this.setUpItems(),this.setUpFilter()}const l=["ArrowUp","ArrowDown"];function f(){this.setUpItems(),this.setUpFilter(),this.emitCalciteListChange=c(j.bind(this),0)}function u(){this.observer.observe(this.el,{childList:!0,subtree:!0})}function d(){this.observer.disconnect()}function m(t){const{selectedValues:i}=this,{item:s,value:n,selected:e,shiftPressed:a}=t.detail;e?(this.multiple||this.deselectSiblingItems(s),this.multiple&&a&&this.selectSiblings(s),i.set(n,s)):(i.delete(n),this.multiple&&a&&this.selectSiblings(s,!0)),this.multiple||g(s,e),this.lastSelectedItem=s,this.emitCalciteListChange()}function p(t){t.stopPropagation();const i=t.detail.oldValue,s=this.selectedValues;if(s.has(i)){const n=s.get(i);s.delete(i),s.set(t.detail.newValue,n)}}function b(t){const{key:i,target:n}=t;if(!function(t){return!!l.find(i=>i===t)}(i))return;const{items:e,multiple:a}=this,{length:r}=e,c=e.indexOf(n);if(!r||-1===c)return;t.preventDefault();const h=e[o(c+("ArrowUp"===i?-1:1),r)];g(h,!0),s(h),a||(h.selected=!0)}function j(){this.calciteListChange.emit(this.selectedValues)}function g(t,i){i?t.removeAttribute("tabindex"):t.setAttribute("tabindex","-1")}function v(){const{multiple:t,items:i}=this;if(0!==i.length)return t?i[0].setFocus():(i.find(t=>t.selected)||i[0]).setFocus()}function F(t){this.items=Array.from(this.el.querySelectorAll(t));let i=!1;const{items:s}=this;s.forEach(t=>{t.icon=this.getIconType(),this.multiple||(t.disableDeselect=!0,g(t,!1)),t.selected&&(i=!0,g(t,!0),this.selectedValues.set(t.value,t))});const[n]=s;!i&&n&&g(n,!0)}function O(t){this.items.forEach(i=>{i.value!==t.value&&(i.toggleSelected(!1),this.selectedValues.has(i.value)&&this.selectedValues.delete(i.value))})}function w(t,i=!1){if(!this.lastSelectedItem)return;const{items:s}=this,n=s.findIndex(t=>t.value===this.lastSelectedItem.value),e=s.findIndex(i=>i.value===t.value);s.slice(Math.min(n,e),Math.max(n,e)).forEach(t=>{t.toggleSelected(!i),i?this.selectedValues.delete(t.value):this.selectedValues.set(t.value,t)})}function x(t){const i=t.detail.map(t=>t.value);this.items.forEach(t=>{const s=t.parentElement.matches("calcite-pick-list-group");if(t.hidden=-1===i.indexOf(t.value),s){const s=n(t.parentElement,"parent-item");null!==s&&(-1!==i.indexOf(s.value)&&(t.hidden=!1),-1!==i.indexOf(t.value)&&(s.hidden=!1))}})}function y(){return this.items.map(t=>({label:t.textLabel,description:t.textDescription,metadata:t.metadata,value:t.value}))}const A=s=>{var{props:n}=s,o=function(t,i){var s={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0&&(s[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(n=Object.getOwnPropertySymbols(t);e{const i=new RegExp(a,"ig");if(0===this.data.length)return console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects"),void this.calciteFilterChange.emit([]);const t=(a,i)=>{let e=!1;return r(a,a=>{"function"!=typeof a&&(Array.isArray(a)||"object"==typeof a&&null!==a?t(a,i)&&(e=!0):i.test(a)&&(e=!0))}),e},e=this.data.filter(a=>t(a,i));this.calciteFilterChange.emit(e)},250),this.inputHandler=a=>{const i=a.target;this.empty=""===i.value,this.filter(i.value)},this.clear=()=>{this.textInput.value="",this.empty=!0,this.calciteFilterChange.emit(this.data)},this.calciteFilterChange=i(this,"calciteFilterChange",7)}render(){return t(e,null,t("label",null,t("input",{type:"text",value:"",placeholder:this.placeholder||this.textPlaceholder,onInput:this.inputHandler,"aria-label":this.intlLabel||this.textLabel||"filter",ref:a=>{this.textInput=a}}),t("div",{class:"search-icon"},t("calcite-icon",{scale:"s",icon:"search"}))),this.empty?null:t("button",{onClick:this.clear,class:"clear-button","aria-label":this.intlClear||"Clear filter"},t("calcite-icon",{icon:"x"})))}get el(){return c(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}";export{n as calcite_filter} \ No newline at end of file diff --git a/docs/build/p-de803772.js b/docs/build/p-de803772.js new file mode 100644 index 00000000..be4cb527 --- /dev/null +++ b/docs/build/p-de803772.js @@ -0,0 +1,12 @@ +/** + * @license + * Copyright Google Inc. All Rights Reserved. + * + * Use of this source code is governed by an MIT-style license that can be + * found in the LICENSE file at https://angular.io/license + * + * This file is a port of shadowCSS from webcomponents.js to TypeScript. + * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js + * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts + */ +const s=/(-shadowcsshost)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,t=/(-shadowcsscontext)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,o=/(-shadowcssslotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,n=/-shadowcsshost-no-combinator([^\s]*)/,e=[/::shadow/g,/::content/g],c=/-shadowcsshost/gim,r=/:host/gim,h=/::slotted/gim,a=/:host-context/gim,d=/\/\*\s*[\s\S]*?\*\//g,l=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,i=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,g=/([{}])/g,u=(s,t)=>{const o=m(s);let n=0;return o.escapedString.replace(i,(...s)=>{const e=s[2];let c="",r=s[4],h="";r&&r.startsWith("{%BLOCK%")&&(c=o.blocks[n++],r=r.substring(8),h="{");const a=t({selector:e,content:c});return`${s[1]}${a.selector}${s[3]}${h}${a.content}${r}`})},m=s=>{const t=s.split(g),o=[],n=[];let e=0,c=[];for(let r=0;r0?c.push(s):(c.length>0&&(n.push(c.join("")),o.push("%BLOCK%"),c=[]),o.push(s)),"{"===s&&e++}return c.length>0&&(n.push(c.join("")),o.push("%BLOCK%")),{escapedString:o.join(""),blocks:n}},w=(s,t,o)=>s.replace(t,(...s)=>{if(s[2]){const t=s[2].split(","),n=[];for(let e=0;es+t.replace("-shadowcsshost","")+o,$=(s,t,o)=>t.indexOf("-shadowcsshost")>-1?p(s,t,o):s+t+o+", "+t+" "+s+o,_=(s,t,o,e)=>u(s,s=>{let r=s.selector,h=s.content;return"@"!==s.selector[0]?r=((s,t,o,e)=>s.split(",").map(s=>e&&s.indexOf("."+e)>-1?s.trim():((s,t)=>!(s=>(s=s.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+s+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(s))(s,t)?((s,t,o)=>{const e="."+(t=t.replace(/\[is=([^\]]*)\]/g,(s,...t)=>t[0])),r=s=>{let r=s.trim();if(!r)return"";if(s.indexOf("-shadowcsshost-no-combinator")>-1)r=((s,t,o)=>{if(c.lastIndex=0,c.test(s)){const t="."+o;return s.replace(n,(s,o)=>o.replace(/([^:]*)(:*)(.*)/,(s,o,n,e)=>o+t+n+e)).replace(c,t+" ")}return t+" "+s})(s,t,o);else{const t=s.replace(c,"");if(t.length>0){const s=t.match(/([^:]*)(:*)(.*)/);s&&(r=s[1]+e+s[2]+s[3])}}return r},h=(s=>{const t=[];let o,n=0;return o=(s=s.replace(/(\[[^\]]*\])/g,(s,o)=>{const e=`__ph-${n}__`;return t.push(o),n++,e})).replace(/(:nth-[-\w]+)(\([^)]+\))/g,(s,o,e)=>{const c=`__ph-${n}__`;return t.push(e),n++,o+c}),{content:o,placeholders:t}})(s);let a,d="",l=0;const i=/( |>|\+|~(?!=))\s*/g;let g=!((s=h.content).indexOf("-shadowcsshost-no-combinator")>-1);for(;null!==(a=i.exec(s));){const t=a[1],o=s.slice(l,a.index).trim();g=g||o.indexOf("-shadowcsshost-no-combinator")>-1,d+=`${g?r(o):o} ${t} `,l=i.lastIndex}const u=s.substring(l);return g=g||u.indexOf("-shadowcsshost-no-combinator")>-1,d+=g?r(u):u,((s,t)=>t.replace(/__ph-(\d+)__/g,(t,o)=>s[+o]))(h.placeholders,d)})(s,t,o).trim():s.trim()).join(", "))(s.selector,t,o,e):(s.selector.startsWith("@media")||s.selector.startsWith("@supports")||s.selector.startsWith("@page")||s.selector.startsWith("@document"))&&(h=_(s.content,t,o,e)),{selector:r.replace(/\s{2,}/g," ").trim(),content:h}}),f=(n,c,i)=>{const g=c+"-h",m=c+"-s",f=(s=>s.match(l)||[])(n);n=(s=>s.replace(d,""))(n);const b=[];if(i){const s=s=>{const t=`/*!@___${b.length}___*/`;return b.push({placeholder:t,comment:`/*!@${s.selector}*/`}),s.selector=t+s.selector,s};n=u(n,t=>"@"!==t.selector[0]?s(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=u(t.content,s),t):t)}const x=((n,c,d,l)=>{const i=((s,t)=>{const n="."+t+" > ",e=[];return s=s.replace(o,(...s)=>{if(s[2]){const t=s[2].trim(),o=n+t+s[3];let c="";for(let n=s[4]-1;n>=0;n--){const t=s[5][n];if("}"===t||","===t)break;c=t+c}const r=c+o,h=`${c.trimRight()}${o.trim()}`;return r.trim()!==h.trim()&&e.push({orgSelector:r,updatedSelector:`${h}, ${r}`}),o}return"-shadowcsshost-no-combinator"+s[3]}),{selectors:e,cssText:s}})(n=(s=>w(s,t,$))(n=(t=>w(t,s,p))(n=(s=>s.replace(a,"-shadowcsscontext").replace(r,"-shadowcsshost").replace(h,"-shadowcssslotted"))(n))),l);return n=(s=>e.reduce((s,t)=>s.replace(t," "),s))(n=i.cssText),c&&(n=_(n,c,d,l)),{cssText:(n=(n=n.replace(/-shadowcsshost-no-combinator/g,"."+d)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:i.selectors}})(n,c,g,m);return n=[x.cssText,...f].join("\n"),i&&b.forEach(({placeholder:s,comment:t})=>{n=n.replace(s,t)}),x.slottedSelectors.forEach(s=>{n=n.replace(s.orgSelector,s.updatedSelector)}),n};export{f as scopeCss} \ No newline at end of file diff --git a/docs/build/p-e8002431.entry.js b/docs/build/p-e8002431.entry.js deleted file mode 100644 index 63d7d362..00000000 --- a/docs/build/p-e8002431.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,h as e,H as c,g as t}from"./p-3125ea46.js";import{f as r,a as o}from"./p-4230ce12.js";const i=class{constructor(e){a(this,e),this.appearance="outline",this.disabled=!1,this.icon="plus",this.loading=!1,this.scale="m",this.textEnabled=!1}async setFocus(){r(this.buttonEl)}render(){const{appearance:a,disabled:t,el:r,loading:i,scale:p,theme:l,textEnabled:b,icon:n,label:d,text:s}=this,f=d||!b&&s,u=o(r);return e(c,null,e("calcite-button",{class:"button",loading:i,disabled:t,title:f,"aria-label":d,theme:l,dir:u,scale:p,icon:n,round:!0,floating:!0,width:"auto",appearance:a,color:"blue",ref:a=>{this.buttonEl=a}},this.textEnabled?this.text:null))}get el(){return t(this)}};i.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-transparent)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{i as calcite_fab} \ No newline at end of file diff --git a/docs/build/p-ea3bee88.system.js b/docs/build/p-ea3bee88.system.js deleted file mode 100644 index 6f4b20e9..00000000 --- a/docs/build/p-ea3bee88.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-3f6e7b0b.system.js","./p-9e77e74d.system.js","./p-83545f41.system.js","./p-141eda4d.system.js","./p-e99ac265.system.js"],(function(e){"use strict";var t,i,n,s,r,a,l,u;return{setters:[function(e){t=e.h;i=e.H},function(e){n=e.C},function(e){s=e.f;r=e.g},function(e){a=e.g},function(e){l=e.C},function(e){u=e.d}],execute:function(){e({a:d,b:v,c:h,d:S,e:m,f:O,g:V,h:I,i:o,j:x,k:b,m:c,s:j});function c(){this.setUpItems();this.setUpFilter()}var f=["ArrowUp","ArrowDown"];function o(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=u(g.bind(this),0)}function d(){this.observer.observe(this.el,{childList:true,subtree:true})}function h(){this.observer.disconnect()}function v(e){var t=this.selectedValues;var i=e.detail,n=i.item,s=i.value,r=i.selected,a=i.shiftPressed;if(r){if(!this.multiple){this.deselectSiblingItems(n)}if(this.multiple&&a){this.selectSiblings(n)}t.set(s,n)}else{t.delete(s);if(this.multiple&&a){this.selectSiblings(n,true)}}if(!this.multiple){y(n,r)}this.lastSelectedItem=n;this.emitCalciteListChange()}function m(e){e.stopPropagation();var t=e.detail.oldValue;var i=this.selectedValues;if(i.has(t)){var n=i.get(t);i.delete(t);i.set(e.detail.newValue,n)}}function p(e){return!!f.find((function(t){return t===e}))}function b(e){var t=e.key,i=e.target;if(!p(t)){return}var n=this,r=n.items,l=n.multiple;var u=r.length;var c=r.indexOf(i);if(!u||c===-1){return}e.preventDefault();var f=a(c+(t==="ArrowUp"?-1:1),u);var o=r[f];y(o,true);s(o);if(!l){o.selected=true}}function g(){this.calciteListChange.emit(this.selectedValues)}function y(e,t){if(t){e.removeAttribute("tabindex")}else{e.setAttribute("tabindex","-1")}}function x(){var e=this,t=e.multiple,i=e.items;if(i.length===0){return}if(t){return i[0].setFocus()}var n=i.find((function(e){return e.selected}));return(n?n:i[0]).setFocus()}function O(e){var t=this;this.items=Array.from(this.el.querySelectorAll(e));var i=false;var n=this.items;n.forEach((function(e){e.icon=t.getIconType();e.compact=t.compact;if(!t.multiple){e.disableDeselect=true;y(e,false)}if(e.selected){i=true;y(e,true);t.selectedValues.set(e.value,e)}}));var s=n[0];if(!i&&s){y(s,true)}}function S(e){var t=this;this.items.forEach((function(i){if(i.value!==e.value){i.toggleSelected(false);if(t.selectedValues.has(i.value)){t.selectedValues.delete(i.value)}}}))}function j(e,t){var i=this;if(t===void 0){t=false}if(!this.lastSelectedItem){return}var n=this.items;var s=n.findIndex((function(e){return e.value===i.lastSelectedItem.value}));var r=n.findIndex((function(t){return t.value===e.value}));n.slice(Math.min(s,r),Math.max(s,r)).forEach((function(e){e.toggleSelected(!t);if(!t){i.selectedValues.set(e.value,e)}else{i.selectedValues.delete(e.value)}}))}function I(e){var t=e.detail;var i=t.map((function(e){return e.value}));this.items.forEach((function(e){var t=e.parentElement.matches("calcite-pick-list-group");e.hidden=i.indexOf(e.value)===-1;if(t){var n=r(e.parentElement,"parent-item");if(n!==null){if(i.indexOf(n.value)!==-1){e.hidden=false}if(i.indexOf(e.value)!==-1){n.hidden=false}}}}))}function V(){return this.items.map((function(e){return{label:e.textLabel,description:e.textDescription,metadata:e.metadata,value:e.value}}))}var C=undefined&&undefined.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(e);sthis.pickListItem=a,this.handleKeyDown=a=>{" "===a.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1},this.handleSelectChange=a=>{this.selected=a.detail.selected}}async toggleSelected(a){this.pickListItem.toggleSelected(a)}async setFocus(){var a;null===(a=this.pickListItem)||void 0===a||a.setFocus()}calciteListItemChangeHandler(a){a.detail.item=this.el}renderHandle(){const{icon:a}=this;if(a===o.grip)return t("span",{role:"button",class:{[r.handle]:!0,[r.handleActivated]:this.handleActivated},tabindex:"0","data-js-handle":"true","aria-pressed":this.handleActivated.toString(),onKeyDown:this.handleKeyDown,onBlur:this.handleBlur},t("calcite-icon",{scale:"s",icon:"drag"}))}render(){return t(e,{"data-id":this.guid},this.renderHandle(),t("calcite-pick-list-item",{ref:this.getPickListRef,disabled:this.disabled,disableDeselect:this.disableDeselect,selected:this.selected,metadata:this.metadata,removable:this.removable,textLabel:this.textLabel,textDescription:this.textDescription,onCalciteListItemChange:this.handleSelectChange,value:this.value},t("slot",{name:"secondary-action",slot:"secondary-action"})))}get el(){return i(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset;display:-ms-flexbox;display:flex;-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover){background-color:var(--calcite-app-background-hover)}calcite-pick-list-item{-webkit-box-shadow:none;box-shadow:none;-ms-flex-positive:1;flex-grow:1;position:relative;margin:0}:host([selected]){-webkit-box-shadow:0 0 0 1px var(--calcite-app-border-active) inset;box-shadow:0 0 0 1px var(--calcite-app-border-active) inset}:host([selected]) calcite-pick-list-item:hover{background-color:var(--calcite-app-background-clear)}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--calcite-app-cap-spacing-minimum);padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-quarter);background-color:var(--calcite-app-background-clear);border:none;color:var(--calcite-app-border);line-height:0;cursor:move;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.handle:hover,.handle:focus{background-color:var(--calcite-app-background-hover);outline-offset:var(--calcite-app-outline-inset);color:var(--calcite-app-foreground)}.handle:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}:host(:last-child) .handle{margin-bottom:0}";export{n as calcite_value_list_item} \ No newline at end of file diff --git a/docs/build/p-ef948fbd.entry.js b/docs/build/p-ef948fbd.entry.js new file mode 100644 index 00000000..a6122000 --- /dev/null +++ b/docs/build/p-ef948fbd.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,g as i}from"./p-9d0aa6e4.js";import"./p-27f3f0d7.js";import"./p-cf80779e.js";import{T as c,I as s}from"./p-c55f1634.js";import"./p-bdefc18b.js";import{m as o,d as r,s as p,h as l,g as n,k as d,i as b,a as f,c as h,b as g,e as m,f as u,j as x,L as k}from"./p-d8091628.js";const v=class{constructor(t){a(this,t),this.disabled=!1,this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.textFilterPlaceholder=c.filterPlaceholder,this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.observer=new MutationObserver(o.bind(this)),this.deselectSiblingItems=r.bind(this),this.selectSiblings=p.bind(this),this.handleFilter=l.bind(this),this.getItemData=n.bind(this),this.keyDownHandler=d.bind(this),this.calciteListChange=e(this,"calciteListChange",7)}connectedCallback(){b.call(this),f.call(this)}componentDidUnload(){h.call(this)}calciteListItemChangeHandler(a){g.call(this,a)}calciteListItemPropsChangeHandler(a){a.stopPropagation(),this.setUpFilter()}calciteListItemValueChangeHandler(a){m.call(this,a)}setUpItems(){u.call(this,"calcite-pick-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}async getSelectedItems(){return this.selectedValues}async setFocus(){return x.call(this)}getIconType(){return this.multiple?s.square:s.circle}render(){return t(k,{props:this,onKeyDown:this.keyDownHandler})}get el(){return i(this)}};v.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-flow:column;flex-flow:column;padding-bottom:var(--calcite-app-cap-spacing);position:relative}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}header{background-color:var(--calcite-app-background);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:var(--calcite-app-cap-spacing-half);-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:1px}calcite-scrim{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;pointer-events:none}slot[name=menu-actions]::slotted(calcite-action){padding:0 var(--calcite-app-side-spacing-half)}:host([loading][disabled]){min-height:2rem}";export{v as calcite_pick_list} \ No newline at end of file diff --git a/docs/build/p-ef969892.system.entry.js b/docs/build/p-ef969892.system.entry.js deleted file mode 100644 index a13a23e1..00000000 --- a/docs/build/p-ef969892.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,n){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,r){function o(e){try{l(n.next(e))}catch(t){r(t)}}function c(e){try{l(n["throw"](e))}catch(t){r(t)}}function l(e){e.done?a(e.value):i(e.value).then(o,c)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]1;var n=e&&t>1;if(!n&&!a){return null}return t1;e.hidden=e!==r}))}if(o){o.menuOpen=false}a.flows=t;if(n!==i){var c=a.getFlowDirection(n,i);a.flowCount=i;a.flowDirection=c}};this.flowItemObserver=new MutationObserver(this.updateFlowProps)}e.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){e=this.el.querySelector("calcite-flow-item:last-child");if(!e){return[2]}t=e.beforeBack?e.beforeBack:function(){return Promise.resolve()};return[2,t.call(e).then((function(){e.remove();return e}))]}))}))};e.prototype.connectedCallback=function(){this.flowItemObserver.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};e.prototype.componentDidUnload=function(){this.flowItemObserver.disconnect()};e.prototype.handleCalciteFlowItemBackClick=function(){this.back()};e.prototype.render=function(){var e;var t=this,i=t.flowDirection,r=t.flowCount;var o=(e={},e[u.frameAdvancing]=i==="advancing",e[u.frameRetreating]=i==="retreating",e);return a(n,null,a("div",{key:r,class:p(u.frame,o)},a("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());b.style=h;var g=["calcite-pick-list","calcite-value-list"];var m={header:"header-content",heading:"heading",summary:"summary",backButton:"back-button",footerActions:"footer-actions",headerActions:"header-actions",singleActionContainer:"single-action-container",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open",fabContainer:"fab-container"};var v={menuActions:"menu-actions",fab:"fab",footerActions:"footer-actions"};var y={menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var w={back:"Back",open:"Open",close:"Close"};var x={container:"container",header:"header",headerLeadingContent:"header-leading-content",headerContent:"header-content",headerTrailingContent:"header-trailing-content",contentContainer:"content-container",fabContainer:"fab-container",footer:"footer"};var k={close:"x"};var C={headerContent:"header-content",headerLeadingContent:"header-leading-content",headerTrailingContent:"header-trailing-content",fab:"fab",footer:"footer"};var A={close:"Close"};var z=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.menu-container,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";var B=["ArrowUp","ArrowDown"];var O=e("calcite_flow_item",function(){function e(e){var a=this;t(this,e);this.disabled=false;this.loading=false;this.menuOpen=false;this.showBackButton=false;this.toggleMenuOpen=function(){a.menuOpen=!a.menuOpen};this.backButtonClick=function(){a.calciteFlowItemBackClick.emit()};this.menuButtonKeyDown=function(e){var t=e.key;var n=a.menuOpen;if(!a.isValidKey(t,B)){return}var i=a.queryActions();var r=i.length;if(!r){return}e.preventDefault();if(!n){a.menuOpen=true}if(t==="ArrowUp"){var o=i[r-1];c(o)}if(t==="ArrowDown"){var l=i[0];c(l)}};this.menuActionsKeydown=function(e){var t=e.key,n=e.target;if(!a.isValidKey(t,B)){return}var i=a.queryActions();var r=i.length;var o=i.indexOf(n);if(!r||o===-1){return}e.preventDefault();if(t==="ArrowUp"){var l=d(o-1,r);var s=i[l];c(s)}if(t==="ArrowDown"){var l=d(o+1,r);var p=i[l];c(p)}};this.menuActionsContainerKeyDown=function(e){var t=e.key;if(t==="Escape"){a.menuOpen=false}};this.calciteFlowItemBackClick=r(this,"calciteFlowItemBackClick",7);this.calciteFlowItemScroll=r(this,"calciteFlowItemScroll",7)}e.prototype.handleCalcitePanelScroll=function(e){e.stopPropagation();this.calciteFlowItemScroll.emit()};e.prototype.queryActions=function(){return l(this.el,v.menuActions,{all:true})};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};e.prototype.renderBackButton=function(e){var t=this,n=t.showBackButton,i=t.intlBack,r=t.textBack,o=t.backButtonClick;var c=i||r||w.back;var l=e?y.backRight:y.backLeft;return n?a("calcite-action",{slot:C.headerLeadingContent,key:"back-button","aria-label":c,text:c,class:m.backButton,onClick:o,icon:l}):null};e.prototype.renderMenuButton=function(){var e=this,t=e.menuOpen,n=e.textOpen,i=e.intlOpen,r=e.intlClose,o=e.textClose;var c=r||o||w.close;var l=i||n||w.open;var s=t?c:l;return a("calcite-action",{class:m.menuButton,"aria-label":s,text:s,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:y.menu})};e.prototype.renderMenuActions=function(){var e;var t=this.menuOpen;return a("div",{class:p(m.menu,(e={},e[m.menuOpen]=t,e)),onKeyDown:this.menuActionsKeydown},a("slot",{name:v.menuActions}))};e.prototype.renderFooterActions=function(){var e=!!l(this.el,v.footerActions);return e?a("div",{slot:C.footer,class:m.footerActions},a("slot",{name:v.footerActions})):null};e.prototype.renderSingleActionContainer=function(){return a("div",{class:m.singleActionContainer},a("slot",{name:v.menuActions}))};e.prototype.renderMenuActionsContainer=function(){return a("div",{class:m.menuContainer,onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())};e.prototype.renderHeaderActions=function(){var e=l(this.el,v.menuActions,{all:true});var t=e.filter((function(e){return!e.closest(g.join(","))}));var n=t.length;var i=n===1?this.renderSingleActionContainer():n?this.renderMenuActionsContainer():null;return i?a("div",{slot:C.headerTrailingContent,class:m.headerActions},i):null};e.prototype.renderHeading=function(){var e=this.heading;return e?a("h2",{class:m.heading,slot:C.headerContent},e):null};e.prototype.renderSummary=function(){var e=this.summary;return e?a("span",{class:m.summary},e):null};e.prototype.renderHeader=function(){var e=this.renderHeading();var t=this.renderSummary();return e||t?a("div",{class:m.header,slot:C.headerContent},e,t):null};e.prototype.renderFab=function(){var e=l(this.el,v.fab);return e?a("div",{class:m.fabContainer,slot:C.fab},a("slot",{name:v.fab})):null};e.prototype.render=function(){var e=this.el;var t=s(e);return a(n,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,"height-scale":this.heightScale,dir:t},this.renderBackButton(t==="rtl"),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());O.style=z;var F=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing) 0}";var D=e("calcite_panel",function(){function e(e){var a=this;t(this,e);this.dismissed=false;this.disabled=false;this.dismissible=false;this.loading=false;this.panelKeyUpHandler=function(e){if(e.key==="Escape"){a.dismiss()}};this.dismiss=function(){a.dismissed=true};this.panelScrollHandler=function(){a.calcitePanelScroll.emit()};this.calcitePanelDismissedChange=r(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=r(this,"calcitePanelScroll",7)}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(n){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}(a=this.containerEl)===null||a===void 0?void 0:a.focus();return[2]}))}))};e.prototype.renderHeaderLeadingContent=function(){var e=l(this.el,C.headerLeadingContent);return e?a("div",{key:"header-leading-content",class:x.headerLeadingContent},a("slot",{name:C.headerLeadingContent})):null};e.prototype.renderHeaderContent=function(){return a("div",{key:"header-content",class:x.headerContent},a("slot",{name:C.headerContent}))};e.prototype.renderHeaderTrailingContent=function(){var e=this;var t=this,n=t.dismiss,i=t.dismissible,r=t.intlClose,o=t.textClose;var c=r||o||A.close;var l=i?a("calcite-action",{ref:function(t){return e.dismissButtonEl=t},"aria-label":c,text:c,onClick:n,icon:k.close}):null;var s=a("slot",{name:C.headerTrailingContent});return a("div",{key:"header-trailing-content",class:x.headerTrailingContent},s,l)};e.prototype.renderHeader=function(){var e=this.renderHeaderLeadingContent();var t=this.renderHeaderContent();var n=this.renderHeaderTrailingContent();var i=t||e||n;return i?a("header",{class:x.header},e,t,n):null};e.prototype.renderFooter=function(){var e=this.el;var t=l(e,C.footer);return t?a("footer",{class:x.footer},a("slot",{name:C.footer})):null};e.prototype.renderContent=function(){return a("section",{class:x.contentContainer,onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())};e.prototype.renderFab=function(){var e=l(this.el,C.fab);return e?a("div",{class:x.fabContainer},a("slot",{name:C.fab})):null};e.prototype.render=function(){var e;var t=this;var i=this,r=i.dismissed,c=i.disabled,l=i.dismissible,d=i.el,u=i.loading,h=i.panelKeyUpHandler;var b=s(d)==="rtl";return a(n,null,a("article",{"aria-busy":u.toString(),onKeyUp:h,tabIndex:l?0:-1,hidden:l&&r,ref:function(e){return t.containerEl=e},class:p(x.container,(e={},e[f.rtl]=b,e))},this.renderHeader(),this.renderContent(),this.renderFooter()),a(o,{loading:u,disabled:c}))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:true,configurable:true});return e}());D.style=F}}})); \ No newline at end of file diff --git a/docs/build/p-f4e12ff8.system.js b/docs/build/p-f4e12ff8.system.js new file mode 100644 index 00000000..d1da779c --- /dev/null +++ b/docs/build/p-f4e12ff8.system.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-598b7fa2.system.js","./p-83545f41.system.js","./p-141eda4d.system.js","./p-e99ac265.system.js"],(function(e){"use strict";var t,i,n,s,l,r,a,u,c;return{setters:[function(e){t=e.h;i=e.H},function(e){n=e.f;s=e.a;l=e.g;r=e.b},function(e){a=e.g},function(e){u=e.C},function(e){c=e.d}],execute:function(){e({a:h,b:m,c:v,d:j,e:p,f:S,g:F,h:V,i:d,j:O,k:g,m:f,s:I});function f(){this.setUpItems();this.setUpFilter()}var o=["ArrowUp","ArrowDown"];function d(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=c(y.bind(this),0)}function h(){this.observer.observe(this.el,{childList:true,subtree:true})}function v(){this.observer.disconnect()}function m(e){var t=this.selectedValues;var i=e.detail,n=i.item,s=i.value,l=i.selected,r=i.shiftPressed;if(l){if(!this.multiple){this.deselectSiblingItems(n)}if(this.multiple&&r){this.selectSiblings(n)}t.set(s,n)}else{t.delete(s);if(this.multiple&&r){this.selectSiblings(n,true)}}if(!this.multiple){x(n,l)}this.lastSelectedItem=n;this.emitCalciteListChange()}function p(e){e.stopPropagation();var t=e.detail.oldValue;var i=this.selectedValues;if(i.has(t)){var n=i.get(t);i.delete(t);i.set(e.detail.newValue,n)}}function b(e){return!!o.find((function(t){return t===e}))}function g(e){var t=e.key,i=e.target;if(!b(t)){return}var s=this,l=s.items,r=s.multiple;var u=l.length;var c=l.indexOf(i);if(!u||c===-1){return}e.preventDefault();var f=a(c+(t==="ArrowUp"?-1:1),u);var o=l[f];x(o,true);n(o);if(!r){o.selected=true}}function y(){this.calciteListChange.emit(this.selectedValues)}function x(e,t){if(t){e.removeAttribute("tabindex")}else{e.setAttribute("tabindex","-1")}}function O(){var e=this,t=e.multiple,i=e.items;if(i.length===0){return}if(t){return i[0].setFocus()}var n=i.find((function(e){return e.selected}));return(n?n:i[0]).setFocus()}function S(e){var t=this;this.items=Array.from(this.el.querySelectorAll(e));var i=false;var n=this.items;n.forEach((function(e){e.icon=t.getIconType();if(!t.multiple){e.disableDeselect=true;x(e,false)}if(e.selected){i=true;x(e,true);t.selectedValues.set(e.value,e)}}));var s=n[0];if(!i&&s){x(s,true)}}function j(e){var t=this;this.items.forEach((function(i){if(i.value!==e.value){i.toggleSelected(false);if(t.selectedValues.has(i.value)){t.selectedValues.delete(i.value)}}}))}function I(e,t){var i=this;if(t===void 0){t=false}if(!this.lastSelectedItem){return}var n=this.items;var s=n.findIndex((function(e){return e.value===i.lastSelectedItem.value}));var l=n.findIndex((function(t){return t.value===e.value}));n.slice(Math.min(s,l),Math.max(s,l)).forEach((function(e){e.toggleSelected(!t);if(!t){i.selectedValues.set(e.value,e)}else{i.selectedValues.delete(e.value)}}))}function V(e){var t=e.detail;var i=t.map((function(e){return e.value}));this.items.forEach((function(e){var t=e.parentElement.matches("calcite-pick-list-group");e.hidden=i.indexOf(e.value)===-1;if(t){var n=s(e.parentElement,"parent-item");if(n!==null){if(i.indexOf(n.value)!==-1){e.hidden=false}if(i.indexOf(e.value)!==-1){n.hidden=false}}}}))}function F(){return this.items.map((function(e){return{label:e.textLabel,description:e.textDescription,metadata:e.metadata,value:e.value}}))}var w=undefined&&undefined.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(e);s0&&o[o.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]

No Preview

Sorry, but you either have no stories or none are selected somehow.

  • Please check the Storybook config.
  • Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.


\ No newline at end of file
+      }
No Preview
Sorry, but you either have no stories or none are selected somehow.
  • Please check the Storybook config.
  • Try reloading the page.
If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index da47e965..c9061de8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -16,4 +16,4 @@
   }

\ No newline at end of file
+      }

\ No newline at end of file
diff --git a/docs/main.0435382f3c73dceabdc4.bundle.js b/docs/main.0435382f3c73dceabdc4.bundle.js
deleted file mode 100644
index 985be41d..00000000
--- a/docs/main.0435382f3c73dceabdc4.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{526:function(n,o,c){c(527),c(918),c(1572),c(1574),c(1579),n.exports=c(1689)},641:function(n,o){},668:function(n,o){},706:function(n,o){},751:function(n,o){},793:function(n,o){},836:function(n,o){},865:function(n,o){}},[[526,1,2]]]);
\ No newline at end of file
diff --git a/docs/main.78dec0c6bfb3b72b40af.bundle.js b/docs/main.78dec0c6bfb3b72b40af.bundle.js
new file mode 100644
index 00000000..aebe1a51
--- /dev/null
+++ b/docs/main.78dec0c6bfb3b72b40af.bundle.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1708:function(n,o,c){c(527),c(918),c(1572),c(1574),c(1579),c(1689),n.exports=c(1709)},641:function(n,o){},668:function(n,o){},706:function(n,o){},751:function(n,o){},793:function(n,o){},836:function(n,o){},865:function(n,o){}},[[1708,1,2]]]);
\ No newline at end of file
diff --git a/docs/main.efca2d7a24ab88ff7295.bundle.js b/docs/main.efca2d7a24ab88ff7295.bundle.js
new file mode 100644
index 00000000..f6531a39
--- /dev/null
+++ b/docs/main.efca2d7a24ab88ff7295.bundle.js
@@ -0,0 +1,366 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1594:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_html__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(159);module._StorybookPreserveDecorators=!0,Object(_storybook_html__WEBPACK_IMPORTED_MODULE_0__.configure)([__webpack_require__(1596)],module)}.call(this,__webpack_require__(1595)(module))},1596:function(module,exports,__webpack_require__){var map={"./1-introduction.stories.mdx":1597,"./2-getting-started.stories.mdx":1624,"./3-contributing.stories.mdx":1625,"./4-code-of-conduct.stories.mdx":1626,"./5-licensing.stories.mdx":1627,"./components/calcite-action-bar/calcite-action-bar.stories.ts":1614,"./components/calcite-action-pad/calcite-action-pad.stories.ts":1615,"./components/calcite-action/calcite-action.stories.ts":1628,"./components/calcite-block/calcite-block.stories.ts":1616,"./components/calcite-fab/calcite-fab.stories.ts":1617,"./components/calcite-flow/calcite-flow.stories.ts":1613,"./components/calcite-panel/calcite-panel.stories.ts":1618,"./components/calcite-pick-list/calcite-pick-list.stories.ts":1629,"./components/calcite-shell/calcite-shell.stories.ts":1619,"./components/calcite-tip-manager/calcite-tip-manager.stories.ts":1620,"./components/calcite-tip/calcite-tip.stories.ts":1621,"./components/calcite-value-list/calcite-value-list.stories.ts":1630};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1596},1597:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(3),__webpack_require__(51),__webpack_require__(38),__webpack_require__(12),__webpack_require__(4),__webpack_require__(157),__webpack_require__(158),__webpack_require__(6),__webpack_require__(46),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(5),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(42);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var source,i=1;i Attributes = () => {\n  const group = "Flow";\n\n  return [\n    {\n      name: "dir",\n      value: select("dir", dir.values, dir.defaultValue, group)\n    },\n    {\n      name: "theme",\n      value: select("theme", theme.values, theme.defaultValue, group)\n    }\n  ];\n};\n\nconst createFlowItemAttributes: (group: string) => Attributes = (group) => {\n  return [\n    {\n      name: "disabled",\n      value: boolean("disabled", false, group)\n    },\n    {\n      name: "heading",\n      value: text("heading", "Heading", group)\n    },\n    {\n      name: "loading",\n      value: boolean("loading", false, group)\n    },\n    {\n      name: "menu-open",\n      value: boolean("menuOpen", false, group)\n    },\n    {\n      name: "summary",\n      value: text("summary", "Summary", group)\n    },\n    {\n      name: "intl-back",\n      value: text("intlBack", TEXT.back, group)\n    },\n    {\n      name: "intl-open",\n      value: text("intlOpen", TEXT.open, group)\n    },\n    {\n      name: "intl-close",\n      value: text("intlClose", TEXT.close, group)\n    }\n  ];\n};\n\nconst menuActionsHTML = dedent`\n  \n  \n  \n`;\n\nconst footerActionsHTML = dedent`\n  Save\n  Cancel\n`;\n\nfunction createItemHTML(content: string): string {\n  return `${menuActionsHTML}${content}${footerActionsHTML}`;\n}\n\nconst item1HTML = dedent`\n  
\n  Enim nascetur erat faucibus ornare varius arcu fames bibendum habitant felis elit ante. Nibh morbi massa curae; leo semper diam aenean congue taciti eu porta. Varius faucibus ridiculus donec. Montes sit ligula purus porta ante lacus habitasse libero cubilia purus! In quis congue arcu maecenas felis cursus pellentesque nascetur porta donec non. Quisque, rutrum ligula pharetra justo habitasse facilisis rutrum neque. Magnis nostra nec nulla dictumst taciti consectetur. Non porttitor tempor orci dictumst magna porta vitae.\n  
\n  
\n  Ipsum nostra tempus etiam augue ullamcorper scelerisque sapien potenti erat nisi gravida. Vehicula sem tristique sed. Nullam, sociis imperdiet ullamcorper? Dapibus fames primis ridiculus vulputate, habitant inceptos! Nunc torquent lorem urna vehicula volutpat donec nec. Orci massa eu nec donec enim fames, faucibus quam aenean. Laoreet tellus tempor quisque ornare lobortis praesent erat senectus natoque consectetur donec imperdiet. Quis sem cum gravida dictumst a pretium purus aptent amet id. Orci habitasse, praesent facilisis condimentum. Nec elit turpis leo.\n  
\n  
\n  Tempus per volutpat diam tempor mauris parturient vulputate leo id libero quisque. Mattis aliquam dictum venenatis fringilla. Taciti venenatis, ultrices sollicitudin consequat. Sapien fusce est iaculis potenti ut auctor potenti. Nisi malesuada feugiat vulputate vitae porttitor. Nullam nullam nullam accumsan quis magna in. Elementum, nascetur gravida cras scelerisque inceptos aenean inceptos potenti. Lobortis condimentum accumsan posuere curabitur fermentum diam, natoque quisque. Eget placerat sed aptent orci urna fusce magnis. Vel lacus magnis nunc.\n  
\n  
\n  Magna ligula neque phasellus. Velit duis auctor etiam nullam sociis nam neque quis. Donec fusce bibendum quam egestas sociosqu orci tempus vulputate egestas penatibus urna sociosqu. Nulla nam potenti diam egestas litora lobortis tristique maecenas pulvinar maecenas vitae tortor. Lacus purus facilisi est accumsan varius gravida facilisis rutrum tortor potenti rhoncus id. Ipsum praesent tristique blandit taciti morbi torquent pharetra fermentum aenean!\n  
\n  
\n  Congue eu duis integer nisl molestie nostra dis auctor lobortis tellus parturient. Porttitor dis curae; maecenas quis praesent ridiculus posuere mus. Dictumst, vivamus fames semper congue fusce! Nunc placerat enim fermentum posuere magna justo habitasse. Tristique placerat mauris, per nulla gravida dui urna ut nec venenatis! Non lacus iaculis quisque, neque erat integer. Duis tortor ad habitant turpis dis eu mollis at facilisis. Tellus nisl amet morbi fringilla mus dui neque himenaeos maecenas platea venenatis. Tristique nisl quisque ad aliquam senectus pulvinar litora.\n  
\n`;\n\nconst item2HTML = dedent`\n  
    \n    
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
    • \n    
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
    • \n    
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
    • \n    
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
    • \n  
\n`;\n\nexport const basic = (): string =>\n  create(\n    "calcite-flow",\n    createAttributes(),\n    `${create("calcite-flow-item", createFlowItemAttributes("Flow Item 1"), createItemHTML(item1HTML))}\n    ${create("calcite-flow-item", createFlowItemAttributes("Flow Item 2"), createItemHTML(item2HTML))}`\n  );\n',locationsMap:{"components-calcite-flow--basic":{startLoc:{col:21,line:117},endLoc:{col:3,line:123},startBody:{col:21,line:117},endBody:{col:3,line:123}}}},backgrounds:utils.b,notes:{flow:Object(utils.c)('# calcite-flow\n\nThe `calcite-flow` component is a series of panels that provides a user with a workflow (eg. editing experience), by which the user can switch from panel to panel of `calcite-flow-item`s.\n\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Usage\n\n### Basic\n\n#### Basic\n\nRenders a basic flow with a couple `calcite-flow-item`s.\n\n```html\n\n  \n    \x3c!-- image --\x3e\n  \n  \n    \x3c!-- image --\x3e\n  \n\n```\n\n#### Menu-actions and footer-actions\n\nRenders a flow with menu-actions and footer-actions in the form of buttons.\n\n```html\n\n  \n    \n    \n    \n    \n  \n\n```\n\n\n\n## Properties\n\n| Property | Attribute | Description                               | Type                | Default     |\n| -------- | --------- | ----------------------------------------- | ------------------- | ----------- |\n| `theme`  | `theme`   | Used to set the component\'s color scheme. | `"dark" \\| "light"` | `undefined` |\n\n\n## Methods\n\n### `back() => Promise`\n\nRemoves the currently active `calcite-flow-item`.\n\n#### Returns\n\nType: `Promise`\n\n\n\n\n## Slots\n\n| Slot | Description                                         |\n| ---- | --------------------------------------------------- |\n|      | A slot for adding `calcite-flow-item`s to the flow. |\n\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n'),item:Object(utils.c)('# calcite-flow-item\n\nA `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel with a heading and content.\n\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Properties\n\n| Property         | Attribute          | Description                                                                                               | Type                  | Default     |\n| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |\n| `beforeBack`     | --                 | When provided, this method will be called before it is removed from the parent flow.                      | `() => Promise` | `undefined` |\n| `disabled`       | `disabled`         | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.               | `boolean`             | `false`     |\n| `heading`        | `heading`          | Heading text.                                                                                             | `string`              | `undefined` |\n| `heightScale`    | `height-scale`     | Specifies the maxiumum height of the panel that this wraps.                                               | `"l" \\| "m" \\| "s"`   | `undefined` |\n| `intlBack`       | `intl-back`        | \'Back\' text string.                                                                                       | `string`              | `undefined` |\n| `intlClose`      | `intl-close`       | \'Close\' text string for the close button. The close button will only be shown when \'dismissible\' is true. | `string`              | `undefined` |\n| `intlOpen`       | `intl-open`        | \'Open\' text string for the menu.                                                                          | `string`              | `undefined` |\n| `loading`        | `loading`          | When true, content is waiting to be loaded. This state shows a busy indicator.                            | `boolean`             | `false`     |\n| `menuOpen`       | `menu-open`        | Opens the action menu.                                                                                    | `boolean`             | `false`     |\n| `showBackButton` | `show-back-button` | Shows a back button in the header.                                                                        | `boolean`             | `false`     |\n| `summary`        | `summary`          | Summary text. A description displayed underneath the heading.                                             | `string`              | `undefined` |\n| `theme`          | `theme`            | Used to set the component\'s color scheme.                                                                 | `"dark" \\| "light"`   | `undefined` |\n\n\n## Events\n\n| Event                      | Description                                    | Type               |\n| -------------------------- | ---------------------------------------------- | ------------------ |\n| `calciteFlowItemBackClick` | Emitted when the back button has been clicked. | `CustomEvent` |\n| `calciteFlowItemScroll`    | Emitted when the content has been scrolled.    | `CustomEvent` |\n\n\n## Slots\n\n| Slot               | Description                                                                                                                     |\n| ------------------ | ------------------------------------------------------------------------------------------------------------------------------- |\n|                    | A slot for adding content to the flow item.                                                                                     |\n| `"fab"`            | A slot for adding a `calcite-fab` (floating action button) to perform an action.                                                |\n| `"footer-actions"` | A slot for adding `calcite-button`s to the footer.                                                                              |\n| `"menu-actions"`   | A slot for adding `calcite-action`s to a menu under the `...` in the header. These actions are displayed when the menu is open. |\n\n\n## Dependencies\n\n### Depends on\n\n- [calcite-action](../calcite-action)\n- [calcite-panel](../calcite-panel)\n\n### Graph\n```mermaid\ngraph TD;\n  calcite-flow-item --\x3e calcite-action\n  calcite-flow-item --\x3e calcite-panel\n  calcite-panel --\x3e calcite-action\n  style calcite-flow-item fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n')}}};const createFlowItemAttributes=group=>[{name:"disabled",value:Object(dist.boolean)("disabled",!1,group)},{name:"heading",value:Object(dist.text)("heading","Heading",group)},{name:"loading",value:Object(dist.boolean)("loading",!1,group)},{name:"menu-open",value:Object(dist.boolean)("menuOpen",!1,group)},{name:"summary",value:Object(dist.text)("summary","Summary",group)},{name:"intl-back",value:Object(dist.text)("intlBack",TEXT_back,group)},{name:"intl-open",value:Object(dist.text)("intlOpen",TEXT_open,group)},{name:"intl-close",value:Object(dist.text)("intlClose",TEXT_close,group)}],menuActionsHTML=dedent_default.a`
+  
+  
+  
+`,footerActionsHTML=dedent_default.a`
+  Save
+  Cancel
+`;function createItemHTML(content){return`${menuActionsHTML}${content}${footerActionsHTML}`}const item1HTML=dedent_default.a`
+  

+  Enim nascetur erat faucibus ornare varius arcu fames bibendum habitant felis elit ante. Nibh morbi massa curae; leo semper diam aenean congue taciti eu porta. Varius faucibus ridiculus donec. Montes sit ligula purus porta ante lacus habitasse libero cubilia purus! In quis congue arcu maecenas felis cursus pellentesque nascetur porta donec non. Quisque, rutrum ligula pharetra justo habitasse facilisis rutrum neque. Magnis nostra nec nulla dictumst taciti consectetur. Non porttitor tempor orci dictumst magna porta vitae.
+  

+  

+  Ipsum nostra tempus etiam augue ullamcorper scelerisque sapien potenti erat nisi gravida. Vehicula sem tristique sed. Nullam, sociis imperdiet ullamcorper? Dapibus fames primis ridiculus vulputate, habitant inceptos! Nunc torquent lorem urna vehicula volutpat donec nec. Orci massa eu nec donec enim fames, faucibus quam aenean. Laoreet tellus tempor quisque ornare lobortis praesent erat senectus natoque consectetur donec imperdiet. Quis sem cum gravida dictumst a pretium purus aptent amet id. Orci habitasse, praesent facilisis condimentum. Nec elit turpis leo.
+  

+  

+  Tempus per volutpat diam tempor mauris parturient vulputate leo id libero quisque. Mattis aliquam dictum venenatis fringilla. Taciti venenatis, ultrices sollicitudin consequat. Sapien fusce est iaculis potenti ut auctor potenti. Nisi malesuada feugiat vulputate vitae porttitor. Nullam nullam nullam accumsan quis magna in. Elementum, nascetur gravida cras scelerisque inceptos aenean inceptos potenti. Lobortis condimentum accumsan posuere curabitur fermentum diam, natoque quisque. Eget placerat sed aptent orci urna fusce magnis. Vel lacus magnis nunc.
+  

+  

+  Magna ligula neque phasellus. Velit duis auctor etiam nullam sociis nam neque quis. Donec fusce bibendum quam egestas sociosqu orci tempus vulputate egestas penatibus urna sociosqu. Nulla nam potenti diam egestas litora lobortis tristique maecenas pulvinar maecenas vitae tortor. Lacus purus facilisi est accumsan varius gravida facilisis rutrum tortor potenti rhoncus id. Ipsum praesent tristique blandit taciti morbi torquent pharetra fermentum aenean!
+  

+  

+  Congue eu duis integer nisl molestie nostra dis auctor lobortis tellus parturient. Porttitor dis curae; maecenas quis praesent ridiculus posuere mus. Dictumst, vivamus fames semper congue fusce! Nunc placerat enim fermentum posuere magna justo habitasse. Tristique placerat mauris, per nulla gravida dui urna ut nec venenatis! Non lacus iaculis quisque, neque erat integer. Duis tortor ad habitant turpis dis eu mollis at facilisis. Tellus nisl amet morbi fringilla mus dui neque himenaeos maecenas platea venenatis. Tristique nisl quisque ad aliquam senectus pulvinar litora.
+  

+`,item2HTML=dedent_default.a`
+  
    
+    
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
    • 
+    
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
    • 
+    
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
    • 
+    
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
    • 
+  

+`,basic=addSourceDecorator(()=>Object(utils.a)("calcite-flow",[{name:"dir",value:Object(dist.select)("dir",dir.values,dir.defaultValue,"Flow")},{name:"theme",value:Object(dist.select)("theme",theme.values,theme.defaultValue,"Flow")}],`${Object(utils.a)("calcite-flow-item",createFlowItemAttributes("Flow Item 1"),createItemHTML(item1HTML))}\n    ${Object(utils.a)("calcite-flow-item",createFlowItemAttributes("Flow Item 2"),createItemHTML(item2HTML))}`),{__STORY__:'import { boolean, select, text, withKnobs } from "@storybook/addon-knobs";\nimport { withA11y } from "@storybook/addon-a11y";\nimport { Attributes, createComponentHTML as create, darkBackground, parseReadme } from "../../../.storybook/utils";\nimport { ATTRIBUTES } from "../../../.storybook/resources";\nconst { dir, theme } = ATTRIBUTES;\nimport readme from "./readme.md";\nimport itemReadme from "../calcite-flow-item/readme.md";\nimport { SLOTS, TEXT } from "../calcite-flow-item/resources";\nimport dedent from "dedent";\n\nexport default {\n  title: "components|calcite-flow",\n  decorators: [withKnobs, withA11y],\n  parameters: {\n    backgrounds: darkBackground,\n    notes: {\n      flow: parseReadme(readme),\n      item: parseReadme(itemReadme)\n    }\n  }\n};\n\nconst createAttributes: () => Attributes = () => {\n  const group = "Flow";\n\n  return [\n    {\n      name: "dir",\n      value: select("dir", dir.values, dir.defaultValue, group)\n    },\n    {\n      name: "theme",\n      value: select("theme", theme.values, theme.defaultValue, group)\n    }\n  ];\n};\n\nconst createFlowItemAttributes: (group: string) => Attributes = (group) => {\n  return [\n    {\n      name: "disabled",\n      value: boolean("disabled", false, group)\n    },\n    {\n      name: "heading",\n      value: text("heading", "Heading", group)\n    },\n    {\n      name: "loading",\n      value: boolean("loading", false, group)\n    },\n    {\n      name: "menu-open",\n      value: boolean("menuOpen", false, group)\n    },\n    {\n      name: "summary",\n      value: text("summary", "Summary", group)\n    },\n    {\n      name: "intl-back",\n      value: text("intlBack", TEXT.back, group)\n    },\n    {\n      name: "intl-open",\n      value: text("intlOpen", TEXT.open, group)\n    },\n    {\n      name: "intl-close",\n      value: text("intlClose", TEXT.close, group)\n    }\n  ];\n};\n\nconst menuActionsHTML = dedent`\n  \n  \n  \n`;\n\nconst footerActionsHTML = dedent`\n  Save\n  Cancel\n`;\n\nfunction createItemHTML(content: string): string {\n  return `${menuActionsHTML}${content}${footerActionsHTML}`;\n}\n\nconst item1HTML = dedent`\n  
\n  Enim nascetur erat faucibus ornare varius arcu fames bibendum habitant felis elit ante. Nibh morbi massa curae; leo semper diam aenean congue taciti eu porta. Varius faucibus ridiculus donec. Montes sit ligula purus porta ante lacus habitasse libero cubilia purus! In quis congue arcu maecenas felis cursus pellentesque nascetur porta donec non. Quisque, rutrum ligula pharetra justo habitasse facilisis rutrum neque. Magnis nostra nec nulla dictumst taciti consectetur. Non porttitor tempor orci dictumst magna porta vitae.\n  
\n  
\n  Ipsum nostra tempus etiam augue ullamcorper scelerisque sapien potenti erat nisi gravida. Vehicula sem tristique sed. Nullam, sociis imperdiet ullamcorper? Dapibus fames primis ridiculus vulputate, habitant inceptos! Nunc torquent lorem urna vehicula volutpat donec nec. Orci massa eu nec donec enim fames, faucibus quam aenean. Laoreet tellus tempor quisque ornare lobortis praesent erat senectus natoque consectetur donec imperdiet. Quis sem cum gravida dictumst a pretium purus aptent amet id. Orci habitasse, praesent facilisis condimentum. Nec elit turpis leo.\n  
\n  
\n  Tempus per volutpat diam tempor mauris parturient vulputate leo id libero quisque. Mattis aliquam dictum venenatis fringilla. Taciti venenatis, ultrices sollicitudin consequat. Sapien fusce est iaculis potenti ut auctor potenti. Nisi malesuada feugiat vulputate vitae porttitor. Nullam nullam nullam accumsan quis magna in. Elementum, nascetur gravida cras scelerisque inceptos aenean inceptos potenti. Lobortis condimentum accumsan posuere curabitur fermentum diam, natoque quisque. Eget placerat sed aptent orci urna fusce magnis. Vel lacus magnis nunc.\n  
\n  
\n  Magna ligula neque phasellus. Velit duis auctor etiam nullam sociis nam neque quis. Donec fusce bibendum quam egestas sociosqu orci tempus vulputate egestas penatibus urna sociosqu. Nulla nam potenti diam egestas litora lobortis tristique maecenas pulvinar maecenas vitae tortor. Lacus purus facilisi est accumsan varius gravida facilisis rutrum tortor potenti rhoncus id. Ipsum praesent tristique blandit taciti morbi torquent pharetra fermentum aenean!\n  
\n  
\n  Congue eu duis integer nisl molestie nostra dis auctor lobortis tellus parturient. Porttitor dis curae; maecenas quis praesent ridiculus posuere mus. Dictumst, vivamus fames semper congue fusce! Nunc placerat enim fermentum posuere magna justo habitasse. Tristique placerat mauris, per nulla gravida dui urna ut nec venenatis! Non lacus iaculis quisque, neque erat integer. Duis tortor ad habitant turpis dis eu mollis at facilisis. Tellus nisl amet morbi fringilla mus dui neque himenaeos maecenas platea venenatis. Tristique nisl quisque ad aliquam senectus pulvinar litora.\n  
\n`;\n\nconst item2HTML = dedent`\n  
    \n    
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
    • \n    
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
    • \n    
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
    • \n    
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
    • \n  
\n`;\n\nexport const basic = (): string =>\n  create(\n    "calcite-flow",\n    createAttributes(),\n    `${create("calcite-flow-item", createFlowItemAttributes("Flow Item 1"), createItemHTML(item1HTML))}\n    ${create("calcite-flow-item", createFlowItemAttributes("Flow Item 2"), createItemHTML(item2HTML))}`\n  );\n',__ADDS_MAP__:{"components-calcite-flow--basic":{startLoc:{col:21,line:117},endLoc:{col:3,line:123},startBody:{col:21,line:117},endBody:{col:3,line:123}}},__MAIN_FILE_LOCATION__:"/calcite-flow.stories.ts",__MODULE_DEPENDENCIES__:[],__LOCAL_DEPENDENCIES__:{},__SOURCE_PREFIX__:"/Users/juan6600/dev/projects/calcite-app-components/src/components/calcite-flow",__IDS_TO_FRAMEWORKS__:{}})},1614:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"basic",(function(){return basic})),__webpack_require__.d(__webpack_exports__,"withTooltip",(function(){return withTooltip}));var dist=__webpack_require__(1),addon_a11y_dist=__webpack_require__(29),utils=__webpack_require__(2),resources=__webpack_require__(30),dedent=__webpack_require__(10),dedent_default=__webpack_require__.n(dedent);const TEXT_expand="Expand",TEXT_collapse="Collapse";__webpack_require__(28).withSource;var addSourceDecorator=__webpack_require__(28).addSource,__SOURCE_PREFIX__="/Users/juan6600/dev/projects/calcite-app-components/src/components/calcite-action-bar",__STORY__='import { boolean, select, text, withKnobs } from "@storybook/addon-knobs";\nimport { withA11y } from "@storybook/addon-a11y";\nimport { Attributes, createComponentHTML as create, darkBackground, parseReadme } from "../../../.storybook/utils";\nimport readme from "./readme.md";\nimport { ATTRIBUTES } from "../../../.storybook/resources";\nimport dedent from "dedent";\nconst { dir, position, theme } = ATTRIBUTES;\nimport { TEXT } from "./resources";\n\nexport default {\n  title: "components|calcite-action-bar",\n  decorators: [withKnobs, withA11y],\n  parameters: {\n    backgrounds: darkBackground,\n    notes: parseReadme(readme)\n  }\n};\n\nconst createAttributes: () => Attributes = () => [\n  {\n    name: "expand",\n    value: boolean("expand", true)\n  },\n  {\n    name: "expanded",\n    value: boolean("expanded", false)\n  },\n  {\n    name: "dir",\n    value: select("dir", dir.values, dir.defaultValue)\n  },\n  {\n    name: "intl-expand",\n    value: text("intlExpand", TEXT.expand)\n  },\n  {\n    name: "intl-collapse",\n    value: text("intlCollapse", TEXT.collapse)\n  },\n  {\n    name: "position",\n    value: select("position", position.values, position.defaultValue)\n  },\n  {\n    name: "theme",\n    value: select("theme", theme.values, theme.defaultValue)\n  }\n];\n\nexport const basic = (): string =>\n  create(\n    "calcite-action-bar",\n    createAttributes(),\n    dedent`\n    \n      \n      \n    \n    \n      \n    \n  `\n  );\n\nexport const withTooltip = (): DocumentFragment => {\n  const action = document.createElement("calcite-action");\n  action.text = "Add";\n  action.icon = "plus";\n\n  const tooltip = document.createElement("calcite-tooltip");\n  tooltip.innerText = "Expand";\n\n  const actionBar = document.createElement("calcite-action-bar");\n  actionBar.tooltipExpand = tooltip;\n\n  actionBar.append(action);\n\n  const fragment = document.createDocumentFragment();\n\n  fragment.append(actionBar);\n  fragment.append(tooltip);\n\n  return fragment;\n};\n',__ADDS_MAP__={"components-calcite-action-bar--basic":{startLoc:{col:21,line:50},endLoc:{col:3,line:63},startBody:{col:21,line:50},endBody:{col:3,line:63}},"components-calcite-action-bar--with-tooltip":{startLoc:{col:27,line:65},endLoc:{col:1,line:84},startBody:{col:27,line:65},endBody:{col:1,line:84}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};const{dir:dir,position:position,theme:theme}=resources.a;__webpack_exports__.default={title:"components|calcite-action-bar",decorators:[dist.withKnobs,addon_a11y_dist.withA11y],parameters:{storySource:{source:'import { boolean, select, text, withKnobs } from "@storybook/addon-knobs";\nimport { withA11y } from "@storybook/addon-a11y";\nimport { Attributes, createComponentHTML as create, darkBackground, parseReadme } from "../../../.storybook/utils";\nimport readme from "./readme.md";\nimport { ATTRIBUTES } from "../../../.storybook/resources";\nimport dedent from "dedent";\nconst { dir, position, theme } = ATTRIBUTES;\nimport { TEXT } from "./resources";\n\nexport default {\n  title: "components|calcite-action-bar",\n  decorators: [withKnobs, withA11y],\n  parameters: {\n    backgrounds: darkBackground,\n    notes: parseReadme(readme)\n  }\n};\n\nconst createAttributes: () => Attributes = () => [\n  {\n    name: "expand",\n    value: boolean("expand", true)\n  },\n  {\n    name: "expanded",\n    value: boolean("expanded", false)\n  },\n  {\n    name: "dir",\n    value: select("dir", dir.values, dir.defaultValue)\n  },\n  {\n    name: "intl-expand",\n    value: text("intlExpand", TEXT.expand)\n  },\n  {\n    name: "intl-collapse",\n    value: text("intlCollapse", TEXT.collapse)\n  },\n  {\n    name: "position",\n    value: select("position", position.values, position.defaultValue)\n  },\n  {\n    name: "theme",\n    value: select("theme", theme.values, theme.defaultValue)\n  }\n];\n\nexport const basic = (): string =>\n  create(\n    "calcite-action-bar",\n    createAttributes(),\n    dedent`\n    \n      \n      \n    \n    \n      \n    \n  `\n  );\n\nexport const withTooltip = (): DocumentFragment => {\n  const action = document.createElement("calcite-action");\n  action.text = "Add";\n  action.icon = "plus";\n\n  const tooltip = document.createElement("calcite-tooltip");\n  tooltip.innerText = "Expand";\n\n  const actionBar = document.createElement("calcite-action-bar");\n  actionBar.tooltipExpand = tooltip;\n\n  actionBar.append(action);\n\n  const fragment = document.createDocumentFragment();\n\n  fragment.append(actionBar);\n  fragment.append(tooltip);\n\n  return fragment;\n};\n',locationsMap:{"components-calcite-action-bar--basic":{startLoc:{col:21,line:50},endLoc:{col:3,line:63},startBody:{col:21,line:50},endBody:{col:3,line:63}},"components-calcite-action-bar--with-tooltip":{startLoc:{col:27,line:65},endLoc:{col:1,line:84},startBody:{col:27,line:65},endBody:{col:1,line:84}}}},backgrounds:utils.b,notes:Object(utils.c)('# calcite-action-bar\n\n## Description\n\nThe `calcite-action-bar` component is made up of multiple `calcite-action`s in the form of clickable icons. The action bar can be expanded to view actions with descriptive text or made smaller to view with just icons.\n\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Usage\n\n### Basic\n\n#### Basic Action Bar (Top Actions)\n\nRenders `calcite-action`s that stick to the top of the bar.\n\n```html\n\n  \n  \n\n```\n\n#### With grouping\n\nRenders a group of `calcite-action`s contained in a `calcite-action-group`. Actions in a group are visually separated from other groups or actions in the bar.\n\n```html\n\n  \n    \n    \n  \n\n  \n    \n    \n  \n\n```\n\n#### Bottom Actions\n\nThe bottom-actions slot renders `calcite-action`s that stick to the bottom of the bar above the expand/collapse icon.\n\n```html\n\n  \n  \n\n```\n\n\n### Tooltip\n\n### Tooltip on the expand action\n\n```html\n\n  \n\nExpand\n
 ```
 
-
-
 ## Properties
 
-| Property        | Attribute       | Description                                                                                                                                                                                                                                                 | Type                        | Default     |
-| --------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | ----------- |
-| `expand`        | `expand`        | Indicates whether widget can be expanded.                                                                                                                                                                                                                   | `boolean`                   | `true`      |
-| `expanded`      | `expanded`      | Indicates whether widget is expanded.                                                                                                                                                                                                                       | `boolean`                   | `false`     |
-| `intlCollapse`  | `intl-collapse` | Updates the label of the collapse icon when the component is expanded.                                                                                                                                                                                      | `string`                    | `undefined` |
-| `intlExpand`    | `intl-expand`   | Updates the label of the expand icon when the component is not expanded.                                                                                                                                                                                    | `string`                    | `undefined` |
-| `layout`        | `layout`        | **[DEPRECATED]** use "position" instead.

Arrangement of the component. Leading and trailing are different depending on if the direction is LTR or RTL. For example, "leading" in a LTR app will appear on the left. | `"leading" \| "trailing"`   | `undefined` |
-| `position`      | `position`      | Arranges the component depending on the elements 'dir' property.                                                                                                                                                                                            | `"end" \| "start"`          | `undefined` |
-| `textCollapse`  | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Updates the label of the collapse icon when the component is expanded.                                                                                                 | `string`                    | `undefined` |
-| `textExpand`    | `text-expand`   | **[DEPRECATED]** use "intlExpand" instead.

Updates the label of the expand icon when the component is not expanded.                                                                                                 | `string`                    | `undefined` |
-| `theme`         | `theme`         | Used to set the component's color scheme.                                                                                                                                                                                                                   | `"dark" \| "light"`         | `undefined` |
-| `tooltipExpand` | --              | Used to set the tooltip for the expand toggle.                                                                                                                                                                                                              | `HTMLCalciteTooltipElement` | `undefined` |
-
+| Property        | Attribute       | Description                                                              | Type                        | Default     |
+| --------------- | --------------- | ------------------------------------------------------------------------ | --------------------------- | ----------- |
+| `expand`        | `expand`        | Indicates whether widget can be expanded.                                | `boolean`                   | `true`      |
+| `expanded`      | `expanded`      | Indicates whether widget is expanded.                                    | `boolean`                   | `false`     |
+| `intlCollapse`  | `intl-collapse` | Updates the label of the collapse icon when the component is expanded.   | `string`                    | `undefined` |
+| `intlExpand`    | `intl-expand`   | Updates the label of the expand icon when the component is not expanded. | `string`                    | `undefined` |
+| `position`      | `position`      | Arranges the component depending on the elements 'dir' property.         | `"end" \| "start"`          | `undefined` |
+| `theme`         | `theme`         | Used to set the component's color scheme.                                | `"dark" \| "light"`         | `undefined` |
+| `tooltipExpand` | --              | Used to set the tooltip for the expand toggle.                           | `HTMLCalciteTooltipElement` | `undefined` |
 
 ## Events
 
@@ -92,7 +84,6 @@ The bottom-actions slot renders `calcite-action`s that stick to the bottom of th
 | ------------------------ | --------------------------------------- | ------------------ |
 | `calciteActionBarToggle` | Emitted when expanded has been toggled. | `CustomEvent` |
 
-
 ## Slots
 
 | Slot               | Description                                                                                                             |
@@ -100,7 +91,6 @@ The bottom-actions slot renders `calcite-action`s that stick to the bottom of th
 |                    | A slot for adding `calcite-action`s that will appear at the top of the action bar.                                      |
 | `"bottom-actions"` | A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -109,6 +99,7 @@ The bottom-actions slot renders `calcite-action`s that stick to the bottom of th
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-action-bar --> calcite-action-group
@@ -116,6 +107,6 @@ graph TD;
   style calcite-action-bar fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-action-pad/readme.md b/src/components/calcite-action-pad/readme.md
index 32e6fdc6..9851d904 100755
--- a/src/components/calcite-action-pad/readme.md
+++ b/src/components/calcite-action-pad/readme.md
@@ -4,7 +4,6 @@ The `calcite-action-pad` component is made up of `calcite-action`s in the form o
 
 
 
-
 ## Usage
 
 ### Basic
@@ -35,7 +34,6 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti
 
 ```
 
-
 ### Tooltip
 
 ### Tooltip on the expand action
@@ -52,23 +50,18 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti
 
 ```
 
-
-
 ## Properties
 
-| Property        | Attribute       | Description                                                                                                                                                 | Type                        | Default     |
-| --------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | ----------- |
-| `expand`        | `expand`        | Indicates whether widget can be expanded.                                                                                                                   | `boolean`                   | `true`      |
-| `expanded`      | `expanded`      | Indicates whether widget is expanded.                                                                                                                       | `boolean`                   | `false`     |
-| `intlCollapse`  | `intl-collapse` | Updates the label of the collapse icon when the component is expanded.                                                                                      | `string`                    | `undefined` |
-| `intlExpand`    | `intl-expand`   | Updates the label of the expand icon when the component is not expanded.                                                                                    | `string`                    | `undefined` |
-| `layout`        | `layout`        | **[DEPRECATED]** use "position" instead.

Arrangement of the component.                                              | `"leading" \| "trailing"`   | `undefined` |
-| `position`      | `position`      | Arranges the component depending on the elements 'dir' property.                                                                                            | `"end" \| "start"`          | `undefined` |
-| `textCollapse`  | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Updates the label of the collapse icon when the component is expanded. | `string`                    | `undefined` |
-| `textExpand`    | `text-expand`   | **[DEPRECATED]** use "intlExpand" instead.

Updates the label of the expand icon when the component is not expanded. | `string`                    | `undefined` |
-| `theme`         | `theme`         | Used to set the component's color scheme.                                                                                                                   | `"dark" \| "light"`         | `undefined` |
-| `tooltipExpand` | --              | Used to set the tooltip for the expand toggle.                                                                                                              | `HTMLCalciteTooltipElement` | `undefined` |
-
+| Property        | Attribute       | Description                                                              | Type                         | Default      |
+| --------------- | --------------- | ------------------------------------------------------------------------ | ---------------------------- | ------------ |
+| `expand`        | `expand`        | Indicates whether widget can be expanded.                                | `boolean`                    | `true`       |
+| `expanded`      | `expanded`      | Indicates whether widget is expanded.                                    | `boolean`                    | `false`      |
+| `intlCollapse`  | `intl-collapse` | Updates the label of the collapse icon when the component is expanded.   | `string`                     | `undefined`  |
+| `intlExpand`    | `intl-expand`   | Updates the label of the expand icon when the component is not expanded. | `string`                     | `undefined`  |
+| `layout`        | `layout`        | Indicates the horizontal or vertical layout of the component.            | `"horizontal" \| "vertical"` | `"vertical"` |
+| `position`      | `position`      | Arranges the component depending on the elements 'dir' property.         | `"end" \| "start"`           | `undefined`  |
+| `theme`         | `theme`         | Used to set the component's color scheme.                                | `"dark" \| "light"`          | `undefined`  |
+| `tooltipExpand` | --              | Used to set the tooltip for the expand toggle.                           | `HTMLCalciteTooltipElement`  | `undefined`  |
 
 ## Events
 
@@ -76,14 +69,12 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti
 | ------------------------ | --------------------------------------- | ------------------ |
 | `calciteActionPadToggle` | Emitted when expanded has been toggled. | `CustomEvent` |
 
-
 ## Slots
 
 | Slot | Description                                            |
 | ---- | ------------------------------------------------------ |
 |      | A slot for adding `calcite-action`s to the action pad. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -92,6 +83,7 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-action-pad --> calcite-action-group
@@ -99,6 +91,6 @@ graph TD;
   style calcite-action-pad fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-block-section/readme.md b/src/components/calcite-block-section/readme.md
index 3c089973..4ac2183a 100644
--- a/src/components/calcite-block-section/readme.md
+++ b/src/components/calcite-block-section/readme.md
@@ -4,7 +4,6 @@ The `calcite-block-section` component is a child element of `calcite-block`. Sec
 
 
 
-
 ## Properties
 
 | Property        | Attribute        | Description                                                                                                                                                                      | Type                   | Default     |
@@ -13,25 +12,20 @@ The `calcite-block-section` component is a child element of `calcite-block`. Sec
 | `intlExpand`    | `intl-expand`    | Tooltip used for the toggle when collapsed.                                                                                                                                      | `string`               | `undefined` |
 | `open`          | `open`           | When true, the block's section content will be displayed.                                                                                                                        | `boolean`              | `false`     |
 | `text`          | `text`           | Text displayed in the button.                                                                                                                                                    | `string`               | `undefined` |
-| `textCollapse`  | `text-collapse`  | **[DEPRECATED]** use "intlCollapse" instead.

Tooltip used for the toggle when expanded.                                                  | `string`               | `undefined` |
-| `textExpand`    | `text-expand`    | **[DEPRECATED]** use "intlExpand" instead.

Tooltip used for the toggle when collapsed.                                                   | `string`               | `undefined` |
 | `toggleDisplay` | `toggle-display` | This property determines the look of the section toggle. If the value is "switch", a toggle-switch will be displayed. If the value is "button", a clickable header is displayed. | `"button" \| "switch"` | `"button"`  |
 
-
 ## Events
 
 | Event                       | Description                               | Type               |
 | --------------------------- | ----------------------------------------- | ------------------ |
 | `calciteBlockSectionToggle` | Emitted when the header has been clicked. | `CustomEvent` |
 
-
 ## Slots
 
 | Slot | Description                                     |
 | ---- | ----------------------------------------------- |
 |      | A slot for adding content to the block section. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -39,12 +33,13 @@ The `calcite-block-section` component is a child element of `calcite-block`. Sec
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-block-section --> calcite-action
   style calcite-block-section fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-block/readme.md b/src/components/calcite-block/readme.md
index e4aa7a86..8ec826d5 100644
--- a/src/components/calcite-block/readme.md
+++ b/src/components/calcite-block/readme.md
@@ -4,7 +4,6 @@ The `calcite-block` component is intended for displaying a heading and content.
 
 
 
-
 ## Usage
 
 ### Basic
@@ -55,25 +54,20 @@ Renders a header with a clickable icon to toggle the block open and closed.
 
 ```
 
-
-
 ## Properties
 
-| Property       | Attribute       | Description                                                                                                                     | Type                | Default     |
-| -------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- |
-| `collapsible`  | `collapsible`   | When true, this block will be collapsible.                                                                                      | `boolean`           | `false`     |
-| `disabled`     | `disabled`      | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                     | `boolean`           | `false`     |
-| `dragHandle`   | `drag-handle`   | When true, displays a drag handle in the header.                                                                                | `boolean`           | `false`     |
-| `heading`      | `heading`       | Block heading.                                                                                                                  | `string`            | `undefined` |
-| `intlCollapse` | `intl-collapse` | Tooltip used for the toggle when expanded.                                                                                      | `string`            | `undefined` |
-| `intlExpand`   | `intl-expand`   | Tooltip used for the toggle when collapsed.                                                                                     | `string`            | `undefined` |
-| `loading`      | `loading`       | When true, content is waiting to be loaded. This state shows a busy indicator.                                                  | `boolean`           | `false`     |
-| `open`         | `open`          | When true, the block's content will be displayed.                                                                               | `boolean`           | `false`     |
-| `summary`      | `summary`       | Block summary.                                                                                                                  | `string`            | `undefined` |
-| `textCollapse` | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Tooltip used for the toggle when expanded. | `string`            | `undefined` |
-| `textExpand`   | `text-expand`   | **[DEPRECATED]** use "intlExpand" instead.

Tooltip used for the toggle when collapsed.  | `string`            | `undefined` |
-| `theme`        | `theme`         | Used to set the component's color scheme.                                                                                       | `"dark" \| "light"` | `undefined` |
-
+| Property       | Attribute       | Description                                                                                 | Type                | Default     |
+| -------------- | --------------- | ------------------------------------------------------------------------------------------- | ------------------- | ----------- |
+| `collapsible`  | `collapsible`   | When true, this block will be collapsible.                                                  | `boolean`           | `false`     |
+| `disabled`     | `disabled`      | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean`           | `false`     |
+| `dragHandle`   | `drag-handle`   | When true, displays a drag handle in the header.                                            | `boolean`           | `false`     |
+| `heading`      | `heading`       | Block heading.                                                                              | `string`            | `undefined` |
+| `intlCollapse` | `intl-collapse` | Tooltip used for the toggle when expanded.                                                  | `string`            | `undefined` |
+| `intlExpand`   | `intl-expand`   | Tooltip used for the toggle when collapsed.                                                 | `string`            | `undefined` |
+| `loading`      | `loading`       | When true, content is waiting to be loaded. This state shows a busy indicator.              | `boolean`           | `false`     |
+| `open`         | `open`          | When true, the block's content will be displayed.                                           | `boolean`           | `false`     |
+| `summary`      | `summary`       | Block summary.                                                                              | `string`            | `undefined` |
+| `theme`        | `theme`         | Used to set the component's color scheme.                                                   | `"dark" \| "light"` | `undefined` |
 
 ## Events
 
@@ -81,7 +75,6 @@ Renders a header with a clickable icon to toggle the block open and closed.
 | -------------------- | ----------------------------------------- | ------------------ |
 | `calciteBlockToggle` | Emitted when the header has been clicked. | `CustomEvent` |
 
-
 ## Slots
 
 | Slot        | Description                                                |
@@ -90,7 +83,6 @@ Renders a header with a clickable icon to toggle the block open and closed.
 | `"control"` | A slot for adding a single HTML input element in a header. |
 | `"icon"`    | A slot for adding a trailing header icon.                  |
 
-
 ## Dependencies
 
 ### Depends on
@@ -98,12 +90,13 @@ Renders a header with a clickable icon to toggle the block open and closed.
 - [calcite-handle](../calcite-handle)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-block --> calcite-handle
   style calcite-block fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-fab/readme.md b/src/components/calcite-fab/readme.md
index 021cab6e..ddd8edd6 100644
--- a/src/components/calcite-fab/readme.md
+++ b/src/components/calcite-fab/readme.md
@@ -2,7 +2,6 @@
 
 
 
-
 ## Usage
 
 ### Basic
@@ -31,36 +30,29 @@ Renders a `calcite-fab` that is loading and disabled.
 
 ```
 
-
-
 ## Properties
 
-| Property      | Attribute      | Description                                                                                                                         | Type                              | Default      |
-| ------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- | ------------ |
-| `appearance`  | `appearance`   | Used to set the button's appearance. Default is outline.                                                                            | `"clear" \| "outline" \| "solid"` | `"outline"`  |
-| `disabled`    | `disabled`     | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                         | `boolean`                         | `false`      |
-| `icon`        | `icon`         | The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/. | `string`                          | `ICONS.plus` |
-| `label`       | `label`        | Label of the FAB, exposed on hover. If no label is provided, the label inherits what's provided for the `text` prop.                | `string`                          | `undefined`  |
-| `loading`     | `loading`      | When true, content is waiting to be loaded. This state shows a busy indicator.                                                      | `boolean`                         | `false`      |
-| `scale`       | `scale`        | Specifies the size of the fab.                                                                                                      | `"l" \| "m" \| "s"`               | `"m"`        |
-| `text`        | `text`         | Text that accompanies the FAB icon.                                                                                                 | `string`                          | `undefined`  |
-| `textEnabled` | `text-enabled` | Indicates whether the text is displayed.                                                                                            | `boolean`                         | `false`      |
-| `theme`       | `theme`        | Used to set the component's color scheme.                                                                                           | `"dark" \| "light"`               | `undefined`  |
-
+| Property      | Attribute      | Description                                                                                                                         | Type                                   | Default      |
+| ------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | ------------ |
+| `appearance`  | `appearance`   | Used to set the button's appearance. Default is outline.                                                                            | `"clear" \| "outline" \| "solid"`      | `"outline"`  |
+| `color`       | `color`        | Used to set the button's color. Default is light.                                                                                   | `"blue" \| "dark" \| "light" \| "red"` | `"light"`    |
+| `disabled`    | `disabled`     | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                         | `boolean`                              | `false`      |
+| `icon`        | `icon`         | The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/. | `string`                               | `ICONS.plus` |
+| `label`       | `label`        | Label of the FAB, exposed on hover. If no label is provided, the label inherits what's provided for the `text` prop.                | `string`                               | `undefined`  |
+| `loading`     | `loading`      | When true, content is waiting to be loaded. This state shows a busy indicator.                                                      | `boolean`                              | `false`      |
+| `scale`       | `scale`        | Specifies the size of the fab.                                                                                                      | `"l" \| "m" \| "s"`                    | `"s"`        |
+| `text`        | `text`         | Text that accompanies the FAB icon.                                                                                                 | `string`                               | `undefined`  |
+| `textEnabled` | `text-enabled` | Indicates whether the text is displayed.                                                                                            | `boolean`                              | `false`      |
+| `theme`       | `theme`        | Used to set the component's color scheme.                                                                                           | `"dark" \| "light"`                    | `undefined`  |
 
 ## Methods
 
 ### `setFocus() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
+---
 
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-filter/readme.md b/src/components/calcite-filter/readme.md
index 98bd559f..1fa02ac7 100644
--- a/src/components/calcite-filter/readme.md
+++ b/src/components/calcite-filter/readme.md
@@ -2,18 +2,14 @@
 
 
 
-
 ## Properties
 
-| Property          | Attribute          | Description                                                                                                                                                             | Type       | Default     |
-| ----------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
-| `data`            | --                 | The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search. | `object[]` | `undefined` |
-| `intlClear`       | `intl-clear`       | A text label that will appear on the clear button.                                                                                                                      | `string`   | `undefined` |
-| `intlLabel`       | `intl-label`       | A text label that will appear next to the input field.                                                                                                                  | `string`   | `undefined` |
-| `placeholder`     | `placeholder`      | Placeholder text for the input element's placeholder attribute                                                                                                          | `string`   | `undefined` |
-| `textLabel`       | `text-label`       | **[DEPRECATED]** use "intlLabel" instead.

A text label that will appear next to the input field.                                | `string`   | `undefined` |
-| `textPlaceholder` | `text-placeholder` | **[DEPRECATED]** use "placeholder" instead.

Placeholder text for the input element's placeholder attribute                      | `string`   | `undefined` |
-
+| Property      | Attribute     | Description                                                                                                                                                             | Type       | Default     |
+| ------------- | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
+| `data`        | --            | The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search. | `object[]` | `undefined` |
+| `intlClear`   | `intl-clear`  | A text label that will appear on the clear button.                                                                                                                      | `string`   | `undefined` |
+| `intlLabel`   | `intl-label`  | A text label that will appear next to the input field.                                                                                                                  | `string`   | `undefined` |
+| `placeholder` | `placeholder` | Placeholder text for the input element's placeholder attribute                                                                                                          | `string`   | `undefined` |
 
 ## Events
 
@@ -21,15 +17,15 @@
 | --------------------- | ----------- | ------------------ |
 | `calciteFilterChange` |             | `CustomEvent` |
 
-
 ## Dependencies
 
 ### Used by
 
- - [calcite-pick-list](../calcite-pick-list)
- - [calcite-value-list](../calcite-value-list)
+- [calcite-pick-list](../calcite-pick-list)
+- [calcite-value-list](../calcite-value-list)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-pick-list --> calcite-filter
@@ -37,6 +33,6 @@ graph TD;
   style calcite-filter fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-flow-item/readme.md b/src/components/calcite-flow-item/readme.md
index a3eaa095..7d6a5eeb 100644
--- a/src/components/calcite-flow-item/readme.md
+++ b/src/components/calcite-flow-item/readme.md
@@ -4,27 +4,22 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel
 
 
 
-
 ## Properties
 
-| Property         | Attribute          | Description                                                                                                         | Type                  | Default     |
-| ---------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
-| `beforeBack`     | --                 | When provided, this method will be called before it is removed from the parent flow.                                | `() => Promise` | `undefined` |
-| `disabled`       | `disabled`         | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                         | `boolean`             | `false`     |
-| `heading`        | `heading`          | Heading text.                                                                                                       | `string`              | `undefined` |
-| `heightScale`    | `height-scale`     | Specifies the maxiumum height of the panel that this wraps.                                                         | `"l" \| "m" \| "s"`   | `undefined` |
-| `intlBack`       | `intl-back`        | 'Back' text string.                                                                                                 | `string`              | `undefined` |
-| `intlClose`      | `intl-close`       | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true.           | `string`              | `undefined` |
-| `intlOpen`       | `intl-open`        | 'Open' text string for the menu.                                                                                    | `string`              | `undefined` |
-| `loading`        | `loading`          | When true, content is waiting to be loaded. This state shows a busy indicator.                                      | `boolean`             | `false`     |
-| `menuOpen`       | `menu-open`        | Opens the action menu.                                                                                              | `boolean`             | `false`     |
-| `showBackButton` | `show-back-button` | Shows a back button in the header.                                                                                  | `boolean`             | `false`     |
-| `summary`        | `summary`          | Summary text. A description displayed underneath the heading.                                                       | `string`              | `undefined` |
-| `textBack`       | `text-back`        | **[DEPRECATED]** use "intlBack" instead.

'Back' text string.                | `string`              | `undefined` |
-| `textClose`      | `text-close`       | **[DEPRECATED]** use "intlClose" instead.

'Close' text string for the menu. | `string`              | `undefined` |
-| `textOpen`       | `text-open`        | **[DEPRECATED]** use "intlOpen" instead.

'Open' text string for the menu.   | `string`              | `undefined` |
-| `theme`          | `theme`            | Used to set the component's color scheme.                                                                           | `"dark" \| "light"`   | `undefined` |
-
+| Property         | Attribute          | Description                                                                                               | Type                  | Default     |
+| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
+| `beforeBack`     | --                 | When provided, this method will be called before it is removed from the parent flow.                      | `() => Promise` | `undefined` |
+| `disabled`       | `disabled`         | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.               | `boolean`             | `false`     |
+| `heading`        | `heading`          | Heading text.                                                                                             | `string`              | `undefined` |
+| `heightScale`    | `height-scale`     | Specifies the maxiumum height of the panel that this wraps.                                               | `"l" \| "m" \| "s"`   | `undefined` |
+| `intlBack`       | `intl-back`        | 'Back' text string.                                                                                       | `string`              | `undefined` |
+| `intlClose`      | `intl-close`       | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string`              | `undefined` |
+| `intlOpen`       | `intl-open`        | 'Open' text string for the menu.                                                                          | `string`              | `undefined` |
+| `loading`        | `loading`          | When true, content is waiting to be loaded. This state shows a busy indicator.                            | `boolean`             | `false`     |
+| `menuOpen`       | `menu-open`        | Opens the action menu.                                                                                    | `boolean`             | `false`     |
+| `showBackButton` | `show-back-button` | Shows a back button in the header.                                                                        | `boolean`             | `false`     |
+| `summary`        | `summary`          | Summary text. A description displayed underneath the heading.                                             | `string`              | `undefined` |
+| `theme`          | `theme`            | Used to set the component's color scheme.                                                                 | `"dark" \| "light"`   | `undefined` |
 
 ## Events
 
@@ -33,7 +28,6 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel
 | `calciteFlowItemBackClick` | Emitted when the back button has been clicked. | `CustomEvent` |
 | `calciteFlowItemScroll`    | Emitted when the content has been scrolled.    | `CustomEvent` |
 
-
 ## Slots
 
 | Slot               | Description                                                                                                                     |
@@ -43,7 +37,6 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel
 | `"footer-actions"` | A slot for adding `calcite-button`s to the footer.                                                                              |
 | `"menu-actions"`   | A slot for adding `calcite-action`s to a menu under the `...` in the header. These actions are displayed when the menu is open. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -52,6 +45,7 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel
 - [calcite-panel](../calcite-panel)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-flow-item --> calcite-action
@@ -60,6 +54,6 @@ graph TD;
   style calcite-flow-item fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-panel/readme.md b/src/components/calcite-panel/readme.md
index 7a498bbf..d8884c94 100644
--- a/src/components/calcite-panel/readme.md
+++ b/src/components/calcite-panel/readme.md
@@ -4,7 +4,6 @@ The `calcite-panel` component is a container for a header, content and optional
 
 
 
-
 ## Usage
 
 ### Basic
@@ -65,21 +64,17 @@ Renders a panel that is dismissible with a click of the "x".
 
 ```
 
-
-
 ## Properties
 
-| Property      | Attribute      | Description                                                                                                                                                                                 | Type                | Default     |
-| ------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- |
-| `disabled`    | `disabled`     | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                                                                                 | `boolean`           | `false`     |
-| `dismissed`   | `dismissed`    | Hides the panel.                                                                                                                                                                            | `boolean`           | `false`     |
-| `dismissible` | `dismissible`  | Displays a close button in the trailing side of the header.                                                                                                                                 | `boolean`           | `false`     |
-| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel.                                                                                                                                                 | `"l" \| "m" \| "s"` | `undefined` |
-| `intlClose`   | `intl-close`   | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true.                                                                                   | `string`            | `undefined` |
-| `loading`     | `loading`      | When true, content is waiting to be loaded. This state shows a busy indicator.                                                                                                              | `boolean`           | `false`     |
-| `textClose`   | `text-close`   | **[DEPRECATED]** use "intlClose" instead.

'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string`            | `undefined` |
-| `theme`       | `theme`        | Used to set the component's color scheme.                                                                                                                                                   | `"dark" \| "light"` | `undefined` |
-
+| Property      | Attribute      | Description                                                                                               | Type                | Default     |
+| ------------- | -------------- | --------------------------------------------------------------------------------------------------------- | ------------------- | ----------- |
+| `disabled`    | `disabled`     | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.               | `boolean`           | `false`     |
+| `dismissed`   | `dismissed`    | Hides the panel.                                                                                          | `boolean`           | `false`     |
+| `dismissible` | `dismissible`  | Displays a close button in the trailing side of the header.                                               | `boolean`           | `false`     |
+| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel.                                                               | `"l" \| "m" \| "s"` | `undefined` |
+| `intlClose`   | `intl-close`   | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string`            | `undefined` |
+| `loading`     | `loading`      | When true, content is waiting to be loaded. This state shows a busy indicator.                            | `boolean`           | `false`     |
+| `theme`       | `theme`        | Used to set the component's color scheme.                                                                 | `"dark" \| "light"` | `undefined` |
 
 ## Events
 
@@ -88,20 +83,14 @@ Renders a panel that is dismissible with a click of the "x".
 | `calcitePanelDismissedChange` | Emitted when the close button has been clicked. | `CustomEvent` |
 | `calcitePanelScroll`          | Emitted when the content has been scrolled.     | `CustomEvent` |
 
-
 ## Methods
 
 ### `setFocus(focusId?: "dismiss-button") => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
-
 ## Slots
 
 | Slot                        | Description                                                                      |
@@ -113,18 +102,18 @@ Type: `Promise`
 | `"header-leading-content"`  | A slot for adding a `calcite-action` on the leading side of the header.          |
 | `"header-trailing-content"` | A slot for adding a `calcite-action` on the trailing side of the header.         |
 
-
 ## Dependencies
 
 ### Used by
 
- - [calcite-flow-item](../calcite-flow-item)
+- [calcite-flow-item](../calcite-flow-item)
 
 ### Depends on
 
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-panel --> calcite-action
@@ -132,6 +121,6 @@ graph TD;
   style calcite-panel fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-pick-list-item/readme.md b/src/components/calcite-pick-list-item/readme.md
index 48f749b0..80d5848c 100644
--- a/src/components/calcite-pick-list-item/readme.md
+++ b/src/components/calcite-pick-list-item/readme.md
@@ -4,23 +4,20 @@
 
 
 
-
 ## Properties
 
-| Property             | Attribute          | Description                                                                                                                                                                                                                                                              | Type                                                        | Default       |
-| -------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------- | ------------- |
-| `compact`            | `compact`          | **[DEPRECATED]** This property will be removed in a future release.

Compact removes the selection icon (radio or checkbox) and adds a compact attribute. This allows for a more compact version of the `calcite-pick-list-item`. | `boolean`                                                   | `false`       |
-| `disableDeselect`    | `disable-deselect` | When false, the item cannot be deselected by user interaction.                                                                                                                                                                                                           | `boolean`                                                   | `false`       |
-| `disabled`           | `disabled`         | When true, the item cannot be clicked and is visually muted.                                                                                                                                                                                                             | `boolean`                                                   | `false`       |
-| `icon`               | `icon`             | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null.                                                                                                                                                                             | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null`        |
-| `metadata`           | --                 | Used to provide additional metadata to an item, primarily used when the parent list has a filter.                                                                                                                                                                        | `object`                                                    | `undefined`   |
-| `removable`          | `removable`        | Set this to true to display a remove action that removes the item from the list.                                                                                                                                                                                         | `boolean`                                                   | `false`       |
-| `selected`           | `selected`         | Set this to true to pre-select an item. Toggles when an item is checked/unchecked.                                                                                                                                                                                       | `boolean`                                                   | `false`       |
-| `textDescription`    | `text-description` | An optional description for this item.  This will appear below the label text.                                                                                                                                                                                           | `string`                                                    | `undefined`   |
-| `textLabel`          | `text-label`       | The main label for this item. This will appear next to the icon.                                                                                                                                                                                                         | `string`                                                    | `undefined`   |
-| `textRemove`         | `text-remove`      | The text for the remove item buttons. Only applicable if removable is true.                                                                                                                                                                                              | `string`                                                    | `TEXT.remove` |
-| `value` _(required)_ | `value`            | A unique value used to identify this item - similar to the value attribute on an .                                                                                                                                                                                | `string`                                                    | `undefined`   |
-
+| Property             | Attribute          | Description                                                                                       | Type                                                        | Default       |
+| -------------------- | ------------------ | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ------------- |
+| `disableDeselect`    | `disable-deselect` | When false, the item cannot be deselected by user interaction.                                    | `boolean`                                                   | `false`       |
+| `disabled`           | `disabled`         | When true, the item cannot be clicked and is visually muted.                                      | `boolean`                                                   | `false`       |
+| `icon`               | `icon`             | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null.      | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null`        |
+| `metadata`           | --                 | Used to provide additional metadata to an item, primarily used when the parent list has a filter. | `object`                                                    | `undefined`   |
+| `removable`          | `removable`        | Set this to true to display a remove action that removes the item from the list.                  | `boolean`                                                   | `false`       |
+| `selected`           | `selected`         | Set this to true to pre-select an item. Toggles when an item is checked/unchecked.                | `boolean`                                                   | `false`       |
+| `textDescription`    | `text-description` | An optional description for this item. This will appear below the label text.                     | `string`                                                    | `undefined`   |
+| `textLabel`          | `text-label`       | The main label for this item. This will appear next to the icon.                                  | `string`                                                    | `undefined`   |
+| `textRemove`         | `text-remove`      | The text for the remove item buttons. Only applicable if removable is true.                       | `string`                                                    | `TEXT.remove` |
+| `value` _(required)_ | `value`            | A unique value used to identify this item - similar to the value attribute on an .         | `string`                                                    | `undefined`   |
 
 ## Events
 
@@ -29,19 +26,14 @@
 | `calciteListItemChange` | Emitted whenever the item is selected or unselected. | `CustomEvent<{ item: HTMLCalcitePickListItemElement; value: string; selected: boolean; shiftPressed: boolean; }>` |
 | `calciteListItemRemove` | Emitted whenever the remove button is pressed.       | `CustomEvent`                                                                                               |
 
-
 ## Methods
 
 ### `setFocus() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
 ### `toggleSelected(coerce?: boolean) => Promise`
 
 Used to toggle the selection state. By default this won't trigger an event.
@@ -51,27 +43,24 @@ The first argument allows the value to be coerced, rather than swapping values.
 
 Type: `Promise`
 
-
-
-
 ## Slots
 
 | Slot                 | Description                                                                                                                             |
 | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
 | `"secondary-action"` | A slot intended for adding a `calcite-action` or `calcite-button` to the right side of the card. This is placed at the end of the item. |
 
-
 ## Dependencies
 
 ### Used by
 
- - [calcite-value-list-item](../calcite-value-list-item)
+- [calcite-value-list-item](../calcite-value-list-item)
 
 ### Depends on
 
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-pick-list-item --> calcite-action
@@ -79,6 +68,6 @@ graph TD;
   style calcite-pick-list-item fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-pick-list/readme.md b/src/components/calcite-pick-list/readme.md
index 9bb416e8..ff502872 100644
--- a/src/components/calcite-pick-list/readme.md
+++ b/src/components/calcite-pick-list/readme.md
@@ -4,7 +4,6 @@
 
 
 
-
 ## Usage
 
 ### Basic
@@ -68,19 +67,15 @@ Renders groups of pick list items that are visually separated.
 
 ```
 
-
-
 ## Properties
 
-| Property                | Attribute                 | Description                                                                                                                                                                                                                                                              | Type      | Default                  |
-| ----------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- | ------------------------ |
-| `compact`               | `compact`                 | **[DEPRECATED]** This property will be removed in a future release.

Compact removes the selection icon (radio or checkbox) and adds a compact attribute. This allows for a more compact version of the `calcite-pick-list-item`. | `boolean` | `false`                  |
-| `disabled`              | `disabled`                | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                                                                                                                                                              | `boolean` | `false`                  |
-| `filterEnabled`         | `filter-enabled`          | When true, an input appears at the top of the list that can be used by end users to filter items in the list.                                                                                                                                                            | `boolean` | `false`                  |
-| `loading`               | `loading`                 | When true, content is waiting to be loaded. This state shows a busy indicator.                                                                                                                                                                                           | `boolean` | `false`                  |
-| `multiple`              | `multiple`                | Multiple works similar to standard radio buttons and checkboxes. When true, a user can select multiple items at a time. When false, only a single item can be selected at a time and selecting a new item will deselect any other selected items.                        | `boolean` | `false`                  |
-| `textFilterPlaceholder` | `text-filter-placeholder` | Placeholder text for the filter input field.                                                                                                                                                                                                                             | `string`  | `TEXT.filterPlaceholder` |
-
+| Property                | Attribute                 | Description                                                                                                                                                                                                                                       | Type      | Default                  |
+| ----------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------ |
+| `disabled`              | `disabled`                | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                                                                                                                                       | `boolean` | `false`                  |
+| `filterEnabled`         | `filter-enabled`          | When true, an input appears at the top of the list that can be used by end users to filter items in the list.                                                                                                                                     | `boolean` | `false`                  |
+| `loading`               | `loading`                 | When true, content is waiting to be loaded. This state shows a busy indicator.                                                                                                                                                                    | `boolean` | `false`                  |
+| `multiple`              | `multiple`                | Multiple works similar to standard radio buttons and checkboxes. When true, a user can select multiple items at a time. When false, only a single item can be selected at a time and selecting a new item will deselect any other selected items. | `boolean` | `false`                  |
+| `textFilterPlaceholder` | `text-filter-placeholder` | Placeholder text for the filter input field.                                                                                                                                                                                                      | `string`  | `TEXT.filterPlaceholder` |
 
 ## Events
 
@@ -88,30 +83,20 @@ Renders groups of pick list items that are visually separated.
 | ------------------- | ----------------------------------------------------- | ------------------ |
 | `calciteListChange` | Emitted when any of the item selections have changed. | `CustomEvent` |
 
-
 ## Methods
 
 ### `getSelectedItems() => Promise>`
 
-
-
 #### Returns
 
 Type: `Promise>`
 
-
-
 ### `setFocus() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
-
 ## Slots
 
 | Slot             | Description                                                                                                                        |
@@ -119,7 +104,6 @@ Type: `Promise`
 |                  | A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list. |
 | `"menu-actions"` | A slot for adding a button + menu combo for performing actions like sorting.                                                       |
 
-
 ## Dependencies
 
 ### Depends on
@@ -127,12 +111,13 @@ Type: `Promise`
 - [calcite-filter](../calcite-filter)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-pick-list --> calcite-filter
   style calcite-pick-list fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-shell-center-row/readme.md b/src/components/calcite-shell-center-row/readme.md
new file mode 100644
index 00000000..a85ad217
--- /dev/null
+++ b/src/components/calcite-shell-center-row/readme.md
@@ -0,0 +1,22 @@
+# calcite-shell-center-row
+
+
+
+## Properties
+
+| Property      | Attribute      | Description                                                          | Type                | Default |
+| ------------- | -------------- | -------------------------------------------------------------------- | ------------------- | ------- |
+| `detached`    | `detached`     | This property makes the content area appear like a "floating" panel. | `boolean`           | `false` |
+| `heightScale` | `height-scale` | Specifies the maxiumum height of the row.                            | `"l" \| "m" \| "s"` | `"s"`   |
+| `position`    | `position`     | Arranges the component depending on the elements 'dir' property.     | `"end" \| "start"`  | `"end"` |
+
+## Slots
+
+| Slot           | Description                                            |
+| -------------- | ------------------------------------------------------ |
+|                | A slot for adding content to the shell panel.          |
+| `"action-bar"` | A slot for adding a `calcite-action-bar` to the panel. |
+
+---
+
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-shell-panel/readme.md b/src/components/calcite-shell-panel/readme.md
index f59696b8..cdcf3b65 100644
--- a/src/components/calcite-shell-panel/readme.md
+++ b/src/components/calcite-shell-panel/readme.md
@@ -4,7 +4,6 @@ The `calcite-shell-panel` is a child component of `calcite-shell` used as a cont
 
 
 
-
 ## Usage
 
 ### Basic
@@ -33,18 +32,14 @@ Renders a panel with an action bar.
 
 ```
 
-
-
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                    | Type                      | Default     |
-| --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------- | ------------------------- | ----------- |
-| `collapsed`     | `collapsed`      | Hide the content panel.                                                                                        | `boolean`                 | `false`     |
-| `detached`      | `detached`       | This property makes the content area appear like a "floating" panel.                                           | `boolean`                 | `false`     |
-| `detachedScale` | `detached-scale` | This sets limits the height of the content area. It only applies when detached is true.                        | `"l" \| "m" \| "s"`       | `"m"`       |
-| `layout`        | `layout`         | **[DEPRECATED]** use "position" instead.

Arrangement of the component. | `"leading" \| "trailing"` | `undefined` |
-| `position`      | `position`       | Arranges the component depending on the elements 'dir' property.                                               | `"end" \| "start"`        | `undefined` |
-
+| Property        | Attribute        | Description                                                                             | Type                | Default     |
+| --------------- | ---------------- | --------------------------------------------------------------------------------------- | ------------------- | ----------- |
+| `collapsed`     | `collapsed`      | Hide the content panel.                                                                 | `boolean`           | `false`     |
+| `detached`      | `detached`       | This property makes the content area appear like a "floating" panel.                    | `boolean`           | `false`     |
+| `detachedScale` | `detached-scale` | This sets limits the height of the content area. It only applies when detached is true. | `"l" \| "m" \| "s"` | `"m"`       |
+| `position`      | `position`       | Arranges the component depending on the elements 'dir' property.                        | `"end" \| "start"`  | `undefined` |
 
 ## Events
 
@@ -52,7 +47,6 @@ Renders a panel with an action bar.
 | ------------------------- | --------------------------------------- | ------------------ |
 | `calciteShellPanelToggle` | Emitted when collapse has been toggled. | `CustomEvent` |
 
-
 ## Slots
 
 | Slot           | Description                                            |
@@ -60,7 +54,6 @@ Renders a panel with an action bar.
 |                | A slot for adding content to the shell panel.          |
 | `"action-bar"` | A slot for adding a `calcite-action-bar` to the panel. |
 
+---
 
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-shell/readme.md b/src/components/calcite-shell/readme.md
index 8e71163e..4f259b17 100644
--- a/src/components/calcite-shell/readme.md
+++ b/src/components/calcite-shell/readme.md
@@ -74,7 +74,7 @@ Renders a shell with leading and trailing floating panels, action bar/pad, block
         
       
   
-  
+  
     
     
   
@@ -113,6 +113,9 @@ Renders a shell with a header and panels on the left and right sides of the app.
   
     Trailing panel! (right side)
   
+  
+    Center Row! (center bottom)
+  
   

     

       
Shell Header: My App

@@ -156,7 +159,6 @@ Renders a single panel with actions in an action bar.
 | `"primary-panel"`    | A slot for adding the leading `calcite-shell-panel`.                                                                                     |
 | `"shell-footer"`     | A slot for adding footer content. This content will be positioned at the bottom of the shell.                                            |
 | `"shell-header"`     | A slot for adding header content. This content will be positioned at the top of the shell.                                               |
-| `"tip-manager"`      | **[DEPRECATED]** use "bottom-panel" instead.                                                                                             |
 
 ---
 
diff --git a/src/components/calcite-tip-manager/readme.md b/src/components/calcite-tip-manager/readme.md
index 99f211a4..912710c8 100644
--- a/src/components/calcite-tip-manager/readme.md
+++ b/src/components/calcite-tip-manager/readme.md
@@ -4,7 +4,6 @@ The `calcite-tip-manager` component contains multiple `calcite-tip`s that a user
 
 
 
-
 ## Usage
 
 ### Basic
@@ -53,25 +52,17 @@ Renders a tip manager using a group of tips as well as a single tip.
 
 ```
 
-
-
 ## Properties
 
-| Property              | Attribute               | Description                                                                                                                                     | Type                | Default     |
-| --------------------- | ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- |
-| `closed`              | `closed`                | Alternate text for closing the `calcite-tip-manager`.                                                                                           | `boolean`           | `false`     |
-| `intlClose`           | `intl-close`            | Alternate text for closing the tip.                                                                                                             | `string`            | `undefined` |
-| `intlDefaultTitle`    | `intl-default-title`    | The default group title for the `calcite-tip-manager`.                                                                                          | `string`            | `undefined` |
-| `intlNext`            | `intl-next`             | Alternate text for navigating to the next tip.                                                                                                  | `string`            | `undefined` |
-| `intlPaginationLabel` | `intl-pagination-label` | Label that appears on hover of pagination icon.                                                                                                 | `string`            | `undefined` |
-| `intlPrevious`        | `intl-previous`         | Alternate text for navigating to the previous tip.                                                                                              | `string`            | `undefined` |
-| `textClose`           | `text-close`            | **[DEPRECATED]** use "intlClose" instead.

Alternate text for closing the tip.                           | `string`            | `undefined` |
-| `textDefaultTitle`    | `text-default-title`    | **[DEPRECATED]** use "intlDefaultTitle" instead.

The default group title for the `calcite-tip-manager`. | `string`            | `undefined` |
-| `textNext`            | `text-next`             | **[DEPRECATED]** use "intlNext" instead.

Alternate text for navigating to the next tip.                 | `string`            | `undefined` |
-| `textPaginationLabel` | `text-pagination-label` | **[DEPRECATED]** use "intlPaginationLabel" instead.

Label that appears on hover of pagination icon.     | `string`            | `undefined` |
-| `textPrevious`        | `text-previous`         | **[DEPRECATED]** use "intlPrevious" instead.

Alternate text for navigating to the previous tip.         | `string`            | `undefined` |
-| `theme`               | `theme`                 | Used to set the component's color scheme.                                                                                                       | `"dark" \| "light"` | `undefined` |
-
+| Property              | Attribute               | Description                                            | Type                | Default     |
+| --------------------- | ----------------------- | ------------------------------------------------------ | ------------------- | ----------- |
+| `closed`              | `closed`                | Alternate text for closing the `calcite-tip-manager`.  | `boolean`           | `false`     |
+| `intlClose`           | `intl-close`            | Alternate text for closing the tip.                    | `string`            | `undefined` |
+| `intlDefaultTitle`    | `intl-default-title`    | The default group title for the `calcite-tip-manager`. | `string`            | `undefined` |
+| `intlNext`            | `intl-next`             | Alternate text for navigating to the next tip.         | `string`            | `undefined` |
+| `intlPaginationLabel` | `intl-pagination-label` | Label that appears on hover of pagination icon.        | `string`            | `undefined` |
+| `intlPrevious`        | `intl-previous`         | Alternate text for navigating to the previous tip.     | `string`            | `undefined` |
+| `theme`               | `theme`                 | Used to set the component's color scheme.              | `"dark" \| "light"` | `undefined` |
 
 ## Events
 
@@ -79,37 +70,26 @@ Renders a tip manager using a group of tips as well as a single tip.
 | ------------------------- | ----------------------------------------------------------------------- | ------------------ |
 | `calciteTipManagerToggle` | Emitted when the `calcite-tip-manager` has been toggled open or closed. | `CustomEvent` |
 
-
 ## Methods
 
 ### `nextTip() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
 ### `previousTip() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
-
 ## Slots
 
 | Slot | Description                       |
 | ---- | --------------------------------- |
 |      | A slot for adding `calcite-tip`s. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -117,12 +97,13 @@ Type: `Promise`
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-tip-manager --> calcite-action
   style calcite-tip-manager fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-tip/readme.md b/src/components/calcite-tip/readme.md
index 6b1316ac..ccaebe64 100644
--- a/src/components/calcite-tip/readme.md
+++ b/src/components/calcite-tip/readme.md
@@ -4,7 +4,6 @@ The `calcite-tip` component can comprise of an image, text and hyperlink to give
 
 
 
-
 ## Usage
 
 ### Basic
@@ -23,20 +22,16 @@ Renders a non-dismissible tip with a heading, thumbnail, info and a link.
 
 ```
 
-
-
 ## Properties
 
-| Property         | Attribute         | Description                                                                                                           | Type                | Default     |
-| ---------------- | ----------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- |
-| `dismissed`      | `dismissed`       | No longer displays the tip.                                                                                           | `boolean`           | `false`     |
-| `heading`        | `heading`         | The heading of the tip.                                                                                               | `string`            | `undefined` |
-| `intlClose`      | `intl-close`      | Alternate text for closing the tip.                                                                                   | `string`            | `undefined` |
-| `nonDismissible` | `non-dismissible` | Indicates whether the tip can be dismissed.                                                                           | `boolean`           | `false`     |
-| `selected`       | `selected`        | The selected state of the tip if it is being used inside a `calcite-tip-manager`.                                     | `boolean`           | `undefined` |
-| `textClose`      | `text-close`      | **[DEPRECATED]** use "intlClose" instead.

Alternate text for closing the tip. | `string`            | `undefined` |
-| `theme`          | `theme`           | Used to set the component's color scheme.                                                                             | `"dark" \| "light"` | `undefined` |
-
+| Property         | Attribute         | Description                                                                       | Type                | Default     |
+| ---------------- | ----------------- | --------------------------------------------------------------------------------- | ------------------- | ----------- |
+| `dismissed`      | `dismissed`       | No longer displays the tip.                                                       | `boolean`           | `false`     |
+| `heading`        | `heading`         | The heading of the tip.                                                           | `string`            | `undefined` |
+| `intlClose`      | `intl-close`      | Alternate text for closing the tip.                                               | `string`            | `undefined` |
+| `nonDismissible` | `non-dismissible` | Indicates whether the tip can be dismissed.                                       | `boolean`           | `false`     |
+| `selected`       | `selected`        | The selected state of the tip if it is being used inside a `calcite-tip-manager`. | `boolean`           | `undefined` |
+| `theme`          | `theme`           | Used to set the component's color scheme.                                         | `"dark" \| "light"` | `undefined` |
 
 ## Events
 
@@ -44,14 +39,12 @@ Renders a non-dismissible tip with a heading, thumbnail, info and a link.
 | ------------------- | ---------------------------------------------- | ------------------ |
 | `calciteTipDismiss` | Emitted when the component has been dismissed. | `CustomEvent` |
 
-
 ## Slots
 
 | Slot          | Description                                         |
 | ------------- | --------------------------------------------------- |
 | `"thumbnail"` | A slot for adding an HTML image element to the tip. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -59,12 +52,13 @@ Renders a non-dismissible tip with a heading, thumbnail, info and a link.
 - [calcite-action](../calcite-action)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-tip --> calcite-action
   style calcite-tip fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-value-list-item/readme.md b/src/components/calcite-value-list-item/readme.md
index b1d441d9..d4789ff2 100644
--- a/src/components/calcite-value-list-item/readme.md
+++ b/src/components/calcite-value-list-item/readme.md
@@ -4,52 +4,39 @@
 
 
 
-
 ## Properties
 
-| Property                 | Attribute          | Description                                                                                                                                       | Type                                                        | Default     |
-| ------------------------ | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ----------- |
-| `compact`                | `compact`          | **[DEPRECATED]** This property will be removed in a future release.

Compact reduces the size of the item. | `boolean`                                                   | `false`     |
-| `disabled`               | `disabled`         | When true, the item cannot be clicked and is visually muted                                                                                       | `boolean`                                                   | `false`     |
-| `icon`                   | `icon`             | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null.                                                      | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null`      |
-| `metadata`               | --                 | Used to provide additional metadata to an item, primarily used when the parent list has a filter.                                                 | `object`                                                    | `undefined` |
-| `removable`              | `removable`        | Set this to true to display a remove action that removes the item from the list.                                                                  | `boolean`                                                   | `false`     |
-| `selected`               | `selected`         | Set this to true to pre-select an item. Toggles when an item is checked/unchecked.                                                                | `boolean`                                                   | `false`     |
-| `textDescription`        | `text-description` | An optional description for this item. Will appear below the label text.                                                                          | `string`                                                    | `undefined` |
-| `textLabel` _(required)_ | `text-label`       | The main label for this item. Appears next to the icon.                                                                                           | `string`                                                    | `undefined` |
-| `value` _(required)_     | `value`            | A unique value used to identify this item - similar to the value attribute on an .                                                         | `string`                                                    | `undefined` |
-
+| Property                 | Attribute          | Description                                                                                       | Type                                                        | Default     |
+| ------------------------ | ------------------ | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ----------- |
+| `disabled`               | `disabled`         | When true, the item cannot be clicked and is visually muted                                       | `boolean`                                                   | `false`     |
+| `icon`                   | `icon`             | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null.      | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null`      |
+| `metadata`               | --                 | Used to provide additional metadata to an item, primarily used when the parent list has a filter. | `object`                                                    | `undefined` |
+| `removable`              | `removable`        | Set this to true to display a remove action that removes the item from the list.                  | `boolean`                                                   | `false`     |
+| `selected`               | `selected`         | Set this to true to pre-select an item. Toggles when an item is checked/unchecked.                | `boolean`                                                   | `false`     |
+| `textDescription`        | `text-description` | An optional description for this item. Will appear below the label text.                          | `string`                                                    | `undefined` |
+| `textLabel` _(required)_ | `text-label`       | The main label for this item. Appears next to the icon.                                           | `string`                                                    | `undefined` |
+| `value` _(required)_     | `value`            | A unique value used to identify this item - similar to the value attribute on an .         | `string`                                                    | `undefined` |
 
 ## Methods
 
 ### `setFocus() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
 ### `toggleSelected(coerce?: boolean) => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
-
 ## Slots
 
 | Slot                 | Description                                                                                               |
 | -------------------- | --------------------------------------------------------------------------------------------------------- |
 | `"secondary-action"` | A slot intended for adding a `calcite-action` or `calcite-button`. This is placed at the end of the item. |
 
-
 ## Dependencies
 
 ### Depends on
@@ -57,6 +44,7 @@ Type: `Promise`
 - [calcite-pick-list-item](../calcite-pick-list-item)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-value-list-item --> calcite-pick-list-item
@@ -64,6 +52,6 @@ graph TD;
   style calcite-value-list-item fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/src/components/calcite-value-list/readme.md b/src/components/calcite-value-list/readme.md
index 58ec1872..f5d7e667 100644
--- a/src/components/calcite-value-list/readme.md
+++ b/src/components/calcite-value-list/readme.md
@@ -4,7 +4,6 @@
 
 
 
-
 ## Usage
 
 ### Basic
@@ -74,13 +73,10 @@ Renders a value list with label editing and single select.
 
 ```
 
-
-
 ## Properties
 
 | Property                | Attribute                 | Description                                                                                                                                                                                                                                       | Type      | Default                  |
 | ----------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------ |
-| `compact`               | `compact`                 | **[DEPRECATED]** This property will be removed in a future release.

Compact reduces the size of all items in the list.                                                                                    | `boolean` | `false`                  |
 | `disabled`              | `disabled`                | When true, disabled prevents interaction. This state shows items with lower opacity/grayed.                                                                                                                                                       | `boolean` | `false`                  |
 | `dragEnabled`           | `drag-enabled`            | When true, the items will be sortable via drag and drop.                                                                                                                                                                                          | `boolean` | `false`                  |
 | `filterEnabled`         | `filter-enabled`          | When true, an input appears at the top of the list that can be used by end users to filter items in the list.                                                                                                                                     | `boolean` | `false`                  |
@@ -88,7 +84,6 @@ Renders a value list with label editing and single select.
 | `multiple`              | `multiple`                | Multiple Works similar to standard radio buttons and checkboxes. When true, a user can select multiple items at a time. When false, only a single item can be selected at a time and selecting a new item will deselect any other selected items. | `boolean` | `false`                  |
 | `textFilterPlaceholder` | `text-filter-placeholder` | Placeholder text for the filter input field.                                                                                                                                                                                                      | `string`  | `TEXT.filterPlaceholder` |
 
-
 ## Events
 
 | Event                    | Description                                           | Type               |
@@ -96,30 +91,20 @@ Renders a value list with label editing and single select.
 | `calciteListChange`      | Emitted when any of the item selections have changed. | `CustomEvent` |
 | `calciteListOrderChange` | Emmitted when the order of the list has changed.      | `CustomEvent` |
 
-
 ## Methods
 
 ### `getSelectedItems() => Promise>`
 
-
-
 #### Returns
 
 Type: `Promise>`
 
-
-
 ### `setFocus() => Promise`
 
-
-
 #### Returns
 
 Type: `Promise`
 
-
-
-
 ## Slots
 
 | Slot             | Description                                                                                                                        |
@@ -127,7 +112,6 @@ Type: `Promise`
 |                  | A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list. |
 | `"menu-actions"` | A slot for adding a button + menu combo for performing actions like sorting.                                                       |
 
-
 ## Dependencies
 
 ### Depends on
@@ -135,12 +119,13 @@ Type: `Promise`
 - [calcite-filter](../calcite-filter)
 
 ### Graph
+
 ```mermaid
 graph TD;
   calcite-value-list --> calcite-filter
   style calcite-value-list fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_