@esri/calcite-components 1.0.0-beta.79 → 1.0.0-beta.80
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/p-162604a0.entry.js +5 -0
- package/dist/calcite/p-364f0abe.system.entry.js +5 -0
- package/dist/calcite/{p-e65b6bfb.entry.js → p-46071f17.entry.js} +1 -1
- package/dist/calcite/p-4905189e.system.entry.js +5 -0
- package/dist/calcite/p-5802a565.entry.js +5 -0
- package/dist/calcite/p-5c637131.entry.js +5 -0
- package/dist/calcite/p-5f6e35f3.entry.js +5 -0
- package/dist/calcite/{p-a38fe099.entry.js → p-653bd7bf.entry.js} +1 -1
- package/dist/calcite/{p-da7c2542.entry.js → p-8b982f91.entry.js} +1 -1
- package/dist/calcite/p-b0827b8c.system.entry.js +5 -0
- package/dist/calcite/p-b2b6f712.js +5 -0
- package/dist/calcite/{p-dd460534.system.entry.js → p-b9a38a28.system.entry.js} +2 -2
- package/dist/calcite/{p-3b707a1c.system.entry.js → p-c2caeb2a.system.entry.js} +1 -1
- package/dist/calcite/p-e55c5bb4.entry.js +5 -0
- package/dist/calcite/{p-3cdee187.system.entry.js → p-eb3c084f.system.entry.js} +1 -1
- package/dist/calcite/p-ecc31b40.system.entry.js +5 -0
- package/dist/calcite/{p-3ea157ba.system.entry.js → p-edf1e815.system.entry.js} +1 -1
- package/dist/calcite/p-ee522afa.system.entry.js +5 -0
- package/dist/calcite/p-f68725d7.entry.js +5 -0
- package/dist/calcite/p-fa922721.system.js +5 -0
- package/dist/calcite/p-fe9380a0.system.js +1 -1
- package/dist/cjs/calcite-action-bar.cjs.entry.js +4 -11
- package/dist/cjs/calcite-action-menu.cjs.entry.js +2 -2
- package/dist/cjs/calcite-action-pad.cjs.entry.js +3 -13
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +26 -23
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +6 -16
- package/dist/cjs/calcite-popover_2.cjs.entry.js +3 -2
- package/dist/cjs/calcite-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +1 -1
- package/dist/cjs/calcite.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{resources-daf15d54.js → resources-e43fc9f3.js} +14 -1
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/action-bar/action-bar.js +4 -11
- package/dist/collection/components/action-menu/action-menu.js +6 -6
- package/dist/collection/components/action-pad/action-pad.js +3 -15
- package/dist/collection/components/combobox-item/combobox-item.js +1 -1
- package/dist/collection/components/combobox-item-group/combobox-item-group.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +15 -18
- package/dist/collection/components/dropdown-item/dropdown-item.js +11 -5
- package/dist/collection/components/input-date-picker/input-date-picker.css +5 -0
- package/dist/collection/components/pick-list/shared-list-logic.js +2 -1
- package/dist/collection/components/popover/popover.css +1 -1
- package/dist/collection/components/popover/popover.js +7 -7
- package/dist/collection/components/popover/resources.js +1 -0
- package/dist/collection/components/radio-group/radio-group.js +2 -4
- package/dist/collection/components/select/select.js +2 -4
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/components/action-menu.js +2 -2
- package/dist/components/calcite-action-bar.js +4 -11
- package/dist/components/calcite-action-pad.js +3 -13
- package/dist/components/calcite-dropdown-item.js +11 -5
- package/dist/components/calcite-input-date-picker.js +1 -1
- package/dist/components/calcite-pick-list-group.js +1 -10
- package/dist/components/calcite-radio-group.js +1 -1
- package/dist/components/calcite-select.js +1 -1
- package/dist/components/calcite-tip-manager.js +1 -1
- package/dist/components/calcite-tip.js +1 -1
- package/dist/components/calcite-tooltip.js +1 -1
- package/dist/components/dropdown.js +15 -18
- package/dist/components/popover.js +3 -3
- package/dist/components/resources.js +2 -1
- package/dist/components/resources4.js +5 -22
- package/dist/components/resources5.js +32 -0
- package/dist/components/shared-list-render.js +4 -3
- package/dist/custom-elements/index.js +53 -66
- package/dist/esm/calcite-action-bar.entry.js +4 -11
- package/dist/esm/calcite-action-menu.entry.js +2 -2
- package/dist/esm/calcite-action-pad.entry.js +3 -13
- package/dist/esm/calcite-dropdown_3.entry.js +26 -23
- package/dist/esm/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm/calcite-pick-list_3.entry.js +1 -11
- package/dist/esm/calcite-popover_2.entry.js +3 -2
- package/dist/esm/calcite-tooltip_2.entry.js +1 -1
- package/dist/esm/calcite-value-list_2.entry.js +1 -1
- package/dist/esm/calcite.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{resources-cbfcf4a3.js → resources-b5c3d9a7.js} +12 -2
- package/dist/esm-es5/calcite-action-bar.entry.js +1 -1
- package/dist/esm-es5/calcite-action-menu.entry.js +1 -1
- package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
- package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-popover_2.entry.js +1 -1
- package/dist/esm-es5/calcite-tooltip_2.entry.js +1 -1
- package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
- package/dist/esm-es5/calcite.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/resources-b5c3d9a7.js +5 -0
- package/dist/extras/docs-json.json +10 -12
- package/dist/types/components/accordion/accordion.d.ts +42 -0
- package/dist/types/components/accordion-item/accordion-item.d.ts +54 -0
- package/dist/types/components/action/action.d.ts +75 -0
- package/dist/types/components/action-bar/action-bar.d.ts +69 -0
- package/dist/types/components/action-group/action-group.d.ts +42 -0
- package/dist/types/components/action-menu/action-menu.d.ts +82 -0
- package/dist/types/components/action-pad/action-pad.d.ts +54 -0
- package/dist/types/components/alert/alert.d.ts +83 -0
- package/dist/types/components/avatar/avatar.d.ts +26 -0
- package/dist/types/components/block/block.d.ts +79 -0
- package/dist/types/components/block-section/block-section.d.ts +44 -0
- package/dist/types/components/button/button.d.ts +80 -0
- package/dist/types/components/card/card.d.ts +46 -0
- package/dist/types/components/checkbox/checkbox.d.ts +75 -0
- package/dist/types/components/chip/chip.d.ts +40 -0
- package/dist/types/components/color-picker/color-picker.d.ts +232 -0
- package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts +51 -0
- package/dist/types/components/color-picker-swatch/color-picker-swatch.d.ts +23 -0
- package/dist/types/components/combobox/combobox.d.ts +184 -0
- package/dist/types/components/combobox/interfaces.d.ts +6 -0
- package/dist/types/components/combobox/utils.d.ts +6 -0
- package/dist/types/components/combobox-item/combobox-item.d.ts +48 -0
- package/dist/types/components/combobox-item-group/combobox-item-group.d.ts +17 -0
- package/dist/types/components/date-picker/date-picker.d.ts +132 -0
- package/dist/types/components/date-picker-day/date-picker-day.d.ts +48 -0
- package/dist/types/components/date-picker-month/date-picker-month.d.ts +97 -0
- package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts +57 -0
- package/dist/types/components/dropdown/dropdown.d.ts +106 -0
- package/dist/types/components/dropdown-group/dropdown-group.d.ts +32 -0
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +54 -0
- package/dist/types/components/fab/fab.d.ts +49 -0
- package/dist/types/components/filter/filter.d.ts +59 -0
- package/dist/types/components/flow/flow.d.ts +22 -0
- package/dist/types/components/functional/ExpandToggle.d.ts +19 -0
- package/dist/types/components/graph/graph.d.ts +28 -0
- package/dist/types/components/handle/handle.d.ts +22 -0
- package/dist/types/components/icon/icon.d.ts +32 -0
- package/dist/types/components/inline-editable/inline-editable.d.ts +74 -0
- package/dist/types/components/input/input.d.ts +171 -0
- package/dist/types/components/input-date-picker/input-date-picker.d.ts +186 -0
- package/dist/types/components/input-message/input-message.d.ts +27 -0
- package/dist/types/components/input-time-picker/input-time-picker.d.ts +94 -0
- package/dist/types/components/label/label.d.ts +39 -0
- package/dist/types/components/link/link.d.ts +36 -0
- package/dist/types/components/list/list.d.ts +22 -0
- package/dist/types/components/list-item/list-item.d.ts +42 -0
- package/dist/types/components/list-item-group/list-item-group.d.ts +18 -0
- package/dist/types/components/loader/loader.d.ts +27 -0
- package/dist/types/components/modal/modal.d.ts +89 -0
- package/dist/types/components/notice/notice.d.ts +51 -0
- package/dist/types/components/pagination/pagination.d.ts +51 -0
- package/dist/types/components/panel/panel.d.ts +132 -0
- package/dist/types/components/pick-list/pick-list.d.ts +77 -0
- package/dist/types/components/pick-list/shared-list-logic.d.ts +32 -0
- package/dist/types/components/pick-list/shared-list-render.d.ts +18 -0
- package/dist/types/components/pick-list-group/pick-list-group.d.ts +21 -0
- package/dist/types/components/pick-list-item/pick-list-item.d.ts +108 -0
- package/dist/types/components/popover/popover.d.ts +107 -0
- package/dist/types/components/popover/resources.d.ts +1 -0
- package/dist/types/components/popover-manager/popover-manager.d.ts +19 -0
- package/dist/types/components/progress/progress.d.ts +15 -0
- package/dist/types/components/radio-button/radio-button.d.ts +94 -0
- package/dist/types/components/radio-button-group/radio-button-group.d.ts +34 -0
- package/dist/types/components/radio-group/radio-group.d.ts +58 -0
- package/dist/types/components/radio-group-item/radio-group-item.d.ts +24 -0
- package/dist/types/components/rating/rating.d.ts +62 -0
- package/dist/types/components/scrim/scrim.d.ts +17 -0
- package/dist/types/components/select/select.d.ts +77 -0
- package/dist/types/components/shell/shell.d.ts +24 -0
- package/dist/types/components/shell-center-row/shell-center-row.d.ts +25 -0
- package/dist/types/components/shell-panel/shell-panel.d.ts +69 -0
- package/dist/types/components/slider/slider.d.ts +194 -0
- package/dist/types/components/sortable-list/sortable-list.d.ts +52 -0
- package/dist/types/components/split-button/split-button.d.ts +56 -0
- package/dist/types/components/stepper/stepper.d.ts +58 -0
- package/dist/types/components/stepper-item/stepper-item.d.ts +67 -0
- package/dist/types/components/switch/switch.d.ts +45 -0
- package/dist/types/components/tab/tab.d.ts +42 -0
- package/dist/types/components/tab-nav/tab-nav.d.ts +74 -0
- package/dist/types/components/tab-title/tab-title.d.ts +94 -0
- package/dist/types/components/tabs/tabs.d.ts +65 -0
- package/dist/types/components/tile/tile.d.ts +38 -0
- package/dist/types/components/tile-select/tile-select.d.ts +59 -0
- package/dist/types/components/tile-select-group/tile-select-group.d.ts +15 -0
- package/dist/types/components/time-picker/time-picker.d.ts +137 -0
- package/dist/types/components/tip/tip.d.ts +47 -0
- package/dist/types/components/tip-manager/tip-manager.d.ts +65 -0
- package/dist/types/components/tooltip/tooltip.d.ts +60 -0
- package/dist/types/components/tooltip-manager/tooltip-manager.d.ts +41 -0
- package/dist/types/components/tree/interfaces.d.ts +10 -0
- package/dist/types/components/tree/tree.d.ts +39 -0
- package/dist/types/components/tree-item/tree-item.d.ts +60 -0
- package/dist/types/components/value-list/value-list.d.ts +92 -0
- package/dist/types/components/value-list-item/value-list-item.d.ts +81 -0
- package/dist/types/components.d.ts +4 -5
- package/dist/types/utils/label.d.ts +41 -0
- package/hydrate/index.js +53 -66
- package/package.json +1 -1
- package/readme.md +2 -2
- package/dist/calcite/p-184049cb.entry.js +0 -5
- package/dist/calcite/p-1b1bca2d.entry.js +0 -5
- package/dist/calcite/p-4696e56f.entry.js +0 -5
- package/dist/calcite/p-4730df46.js +0 -5
- package/dist/calcite/p-57e0428a.system.entry.js +0 -5
- package/dist/calcite/p-58adb34d.system.entry.js +0 -5
- package/dist/calcite/p-73d23656.entry.js +0 -5
- package/dist/calcite/p-7dfd6480.system.entry.js +0 -5
- package/dist/calcite/p-a3527241.system.entry.js +0 -5
- package/dist/calcite/p-bcdc20c3.system.entry.js +0 -5
- package/dist/calcite/p-c33f47d5.system.js +0 -5
- package/dist/calcite/p-c5c42405.entry.js +0 -5
- package/dist/calcite/p-e5a7ca2a.entry.js +0 -5
- package/dist/esm-es5/resources-cbfcf4a3.js +0 -5
|
@@ -8,7 +8,7 @@ import { g as guid } from './guid.js';
|
|
|
8
8
|
import { d as defaultOffsetDistance, u as updatePopper, c as createPopper, C as CSS } from './popper.js';
|
|
9
9
|
import { q as queryElementRoots } from './dom.js';
|
|
10
10
|
|
|
11
|
-
const tooltipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-
|
|
11
|
+
const tooltipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);overflow:hidden;max-width:20rem;max-height:20rem}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}";
|
|
12
12
|
|
|
13
13
|
const Tooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
14
14
|
constructor() {
|
|
@@ -107,25 +107,22 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
107
107
|
};
|
|
108
108
|
this.keyDownHandler = (e) => {
|
|
109
109
|
const target = e.target;
|
|
110
|
+
if (target !== this.referenceEl) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
110
113
|
const key = e.key;
|
|
111
|
-
if (this.
|
|
112
|
-
this.
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
this.openCalciteDropdown();
|
|
124
|
-
break;
|
|
125
|
-
case "Escape":
|
|
126
|
-
this.closeCalciteDropdown();
|
|
127
|
-
break;
|
|
128
|
-
}
|
|
114
|
+
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
115
|
+
this.closeCalciteDropdown();
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
switch (key) {
|
|
119
|
+
case " ":
|
|
120
|
+
case "Enter":
|
|
121
|
+
this.openCalciteDropdown();
|
|
122
|
+
break;
|
|
123
|
+
case "Escape":
|
|
124
|
+
this.closeCalciteDropdown();
|
|
125
|
+
break;
|
|
129
126
|
}
|
|
130
127
|
};
|
|
131
128
|
this.focusOnFirstActiveOrFirstItem = () => {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
5
|
import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
|
|
6
|
-
import { T as TEXT, A as ARIA_EXPANDED, P as POPOVER_REFERENCE, a as ARIA_CONTROLS, C as CSS, H as HEADING_LEVEL } from './resources.js';
|
|
6
|
+
import { d as defaultPopoverPlacement, T as TEXT, A as ARIA_EXPANDED, P as POPOVER_REFERENCE, a as ARIA_CONTROLS, C as CSS, H as HEADING_LEVEL } from './resources.js';
|
|
7
7
|
import { d as defaultOffsetDistance, u as updatePopper, c as createPopper, C as CSS$1 } from './popper.js';
|
|
8
8
|
import { g as guid } from './guid.js';
|
|
9
9
|
import { q as queryElementRoots } from './dom.js';
|
|
@@ -12,7 +12,7 @@ import { d as defineCustomElement$3 } from './action.js';
|
|
|
12
12
|
import { d as defineCustomElement$2 } from './icon.js';
|
|
13
13
|
import { d as defineCustomElement$1 } from './loader.js';
|
|
14
14
|
|
|
15
|
-
const popoverCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-
|
|
15
|
+
const popoverCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;white-space:normal;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1)}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex:0 0 auto;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}";
|
|
16
16
|
|
|
17
17
|
const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
18
18
|
constructor() {
|
|
@@ -62,7 +62,7 @@ const Popover = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
62
62
|
* Determines where the component will be positioned relative to the referenceElement.
|
|
63
63
|
* @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
|
|
64
64
|
*/
|
|
65
|
-
this.placement =
|
|
65
|
+
this.placement = defaultPopoverPlacement;
|
|
66
66
|
/** Text for close button.
|
|
67
67
|
* @default "Close"
|
|
68
68
|
*/
|
|
@@ -17,9 +17,10 @@ const CSS = {
|
|
|
17
17
|
const TEXT = {
|
|
18
18
|
close: "Close"
|
|
19
19
|
};
|
|
20
|
+
const defaultPopoverPlacement = "auto";
|
|
20
21
|
const POPOVER_REFERENCE = "data-calcite-popover-reference";
|
|
21
22
|
const ARIA_CONTROLS = "aria-controls";
|
|
22
23
|
const ARIA_EXPANDED = "aria-expanded";
|
|
23
24
|
const HEADING_LEVEL = 2;
|
|
24
25
|
|
|
25
|
-
export { ARIA_EXPANDED as A, CSS as C, HEADING_LEVEL as H, POPOVER_REFERENCE as P, TEXT as T, ARIA_CONTROLS as a };
|
|
26
|
+
export { ARIA_EXPANDED as A, CSS as C, HEADING_LEVEL as H, POPOVER_REFERENCE as P, TEXT as T, ARIA_CONTROLS as a, defaultPopoverPlacement as d };
|
|
@@ -3,30 +3,13 @@
|
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
5
|
const CSS = {
|
|
6
|
-
header: "header",
|
|
7
6
|
heading: "heading",
|
|
8
|
-
close: "close",
|
|
9
7
|
container: "container",
|
|
10
|
-
|
|
11
|
-
tipContainerAdvancing: "tip-container--advancing",
|
|
12
|
-
tipContainerRetreating: "tip-container--retreating",
|
|
13
|
-
pagination: "pagination",
|
|
14
|
-
pagePosition: "page-position",
|
|
15
|
-
pageNext: "page-next",
|
|
16
|
-
pagePrevious: "page-previous"
|
|
8
|
+
indented: "container--indented"
|
|
17
9
|
};
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
chevronRight: "chevron-right",
|
|
21
|
-
close: "x"
|
|
10
|
+
const SLOTS = {
|
|
11
|
+
parentItem: "parent-item"
|
|
22
12
|
};
|
|
23
|
-
const
|
|
24
|
-
defaultGroupTitle: "Tips",
|
|
25
|
-
defaultPaginationLabel: "Tip",
|
|
26
|
-
close: "Close",
|
|
27
|
-
previous: "Previous",
|
|
28
|
-
next: "Next"
|
|
29
|
-
};
|
|
30
|
-
const HEADING_LEVEL = 2;
|
|
13
|
+
const HEADING_LEVEL = 3;
|
|
31
14
|
|
|
32
|
-
export { CSS as C, HEADING_LEVEL as H,
|
|
15
|
+
export { CSS as C, HEADING_LEVEL as H, SLOTS as S };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
const CSS = {
|
|
6
|
+
header: "header",
|
|
7
|
+
heading: "heading",
|
|
8
|
+
close: "close",
|
|
9
|
+
container: "container",
|
|
10
|
+
tipContainer: "tip-container",
|
|
11
|
+
tipContainerAdvancing: "tip-container--advancing",
|
|
12
|
+
tipContainerRetreating: "tip-container--retreating",
|
|
13
|
+
pagination: "pagination",
|
|
14
|
+
pagePosition: "page-position",
|
|
15
|
+
pageNext: "page-next",
|
|
16
|
+
pagePrevious: "page-previous"
|
|
17
|
+
};
|
|
18
|
+
const ICONS = {
|
|
19
|
+
chevronLeft: "chevron-left",
|
|
20
|
+
chevronRight: "chevron-right",
|
|
21
|
+
close: "x"
|
|
22
|
+
};
|
|
23
|
+
const TEXT = {
|
|
24
|
+
defaultGroupTitle: "Tips",
|
|
25
|
+
defaultPaginationLabel: "Tip",
|
|
26
|
+
close: "Close",
|
|
27
|
+
previous: "Previous",
|
|
28
|
+
next: "Next"
|
|
29
|
+
};
|
|
30
|
+
const HEADING_LEVEL = 2;
|
|
31
|
+
|
|
32
|
+
export { CSS as C, HEADING_LEVEL as H, ICONS as I, TEXT as T };
|
|
@@ -4,9 +4,10 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { f as focusElement, b as getSlotted } from './dom.js';
|
|
6
6
|
import { g as getRoundRobinIndex } from './array.js';
|
|
7
|
+
import { S as SLOTS } from './resources4.js';
|
|
7
8
|
import { d as debounce } from './debounce.js';
|
|
8
9
|
import { h, Host } from '@stencil/core/internal/client';
|
|
9
|
-
import { C as CSS, S as SLOTS } from './resources3.js';
|
|
10
|
+
import { C as CSS, S as SLOTS$1 } from './resources3.js';
|
|
10
11
|
|
|
11
12
|
function mutationObserverCallback() {
|
|
12
13
|
this.setUpItems();
|
|
@@ -143,7 +144,7 @@ function removeItem(event) {
|
|
|
143
144
|
}
|
|
144
145
|
const item = event.target;
|
|
145
146
|
const selectedValues = this.selectedValues;
|
|
146
|
-
if (item.parentElement.tagName === "CALCITE-PICK-LIST-GROUP") {
|
|
147
|
+
if (item.parentElement.tagName === "CALCITE-PICK-LIST-GROUP" && item.slot === SLOTS.parentItem) {
|
|
147
148
|
item.parentElement.remove();
|
|
148
149
|
Array.from(item.parentElement.children).forEach((item) => selectedValues.delete(item.value));
|
|
149
150
|
}
|
|
@@ -313,7 +314,7 @@ const List = (_a) => {
|
|
|
313
314
|
h("section", null,
|
|
314
315
|
h("header", { class: { [CSS.sticky]: true } },
|
|
315
316
|
filterEnabled ? (h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: handleFilter, placeholder: filterPlaceholder, ref: setFilterEl })) : null,
|
|
316
|
-
h("slot", { name: SLOTS.menuActions })),
|
|
317
|
+
h("slot", { name: SLOTS$1.menuActions })),
|
|
317
318
|
loading ? h("calcite-scrim", { loading: loading }) : null,
|
|
318
319
|
defaultSlot)));
|
|
319
320
|
};
|
|
@@ -2161,16 +2161,11 @@ const ActionBar = class extends HTMLElement$1 {
|
|
|
2161
2161
|
this.expandToggleEl = el;
|
|
2162
2162
|
};
|
|
2163
2163
|
}
|
|
2164
|
-
expandHandler(
|
|
2165
|
-
if (!expandDisabled) {
|
|
2166
|
-
toggleChildActionText({ parent: this.el, expanded: this.expanded });
|
|
2167
|
-
}
|
|
2164
|
+
expandHandler() {
|
|
2168
2165
|
this.conditionallyOverflowActions();
|
|
2169
2166
|
}
|
|
2170
2167
|
expandedHandler(expanded) {
|
|
2171
|
-
|
|
2172
|
-
toggleChildActionText({ parent: this.el, expanded });
|
|
2173
|
-
}
|
|
2168
|
+
toggleChildActionText({ parent: this.el, expanded });
|
|
2174
2169
|
this.calciteActionBarToggle.emit();
|
|
2175
2170
|
}
|
|
2176
2171
|
overflowDisabledHandler(overflowActionsDisabled) {
|
|
@@ -2188,10 +2183,8 @@ const ActionBar = class extends HTMLElement$1 {
|
|
|
2188
2183
|
}
|
|
2189
2184
|
connectedCallback() {
|
|
2190
2185
|
var _a, _b;
|
|
2191
|
-
const { el,
|
|
2192
|
-
|
|
2193
|
-
toggleChildActionText({ parent: el, expanded });
|
|
2194
|
-
}
|
|
2186
|
+
const { el, expanded } = this;
|
|
2187
|
+
toggleChildActionText({ parent: el, expanded });
|
|
2195
2188
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, { childList: true, subtree: true });
|
|
2196
2189
|
if (!this.overflowActionsDisabled) {
|
|
2197
2190
|
(_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);
|
|
@@ -2579,10 +2572,10 @@ const ActionMenu = class extends HTMLElement$1 {
|
|
|
2579
2572
|
return getSlotted(el, SLOTS$p.tooltip) ? (h("calcite-tooltip-manager", null, menuButtonSlot)) : (menuButtonSlot);
|
|
2580
2573
|
}
|
|
2581
2574
|
renderMenuItems() {
|
|
2582
|
-
const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning } = this;
|
|
2575
|
+
const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
|
|
2583
2576
|
const activeAction = actionElements[activeMenuItemIndex];
|
|
2584
2577
|
const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;
|
|
2585
|
-
return (h("calcite-popover", { disablePointer: true, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS$O.menu, id: menuId, onClick: this.handleCalciteActionClick, onKeyDown: this.menuActionsContainerKeyDown, onKeyUp: this.menuActionsContainerKeyUp, ref: (el) => (this.menuEl = el), role: "menu", tabIndex: -1 }, h("slot", null))));
|
|
2578
|
+
return (h("calcite-popover", { disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS$O.menu, id: menuId, onClick: this.handleCalciteActionClick, onKeyDown: this.menuActionsContainerKeyDown, onKeyUp: this.menuActionsContainerKeyUp, ref: (el) => (this.menuEl = el), role: "menu", tabIndex: -1 }, h("slot", null))));
|
|
2586
2579
|
}
|
|
2587
2580
|
render() {
|
|
2588
2581
|
return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS$p.tooltip })));
|
|
@@ -2663,15 +2656,8 @@ const ActionPad = class extends HTMLElement$1 {
|
|
|
2663
2656
|
this.expandToggleEl = el;
|
|
2664
2657
|
};
|
|
2665
2658
|
}
|
|
2666
|
-
expandHandler(expandDisabled) {
|
|
2667
|
-
if (!expandDisabled) {
|
|
2668
|
-
toggleChildActionText({ parent: this.el, expanded: this.expanded });
|
|
2669
|
-
}
|
|
2670
|
-
}
|
|
2671
2659
|
expandedHandler(expanded) {
|
|
2672
|
-
|
|
2673
|
-
toggleChildActionText({ parent: this.el, expanded });
|
|
2674
|
-
}
|
|
2660
|
+
toggleChildActionText({ parent: this.el, expanded });
|
|
2675
2661
|
this.calciteActionPadToggle.emit();
|
|
2676
2662
|
}
|
|
2677
2663
|
// --------------------------------------------------------------------------
|
|
@@ -2686,10 +2672,8 @@ const ActionPad = class extends HTMLElement$1 {
|
|
|
2686
2672
|
disconnectConditionalSlotComponent(this);
|
|
2687
2673
|
}
|
|
2688
2674
|
componentWillLoad() {
|
|
2689
|
-
const { el,
|
|
2690
|
-
|
|
2691
|
-
toggleChildActionText({ parent: el, expanded });
|
|
2692
|
-
}
|
|
2675
|
+
const { el, expanded } = this;
|
|
2676
|
+
toggleChildActionText({ parent: el, expanded });
|
|
2693
2677
|
}
|
|
2694
2678
|
// --------------------------------------------------------------------------
|
|
2695
2679
|
//
|
|
@@ -2722,7 +2706,6 @@ const ActionPad = class extends HTMLElement$1 {
|
|
|
2722
2706
|
}
|
|
2723
2707
|
get el() { return this; }
|
|
2724
2708
|
static get watchers() { return {
|
|
2725
|
-
"expandDisabled": ["expandHandler"],
|
|
2726
2709
|
"expanded": ["expandedHandler"]
|
|
2727
2710
|
}; }
|
|
2728
2711
|
static get style() { return actionPadCss; }
|
|
@@ -11671,25 +11654,22 @@ const Dropdown = class extends HTMLElement$1 {
|
|
|
11671
11654
|
};
|
|
11672
11655
|
this.keyDownHandler = (e) => {
|
|
11673
11656
|
const target = e.target;
|
|
11657
|
+
if (target !== this.referenceEl) {
|
|
11658
|
+
return;
|
|
11659
|
+
}
|
|
11674
11660
|
const key = e.key;
|
|
11675
|
-
if (this.
|
|
11676
|
-
this.
|
|
11677
|
-
|
|
11678
|
-
|
|
11679
|
-
|
|
11680
|
-
|
|
11681
|
-
|
|
11682
|
-
|
|
11683
|
-
|
|
11684
|
-
|
|
11685
|
-
|
|
11686
|
-
|
|
11687
|
-
this.openCalciteDropdown();
|
|
11688
|
-
break;
|
|
11689
|
-
case "Escape":
|
|
11690
|
-
this.closeCalciteDropdown();
|
|
11691
|
-
break;
|
|
11692
|
-
}
|
|
11661
|
+
if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
|
|
11662
|
+
this.closeCalciteDropdown();
|
|
11663
|
+
return;
|
|
11664
|
+
}
|
|
11665
|
+
switch (key) {
|
|
11666
|
+
case " ":
|
|
11667
|
+
case "Enter":
|
|
11668
|
+
this.openCalciteDropdown();
|
|
11669
|
+
break;
|
|
11670
|
+
case "Escape":
|
|
11671
|
+
this.closeCalciteDropdown();
|
|
11672
|
+
break;
|
|
11693
11673
|
}
|
|
11694
11674
|
};
|
|
11695
11675
|
this.focusOnFirstActiveOrFirstItem = () => {
|
|
@@ -12055,12 +12035,11 @@ const DropdownItem = class extends HTMLElement$1 {
|
|
|
12055
12035
|
// Lifecycle
|
|
12056
12036
|
//
|
|
12057
12037
|
//--------------------------------------------------------------------------
|
|
12038
|
+
componentWillLoad() {
|
|
12039
|
+
this.initialize();
|
|
12040
|
+
}
|
|
12058
12041
|
connectedCallback() {
|
|
12059
|
-
this.
|
|
12060
|
-
this.parentDropdownGroupEl = this.el.closest("calcite-dropdown-group");
|
|
12061
|
-
if (this.selectionMode === "none") {
|
|
12062
|
-
this.active = false;
|
|
12063
|
-
}
|
|
12042
|
+
this.initialize();
|
|
12064
12043
|
}
|
|
12065
12044
|
render() {
|
|
12066
12045
|
const scale = getElementProp(this.el, "scale", "m");
|
|
@@ -12143,6 +12122,13 @@ const DropdownItem = class extends HTMLElement$1 {
|
|
|
12143
12122
|
// Private Methods
|
|
12144
12123
|
//
|
|
12145
12124
|
//--------------------------------------------------------------------------
|
|
12125
|
+
initialize() {
|
|
12126
|
+
this.selectionMode = getElementProp(this.el, "selection-mode", "single");
|
|
12127
|
+
this.parentDropdownGroupEl = this.el.closest("calcite-dropdown-group");
|
|
12128
|
+
if (this.selectionMode === "none") {
|
|
12129
|
+
this.active = false;
|
|
12130
|
+
}
|
|
12131
|
+
}
|
|
12146
12132
|
determineActiveItem() {
|
|
12147
12133
|
switch (this.selectionMode) {
|
|
12148
12134
|
case "multi":
|
|
@@ -13721,7 +13707,7 @@ const Input = class extends HTMLElement$1 {
|
|
|
13721
13707
|
static get style() { return inputCss; }
|
|
13722
13708
|
};
|
|
13723
13709
|
|
|
13724
|
-
const inputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.menu-container--active .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container--active .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container--active .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container--active .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container--active .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container--active .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
|
|
13710
|
+
const inputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container--active .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container--active .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container--active .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container--active .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container--active .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
|
|
13725
13711
|
|
|
13726
13712
|
const InputDatePicker = class extends HTMLElement$1 {
|
|
13727
13713
|
constructor() {
|
|
@@ -16046,6 +16032,16 @@ const SLOTS$b = {
|
|
|
16046
16032
|
menuActions: "menu-actions"
|
|
16047
16033
|
};
|
|
16048
16034
|
|
|
16035
|
+
const CSS$i = {
|
|
16036
|
+
heading: "heading",
|
|
16037
|
+
container: "container",
|
|
16038
|
+
indented: "container--indented"
|
|
16039
|
+
};
|
|
16040
|
+
const SLOTS$a = {
|
|
16041
|
+
parentItem: "parent-item"
|
|
16042
|
+
};
|
|
16043
|
+
const HEADING_LEVEL$3 = 3;
|
|
16044
|
+
|
|
16049
16045
|
function mutationObserverCallback() {
|
|
16050
16046
|
this.setUpItems();
|
|
16051
16047
|
this.setUpFilter();
|
|
@@ -16181,7 +16177,7 @@ function removeItem(event) {
|
|
|
16181
16177
|
}
|
|
16182
16178
|
const item = event.target;
|
|
16183
16179
|
const selectedValues = this.selectedValues;
|
|
16184
|
-
if (item.parentElement.tagName === "CALCITE-PICK-LIST-GROUP") {
|
|
16180
|
+
if (item.parentElement.tagName === "CALCITE-PICK-LIST-GROUP" && item.slot === SLOTS$a.parentItem) {
|
|
16185
16181
|
item.parentElement.remove();
|
|
16186
16182
|
Array.from(item.parentElement.children).forEach((item) => selectedValues.delete(item.value));
|
|
16187
16183
|
}
|
|
@@ -16483,16 +16479,6 @@ const PickList = class extends HTMLElement$1 {
|
|
|
16483
16479
|
static get style() { return pickListCss; }
|
|
16484
16480
|
};
|
|
16485
16481
|
|
|
16486
|
-
const CSS$i = {
|
|
16487
|
-
heading: "heading",
|
|
16488
|
-
container: "container",
|
|
16489
|
-
indented: "container--indented"
|
|
16490
|
-
};
|
|
16491
|
-
const SLOTS$a = {
|
|
16492
|
-
parentItem: "parent-item"
|
|
16493
|
-
};
|
|
16494
|
-
const HEADING_LEVEL$3 = 3;
|
|
16495
|
-
|
|
16496
16482
|
const pickListGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{margin-bottom:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:last-child){margin-bottom:0px}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}h3.heading{margin-top:0.5rem;margin-bottom:0.5rem;margin-left:1rem;margin-right:1rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}";
|
|
16497
16483
|
|
|
16498
16484
|
const PickListGroup = class extends HTMLElement$1 {
|
|
@@ -16738,12 +16724,13 @@ const CSS$g = {
|
|
|
16738
16724
|
const TEXT$6 = {
|
|
16739
16725
|
close: "Close"
|
|
16740
16726
|
};
|
|
16727
|
+
const defaultPopoverPlacement = "auto";
|
|
16741
16728
|
const POPOVER_REFERENCE = "data-calcite-popover-reference";
|
|
16742
16729
|
const ARIA_CONTROLS = "aria-controls";
|
|
16743
16730
|
const ARIA_EXPANDED = "aria-expanded";
|
|
16744
16731
|
const HEADING_LEVEL$2 = 2;
|
|
16745
16732
|
|
|
16746
|
-
const popoverCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-
|
|
16733
|
+
const popoverCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-bottom-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;white-space:normal;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1)}.container.has-header{-ms-flex-direction:column;flex-direction:column}.content{display:-ms-flexbox;display:flex;height:100%;width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex:0 0 auto;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}";
|
|
16747
16734
|
|
|
16748
16735
|
const Popover = class extends HTMLElement$1 {
|
|
16749
16736
|
constructor() {
|
|
@@ -16793,7 +16780,7 @@ const Popover = class extends HTMLElement$1 {
|
|
|
16793
16780
|
* Determines where the component will be positioned relative to the referenceElement.
|
|
16794
16781
|
* @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
|
|
16795
16782
|
*/
|
|
16796
|
-
this.placement =
|
|
16783
|
+
this.placement = defaultPopoverPlacement;
|
|
16797
16784
|
/** Text for close button.
|
|
16798
16785
|
* @default "Close"
|
|
16799
16786
|
*/
|
|
@@ -24782,7 +24769,7 @@ const TOOLTIP_DELAY_MS = 500;
|
|
|
24782
24769
|
const TOOLTIP_REFERENCE = "data-calcite-tooltip-reference";
|
|
24783
24770
|
const ARIA_DESCRIBED_BY = "aria-describedby";
|
|
24784
24771
|
|
|
24785
|
-
const tooltipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-
|
|
24772
|
+
const tooltipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host([data-popper-placement^=bottom]) .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-popper-placement^=top]) .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-popper-placement^=left]) .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-popper-placement^=right]) .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-popper-placement]) .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([data-popper-placement][data-popper-reference-hidden]){pointer-events:none;opacity:0}.arrow,.arrow::before{position:absolute;width:8px;height:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-popper-placement^=top]) .arrow{bottom:-4px}:host([data-popper-placement^=bottom]) .arrow{top:-4px}:host([data-popper-placement^=left]) .arrow{right:-4px}:host([data-popper-placement^=right]) .arrow{left:-4px}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);overflow:hidden;max-width:20rem;max-height:20rem}.calcite-popper-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}";
|
|
24786
24773
|
|
|
24787
24774
|
const Tooltip = class extends HTMLElement$1 {
|
|
24788
24775
|
constructor() {
|
|
@@ -25993,11 +25980,11 @@ const CalcitePopoverManager = /*@__PURE__*/proxyCustomElement(PopoverManager, [1
|
|
|
25993
25980
|
const CalciteProgress = /*@__PURE__*/proxyCustomElement(Progress, [1,"calcite-progress",{"type":[1],"value":[2],"label":[1],"text":[1],"reversed":[4]}]);
|
|
25994
25981
|
const CalciteRadioButton = /*@__PURE__*/proxyCustomElement(RadioButton, [1,"calcite-radio-button",{"checked":[1540],"disabled":[516],"focused":[1540],"guid":[1537],"hidden":[516],"hovered":[1540],"label":[1],"name":[513],"required":[516],"scale":[513],"value":[1032]},[[1,"mouseenter","mouseenter"],[1,"mouseleave","mouseleave"]]]);
|
|
25995
25982
|
const CalciteRadioButtonGroup = /*@__PURE__*/proxyCustomElement(RadioButtonGroup, [1,"calcite-radio-button-group",{"disabled":[516],"hidden":[516],"layout":[513],"name":[513],"required":[516],"scale":[513]},[[0,"calciteRadioButtonChange","radioButtonChangeHandler"]]]);
|
|
25996
|
-
const CalciteRadioGroup = /*@__PURE__*/proxyCustomElement(RadioGroup, [1,"calcite-radio-group",{"appearance":[513],"disabled":[516],"required":[516],"layout":[513],"name":[1],"scale":[513],"value":[1025],"selectedItem":[
|
|
25983
|
+
const CalciteRadioGroup = /*@__PURE__*/proxyCustomElement(RadioGroup, [1,"calcite-radio-group",{"appearance":[513],"disabled":[516],"required":[516],"layout":[513],"name":[1],"scale":[513],"value":[1025],"selectedItem":[1040],"width":[513]},[[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]]);
|
|
25997
25984
|
const CalciteRadioGroupItem = /*@__PURE__*/proxyCustomElement(RadioGroupItem, [1,"calcite-radio-group-item",{"checked":[1540],"icon":[513],"iconFlipRtl":[516,"icon-flip-rtl"],"iconPosition":[513,"icon-position"],"value":[1032]}]);
|
|
25998
25985
|
const CalciteRating = /*@__PURE__*/proxyCustomElement(Rating, [1,"calcite-rating",{"scale":[513],"value":[1538],"readOnly":[516,"read-only"],"disabled":[516],"showChip":[516,"show-chip"],"count":[514],"average":[514],"name":[513],"intlRating":[1,"intl-rating"],"intlStars":[1,"intl-stars"],"required":[516],"hoverValue":[32],"focusValue":[32],"hasFocus":[32]},[[0,"blur","blurHandler"]]]);
|
|
25999
25986
|
const CalciteScrim = /*@__PURE__*/proxyCustomElement(Scrim, [1,"calcite-scrim",{"intlLoading":[1,"intl-loading"],"loading":[516]}]);
|
|
26000
|
-
const CalciteSelect = /*@__PURE__*/proxyCustomElement(Select, [1,"calcite-select",{"disabled":[516],"label":[1],"name":[1],"required":[516],"scale":[513],"value":[1025],"selectedOption":[
|
|
25987
|
+
const CalciteSelect = /*@__PURE__*/proxyCustomElement(Select, [1,"calcite-select",{"disabled":[516],"label":[1],"name":[1],"required":[516],"scale":[513],"value":[1025],"selectedOption":[1040],"width":[513]},[[0,"calciteOptionChange","handleOptionOrGroupChange"],[0,"calciteOptionGroupChange","handleOptionOrGroupChange"]]]);
|
|
26001
25988
|
const CalciteShell = /*@__PURE__*/proxyCustomElement(Shell, [1,"calcite-shell",{"contentBehind":[516,"content-behind"]}]);
|
|
26002
25989
|
const CalciteShellCenterRow = /*@__PURE__*/proxyCustomElement(ShellCenterRow, [1,"calcite-shell-center-row",{"detached":[516],"heightScale":[513,"height-scale"],"position":[513]}]);
|
|
26003
25990
|
const CalciteShellPanel = /*@__PURE__*/proxyCustomElement(ShellPanel, [1,"calcite-shell-panel",{"collapsed":[516],"detached":[516],"detachedHeightScale":[513,"detached-height-scale"],"widthScale":[513,"width-scale"],"position":[513],"intlResize":[1,"intl-resize"],"resizable":[516],"contentWidth":[32]}]);
|
|
@@ -111,16 +111,11 @@ const ActionBar = class {
|
|
|
111
111
|
this.expandToggleEl = el;
|
|
112
112
|
};
|
|
113
113
|
}
|
|
114
|
-
expandHandler(
|
|
115
|
-
if (!expandDisabled) {
|
|
116
|
-
toggleChildActionText({ parent: this.el, expanded: this.expanded });
|
|
117
|
-
}
|
|
114
|
+
expandHandler() {
|
|
118
115
|
this.conditionallyOverflowActions();
|
|
119
116
|
}
|
|
120
117
|
expandedHandler(expanded) {
|
|
121
|
-
|
|
122
|
-
toggleChildActionText({ parent: this.el, expanded });
|
|
123
|
-
}
|
|
118
|
+
toggleChildActionText({ parent: this.el, expanded });
|
|
124
119
|
this.calciteActionBarToggle.emit();
|
|
125
120
|
}
|
|
126
121
|
overflowDisabledHandler(overflowActionsDisabled) {
|
|
@@ -138,10 +133,8 @@ const ActionBar = class {
|
|
|
138
133
|
}
|
|
139
134
|
connectedCallback() {
|
|
140
135
|
var _a, _b;
|
|
141
|
-
const { el,
|
|
142
|
-
|
|
143
|
-
toggleChildActionText({ parent: el, expanded });
|
|
144
|
-
}
|
|
136
|
+
const { el, expanded } = this;
|
|
137
|
+
toggleChildActionText({ parent: el, expanded });
|
|
145
138
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, { childList: true, subtree: true });
|
|
146
139
|
if (!this.overflowActionsDisabled) {
|
|
147
140
|
(_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);
|