@esri/calcite-components 1.0.0-next.365 → 1.0.0-next.366
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-0282fd8b.system.entry.js +5 -0
- package/dist/calcite/p-050ff462.entry.js +5 -0
- package/dist/calcite/p-05b03971.system.entry.js +5 -0
- package/dist/calcite/p-08847812.entry.js +5 -0
- package/dist/calcite/p-1bcce6c9.entry.js +5 -0
- package/dist/calcite/p-1ef9235e.system.entry.js +5 -0
- package/dist/calcite/p-25ed6059.entry.js +5 -0
- package/dist/calcite/p-40cbbd20.entry.js +5 -0
- package/dist/calcite/p-4347fde9.system.entry.js +5 -0
- package/dist/calcite/p-43cd4b9b.entry.js +5 -0
- package/dist/calcite/p-55e2658e.entry.js +5 -0
- package/dist/calcite/p-5682a918.entry.js +5 -0
- package/dist/calcite/p-597b782e.system.entry.js +5 -0
- package/dist/calcite/p-60e4f404.entry.js +5 -0
- package/dist/calcite/p-660c8077.js +5 -0
- package/dist/calcite/p-7279ccf9.entry.js +5 -0
- package/dist/calcite/p-832d7f68.system.entry.js +5 -0
- package/dist/calcite/p-888a152c.system.entry.js +5 -0
- package/dist/calcite/p-946c3bed.system.entry.js +5 -0
- package/dist/calcite/p-94717214.entry.js +5 -0
- package/dist/calcite/p-953259af.entry.js +5 -0
- package/dist/calcite/p-99d32fc3.system.js +1 -1
- package/dist/calcite/p-9b723fdd.system.entry.js +5 -0
- package/dist/calcite/p-9fe77a88.system.entry.js +5 -0
- package/dist/calcite/p-a52288cd.system.entry.js +5 -0
- package/dist/calcite/p-a71d17b4.entry.js +5 -0
- package/dist/calcite/p-aea7c650.system.entry.js +5 -0
- package/dist/calcite/p-af7ed41f.system.entry.js +5 -0
- package/dist/calcite/p-b14e0be5.system.entry.js +5 -0
- package/dist/calcite/p-b53b28e3.system.js +5 -0
- package/dist/calcite/p-b88d7391.entry.js +5 -0
- package/dist/calcite/p-ba915998.entry.js +5 -0
- package/dist/calcite/p-dd4457cd.entry.js +5 -0
- package/dist/calcite/p-eff2fb8c.system.entry.js +5 -0
- package/dist/calcite/p-fd57beb5.system.entry.js +5 -0
- package/dist/cjs/calcite-action-bar.cjs.entry.js +3 -24
- package/dist/cjs/calcite-action-group.cjs.entry.js +13 -0
- package/dist/cjs/calcite-action-menu.cjs.entry.js +3 -0
- package/dist/cjs/calcite-action-pad.cjs.entry.js +8 -0
- package/dist/cjs/calcite-block_2.cjs.entry.js +14 -1
- package/dist/cjs/calcite-chip.cjs.entry.js +14 -1
- package/dist/cjs/calcite-list_3.cjs.entry.js +13 -0
- package/dist/cjs/calcite-modal.cjs.entry.js +5 -2
- package/dist/cjs/calcite-notice.cjs.entry.js +8 -0
- package/dist/cjs/calcite-panel.cjs.entry.js +18 -12
- package/dist/cjs/calcite-pick-list_3.cjs.entry.js +23 -0
- package/dist/cjs/calcite-shell_3.cjs.entry.js +35 -7
- package/dist/cjs/calcite-tile.cjs.entry.js +13 -0
- package/dist/cjs/calcite-tip_3.cjs.entry.js +13 -1
- package/dist/cjs/calcite-tree_2.cjs.entry.js +6 -0
- package/dist/cjs/calcite-value-list_2.cjs.entry.js +12 -0
- package/dist/cjs/conditionalSlot-e874fbb0.js +43 -0
- package/dist/collection/components/calcite-action-group/calcite-action-group.js +12 -0
- package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +3 -0
- package/dist/collection/components/calcite-action-pad/calcite-action-pad.js +7 -0
- package/dist/collection/components/calcite-block/calcite-block.js +13 -1
- package/dist/collection/components/calcite-chip/calcite-chip.js +13 -1
- package/dist/collection/components/calcite-list-item/calcite-list-item.js +12 -0
- package/dist/collection/components/calcite-modal/calcite-modal.js +5 -2
- package/dist/collection/components/calcite-notice/calcite-notice.js +7 -0
- package/dist/collection/components/calcite-panel/calcite-panel.js +19 -14
- package/dist/collection/components/calcite-pick-list-group/calcite-pick-list-group.js +12 -0
- package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js +12 -0
- package/dist/collection/components/calcite-shell/calcite-shell.js +14 -2
- package/dist/collection/components/calcite-shell-center-row/calcite-shell-center-row.js +13 -1
- package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.js +9 -4
- package/dist/collection/components/calcite-tile/calcite-tile.js +12 -0
- package/dist/collection/components/calcite-tip/calcite-tip.js +13 -1
- package/dist/collection/components/calcite-tree-item/calcite-tree-item.js +5 -0
- package/dist/collection/components/calcite-value-list-item/calcite-value-list-item.js +12 -0
- package/dist/collection/utils/conditionalSlot.js +22 -11
- package/dist/components/calcite-action-bar.js +2 -23
- package/dist/components/calcite-action-group2.js +12 -0
- package/dist/components/calcite-action-menu2.js +3 -0
- package/dist/components/calcite-action-pad.js +7 -0
- package/dist/components/calcite-block.js +13 -1
- package/dist/components/calcite-chip2.js +13 -1
- package/dist/components/calcite-list-item.js +12 -0
- package/dist/components/calcite-modal.js +5 -2
- package/dist/components/calcite-notice.js +7 -0
- package/dist/components/calcite-panel.js +17 -12
- package/dist/components/calcite-pick-list-group.js +12 -0
- package/dist/components/calcite-pick-list-item2.js +12 -0
- package/dist/components/calcite-shell-center-row.js +13 -1
- package/dist/components/calcite-shell-panel.js +9 -4
- package/dist/components/calcite-shell.js +14 -2
- package/dist/components/calcite-tile2.js +12 -0
- package/dist/components/calcite-tip.js +13 -1
- package/dist/components/calcite-tree-item.js +5 -0
- package/dist/components/calcite-value-list-item.js +12 -0
- package/dist/components/conditionalSlot.js +40 -0
- package/dist/custom-elements/index.js +194 -35
- package/dist/esm/calcite-action-bar.entry.js +2 -23
- package/dist/esm/calcite-action-group.entry.js +13 -0
- package/dist/esm/calcite-action-menu.entry.js +3 -0
- package/dist/esm/calcite-action-pad.entry.js +8 -0
- package/dist/esm/calcite-block_2.entry.js +14 -1
- package/dist/esm/calcite-chip.entry.js +14 -1
- package/dist/esm/calcite-list_3.entry.js +13 -0
- package/dist/esm/calcite-modal.entry.js +5 -2
- package/dist/esm/calcite-notice.entry.js +8 -0
- package/dist/esm/calcite-panel.entry.js +18 -12
- package/dist/esm/calcite-pick-list_3.entry.js +23 -0
- package/dist/esm/calcite-shell_3.entry.js +35 -7
- package/dist/esm/calcite-tile.entry.js +13 -0
- package/dist/esm/calcite-tip_3.entry.js +13 -1
- package/dist/esm/calcite-tree_2.entry.js +6 -0
- package/dist/esm/calcite-value-list_2.entry.js +12 -0
- package/dist/esm/conditionalSlot-0c4ea23a.js +40 -0
- package/dist/esm-es5/calcite-action-bar.entry.js +2 -2
- package/dist/esm-es5/calcite-action-group.entry.js +1 -1
- package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
- package/dist/esm-es5/calcite-action-pad.entry.js +2 -2
- package/dist/esm-es5/calcite-block_2.entry.js +1 -1
- package/dist/esm-es5/calcite-chip.entry.js +2 -2
- package/dist/esm-es5/calcite-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-modal.entry.js +1 -1
- package/dist/esm-es5/calcite-notice.entry.js +2 -2
- package/dist/esm-es5/calcite-panel.entry.js +2 -2
- package/dist/esm-es5/calcite-pick-list_3.entry.js +1 -1
- package/dist/esm-es5/calcite-shell_3.entry.js +1 -1
- package/dist/esm-es5/calcite-tile.entry.js +1 -1
- package/dist/esm-es5/calcite-tip_3.entry.js +1 -1
- package/dist/esm-es5/calcite-tree_2.entry.js +1 -1
- package/dist/esm-es5/calcite-value-list_2.entry.js +1 -1
- package/dist/esm-es5/conditionalSlot-0c4ea23a.js +5 -0
- package/dist/extras/docs-json.json +1 -1
- package/dist/types/components/calcite-action-group/calcite-action-group.d.ts +4 -1
- package/dist/types/components/calcite-action-menu/calcite-action-menu.d.ts +2 -1
- package/dist/types/components/calcite-action-pad/calcite-action-pad.d.ts +4 -1
- package/dist/types/components/calcite-block/calcite-block.d.ts +4 -1
- package/dist/types/components/calcite-chip/calcite-chip.d.ts +4 -1
- package/dist/types/components/calcite-list-item/calcite-list-item.d.ts +4 -1
- package/dist/types/components/calcite-modal/calcite-modal.d.ts +2 -1
- package/dist/types/components/calcite-notice/calcite-notice.d.ts +4 -1
- package/dist/types/components/calcite-panel/calcite-panel.d.ts +5 -6
- package/dist/types/components/calcite-pick-list-group/calcite-pick-list-group.d.ts +4 -1
- package/dist/types/components/calcite-pick-list-item/calcite-pick-list-item.d.ts +4 -1
- package/dist/types/components/calcite-shell/calcite-shell.d.ts +4 -1
- package/dist/types/components/calcite-shell-center-row/calcite-shell-center-row.d.ts +4 -1
- package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts +3 -1
- package/dist/types/components/calcite-tile/calcite-tile.d.ts +4 -1
- package/dist/types/components/calcite-tip/calcite-tip.d.ts +4 -1
- package/dist/types/components/calcite-tree-item/calcite-tree-item.d.ts +3 -1
- package/dist/types/components/calcite-value-list-item/calcite-value-list-item.d.ts +4 -1
- package/hydrate/index.js +194 -35
- package/package.json +1 -1
- package/dist/calcite/p-0af820bf.entry.js +0 -5
- package/dist/calcite/p-0cf878ed.system.entry.js +0 -5
- package/dist/calcite/p-1d7a9909.system.entry.js +0 -5
- package/dist/calcite/p-253efee4.entry.js +0 -5
- package/dist/calcite/p-2618de8a.entry.js +0 -5
- package/dist/calcite/p-273cd5ab.entry.js +0 -5
- package/dist/calcite/p-2a8938c7.system.entry.js +0 -5
- package/dist/calcite/p-2c954eaa.system.entry.js +0 -5
- package/dist/calcite/p-37bddb73.system.entry.js +0 -5
- package/dist/calcite/p-3ab992ff.system.entry.js +0 -5
- package/dist/calcite/p-3b73b785.system.entry.js +0 -5
- package/dist/calcite/p-4659df78.entry.js +0 -5
- package/dist/calcite/p-54e271c9.system.entry.js +0 -5
- package/dist/calcite/p-5df1936f.entry.js +0 -5
- package/dist/calcite/p-698167ac.entry.js +0 -5
- package/dist/calcite/p-7d355abe.system.entry.js +0 -5
- package/dist/calcite/p-8d36bc7c.entry.js +0 -5
- package/dist/calcite/p-9d81d229.entry.js +0 -5
- package/dist/calcite/p-a0043c61.entry.js +0 -5
- package/dist/calcite/p-a1f65f6e.entry.js +0 -5
- package/dist/calcite/p-a4dec1f6.system.entry.js +0 -5
- package/dist/calcite/p-a9c50960.system.entry.js +0 -5
- package/dist/calcite/p-aaed1677.entry.js +0 -5
- package/dist/calcite/p-ac778725.system.entry.js +0 -5
- package/dist/calcite/p-ac8cf248.entry.js +0 -5
- package/dist/calcite/p-b4d3f1c1.entry.js +0 -5
- package/dist/calcite/p-c0ed9eff.entry.js +0 -5
- package/dist/calcite/p-cb9cd28c.system.entry.js +0 -5
- package/dist/calcite/p-d578e568.system.entry.js +0 -5
- package/dist/calcite/p-e564004a.system.entry.js +0 -5
- package/dist/calcite/p-f6fc151d.system.entry.js +0 -5
- package/dist/calcite/p-f73124d0.entry.js +0 -5
|
@@ -0,0 +1,40 @@
|
|
|
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
|
+
import { f as forceUpdate } from './index-9de00868.js';
|
|
6
|
+
import { c as createObserver } from './observers-8f0bc419.js';
|
|
7
|
+
|
|
8
|
+
const observed = new Set();
|
|
9
|
+
let mutationObserver;
|
|
10
|
+
const observerOptions = { childList: true };
|
|
11
|
+
/**
|
|
12
|
+
* Helper to set up a conditional slot component on connectedCallback.
|
|
13
|
+
*/
|
|
14
|
+
function connectConditionalSlotComponent(component) {
|
|
15
|
+
if (!mutationObserver) {
|
|
16
|
+
mutationObserver = createObserver("mutation", processMutations);
|
|
17
|
+
}
|
|
18
|
+
mutationObserver.observe(component.el, observerOptions);
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Helper to tear down a conditional slot component on disconnectedCallback.
|
|
22
|
+
*/
|
|
23
|
+
function disconnectConditionalSlotComponent(component) {
|
|
24
|
+
observed.delete(component.el);
|
|
25
|
+
// we explicitly process queued mutations and disconnect and reconnect
|
|
26
|
+
// the observer until MutationObserver gets an `unobserve` method
|
|
27
|
+
// see https://github.com/whatwg/dom/issues/126
|
|
28
|
+
processMutations(mutationObserver.takeRecords());
|
|
29
|
+
mutationObserver.disconnect();
|
|
30
|
+
for (const [element] of observed.entries()) {
|
|
31
|
+
mutationObserver.observe(element, observerOptions);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
function processMutations(mutations) {
|
|
35
|
+
mutations.forEach(({ target }) => {
|
|
36
|
+
forceUpdate(target);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { connectConditionalSlotComponent as c, disconnectConditionalSlotComponent as d };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{c(o.next(t))}catch(t){a(t)}}function l(t){try{c(o["throw"](t))}catch(t){a(t)}}function c(t){t.done?n(t.value):i(t.value).then(r,l)}c((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return c([t,e])}}function c(r){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];i=0}finally{o=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{t as toggleChildActionText,o as overflowActionsDebounceInMs,q as queryActions,a as overflowActions,C as CalciteExpandToggle,g as getOverflowCount}from"./CalciteExpandToggle-48b6e955.js";import{f as focusElement,g as getSlotted}from"./dom-037dc374.js";import{c as createObserver}from"./observers-8f0bc419.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";import{d as debounce}from"./debounce-79648d42.js";import"./resources-584acd9b.js";import"./resources-7c6029b6.js";import"./guid-196bd5ea.js";var CSS={actionGroupBottom:"action-group--bottom"};var SLOTS={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var TEXT={expand:"Expand",collapse:"Collapse"};var calciteActionBarCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;max-width:15vw}:host([overflow-actions-disabled]){overflow-y:auto}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}::slotted(calcite-action-group:last-child){border-bottom-width:0px}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:0px}";var CalciteActionBar=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionBarToggle=createEvent(this,"calciteActionBarToggle",7);this.expandDisabled=false;this.expanded=false;this.overflowActionsDisabled=false;this.mutationObserver=createObserver("mutation",(function(){var t=e,n=t.el,o=t.expanded;toggleChildActionText({parent:n,expanded:o});e.conditionallyOverflowActions()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var n=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!n.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(e.resizeHandler)};this.resizeHandler=function(t){var n=t.contentRect.height;e.resize(n)};this.resize=debounce((function(t){var n;var o=e,i=o.el,a=o.expanded,r=o.expandDisabled;if(!t){return}var l=queryActions(i);var c=r?l.length:l.length+1;var s=Array.from(i.querySelectorAll("calcite-action-group"));var d=getSlotted(i,SLOTS.bottomActions)||!r?s.length+1:s.length;var p=getOverflowCount({actionCount:c,actionHeight:(n=l[0])===null||n===void 0?void 0:n.clientHeight,height:t,groupCount:d});overflowActions({actionGroups:s,expanded:a,overflowCount:p})}),overflowActionsDebounceInMs);this.conditionallyOverflowActions=function(){if(!e.overflowActionsDisabled){e.overflowActions()}};this.toggleExpand=function(){e.expanded=!e.expanded};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(t){if(!t){toggleChildActionText({parent:this.el,expanded:this.expanded})}this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){if(!this.expandDisabled){toggleChildActionText({parent:this.el,expanded:t})}this.calciteActionBarToggle.emit()};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,o=n.el,i=n.expandDisabled,a=n.expanded;if(!i){toggleChildActionText({parent:o,expanded:a})}(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(o,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(o)}this.conditionallyOverflowActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();disconnectConditionalSlotComponent(this)};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize(this.el.clientHeight);return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:e.sent();return[2];case 2:this.el.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,o=t.intlExpand,i=t.intlCollapse,a=t.el,r=t.position,l=t.toggleExpand,c=t.scale;var s=getSlotted(a,SLOTS.expandTooltip);var d=o||TEXT.expand;var p=i||TEXT.collapse;var f=!n?h(CalciteExpandToggle,{el:a,expanded:e,intlCollapse:p,intlExpand:d,position:r,ref:this.setExpandToggleRef,scale:c,toggle:l,tooltip:s}):null;return getSlotted(a,SLOTS.bottomActions)||f?h("calcite-action-group",{class:CSS.actionGroupBottom,scale:c},h("slot",{name:SLOTS.bottomActions}),h("slot",{name:SLOTS.expandTooltip}),f):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}();CalciteActionBar.style=calciteActionBarCss;export{CalciteActionBar as calcite_action_bar};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-7c6029b6.js";import{g as getSlotted}from"./dom-037dc374.js";import{S as SLOTS$1}from"./resources-584acd9b.js";import"./guid-196bd5ea.js";var calciteActionGroupCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-top:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';var CalciteActionGroup=function(){function t(t){var
|
|
5
|
+
import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{S as SLOTS,I as ICONS,T as TEXT}from"./resources-7c6029b6.js";import{g as getSlotted}from"./dom-037dc374.js";import{S as SLOTS$1}from"./resources-584acd9b.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";import"./guid-196bd5ea.js";import"./observers-8f0bc419.js";var calciteActionGroupCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-top:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';var CalciteActionGroup=function(){function t(t){var n=this;registerInstance(this,t);this.expanded=false;this.layout="vertical";this.menuOpen=false;this.setMenuOpen=function(t){n.menuOpen=!!t.detail}}t.prototype.expandedHandler=function(){this.menuOpen=false};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderTooltip=function(){var t=this.el;var n=getSlotted(t,SLOTS.menuTooltip);return n?h("slot",{name:SLOTS.menuTooltip,slot:SLOTS$1.tooltip}):null};t.prototype.renderMenu=function(){var t=this,n=t.el,a=t.expanded,e=t.intlMore,i=t.menuOpen,o=t.scale;var r=getSlotted(n,SLOTS.menuActions);return r?h("calcite-action-menu",{expanded:a,flipPlacements:["left","right"],label:e||TEXT.more,onCalciteActionMenuOpenChange:this.setMenuOpen,open:i,placement:"leading-start",scale:o},h("calcite-action",{icon:ICONS.menu,scale:o,slot:SLOTS$1.trigger,text:e||TEXT.more,textEnabled:a}),h("slot",{name:SLOTS.menuActions}),this.renderTooltip()):null};t.prototype.render=function(){return h(Fragment,null,h("slot",null),this.renderMenu())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();CalciteActionGroup.style=calciteActionGroupCss;export{CalciteActionGroup as calcite_action_group};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{c(i.next(t))}catch(t){a(t)}}function l(t){try{c(i["throw"](t))}catch(t){a(t)}}function c(t){t.done?n(t.value):o(t.value).then(r,l)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return c([t,e])}}function c(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(a=r[0]&2?o["return"]:r[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,r[1])).done)return a;if(o=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];o=0}finally{i=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-584acd9b.js";import{g as getSlotted,f as focusElement}from"./dom-037dc374.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";import{g as guid}from"./guid-196bd5ea.js";import{c as createObserver}from"./observers-8f0bc419.js";var calciteActionMenuCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var CalciteActionMenu=function(){function e(e){var t=this;registerInstance(this,e);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=createObserver("mutation",(function(){return t.getActions()}));this.guid="calcite-action-menu-"+guid();this.menuId=this.guid+"-menu";this.menuButtonId=this.guid+"-menu-button";this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var e=t,n=e.el,i=e.menuButtonId,a=e.menuId,o=e.open,r=e.label;var l=getSlotted(n,SLOTS.trigger)||t.defaultMenuButtonEl;if(t.menuButtonEl===l){return}t.disconnectMenuButtonEl();t.menuButtonEl=l;t.setTooltipReferenceElement();if(!l){return}l.active=o;l.setAttribute("aria-controls",a);l.setAttribute("aria-expanded",o.toString());l.setAttribute("aria-haspopup","true");if(!l.id){l.id=i}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("click",t.menuButtonClick);l.addEventListener("keydown",t.menuButtonKeyDown);l.addEventListener("keyup",t.menuButtonKeyUp)};this.disconnectMenuButtonEl=function(){var e=t.menuButtonEl;if(!e){return}e.removeEventListener("click",t.menuButtonClick);e.removeEventListener("keydown",t.menuButtonKeyDown);e.removeEventListener("keyup",t.menuButtonKeyUp)};this.setDefaultMenuButtonEl=function(e){t.defaultMenuButtonEl=e;t.connectMenuButtonEl()};this.handleCalciteActionClick=function(){t.open=false;t.setFocus()};this.menuButtonClick=function(){t.toggleOpen()};this.setTooltipReferenceElement=function(){var e=t,n=e.el,i=e.expanded,a=e.menuButtonEl;var o=getSlotted(n,SLOTS.tooltip);var r=(o===null||o===void 0?void 0:o.tagName)==="SLOT"?o.assignedElements()[0]:o;if((r===null||r===void 0?void 0:r.tagName)==="CALCITE-TOOLTIP"){r.referenceElement=!i?a:null}};this.updateAction=function(e,n){var i=t,a=i.guid,o=i.activeMenuItemIndex;var r=a+"-action-"+n;e.tabIndex=-1;e.setAttribute("role","menuitem");if(!e.id){e.id=r}e.active=n===o};this.updateActions=function(e){e===null||e===void 0?void 0:e.forEach(t.updateAction)};this.getActions=function(){var e=t.el;var n=t.getAssignedElements().filter((function(e){return e.tagName==="CALCITE-ACTION"&&e.slot!=="trigger"}));var i=n.length?n:Array.from(e.querySelectorAll("calcite-action:not([slot=trigger])"));t.updateActions(i);t.actionElements=i;t.connectMenuButtonEl()};this.menuButtonKeyUp=function(e){var n=e.key;var i=t.actionElements;if(!t.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}e.preventDefault();if(!i.length){return}t.toggleOpen(true);t.handleActionNavigation(n,i)};this.menuButtonKeyDown=function(e){var n=e.key;if(!t.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}e.preventDefault()};this.menuActionsContainerKeyDown=function(e){var n=e.key;var i=t,a=i.actionElements,o=i.activeMenuItemIndex;if(n==="Tab"){t.open=false;return}if(n===" "||n==="Enter"){e.preventDefault();var r=a[o];r?r.click():t.toggleOpen(false);return}if(t.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){e.preventDefault()}};this.menuActionsContainerKeyUp=function(e){var n=e.key;var i=t.actionElements;if(n==="Escape"){t.toggleOpen(false);return}if(!t.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){return}e.preventDefault();if(!i.length){return}t.handleActionNavigation(n,i)};this.handleActionNavigation=function(e,n){var i=t.activeMenuItemIndex;if(e==="Home"){t.activeMenuItemIndex=0}if(e==="End"){t.activeMenuItemIndex=n.length-1}if(e==="ArrowUp"){t.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(e==="ArrowDown"){t.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){t.setFocus();t.el.removeEventListener("calcitePopoverOpen",t.toggleOpenEnd)};this.toggleOpen=function(e){if(e===void 0){e=!t.open}t.el.addEventListener("calcitePopoverOpen",t.toggleOpenEnd);t.open=e}}e.prototype.connectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.getActions()};e.prototype.disconnectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.disconnectMenuButtonEl()};e.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};e.prototype.openHandler=function(e){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=e}this.calciteActionMenuOpenChange.emit(e)};e.prototype.closeCalciteActionMenuOnClick=function(e){var t=e.composedPath();if(t.includes(this.el)){return}this.open=false};e.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){focusElement(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};e.prototype.renderMenuButton=function(){var e=this,t=e.el,n=e.label,i=e.scale;var a=h("slot",{name:SLOTS.trigger},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:i,text:n}));return getSlotted(t,SLOTS.tooltip)?h("calcite-tooltip-manager",null,a):a};e.prototype.renderMenuItems=function(){var e=this;var t=this,n=t.actionElements,i=t.activeMenuItemIndex,a=t.open,o=t.menuId,r=t.menuButtonEl,l=t.label,c=t.placement,s=t.overlayPositioning;var u=n[i];var m=(u===null||u===void 0?void 0:u.id)||null;return h("calcite-popover",{disablePointer:true,label:l,offsetDistance:0,open:a,overlayPositioning:s,placement:c,referenceElement:r},h("div",{"aria-activedescendant":m,"aria-labelledby":r===null||r===void 0?void 0:r.id,class:CSS.menu,id:o,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:function(t){return e.menuEl=t},role:"menu",tabIndex:-1},h("slot",null)))};e.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip}))};e.prototype.getAssignedElements=function(){return Array.from(this.el.querySelectorAll("slot")).map((function(e){return e.assignedElements({flatten:true})})).reduce((function(e,t){return e.concat(t)}),[])};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return e}();CalciteActionMenu.style=calciteActionMenuCss;export{CalciteActionMenu as calcite_action_menu};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-9de00868.js";import{C as CSS,I as ICONS,S as SLOTS}from"./resources-584acd9b.js";import{g as getSlotted,f as focusElement}from"./dom-037dc374.js";import{g as getRoundRobinIndex}from"./array-91a648e2.js";import{g as guid}from"./guid-196bd5ea.js";import{c as createObserver}from"./observers-8f0bc419.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";var calciteActionMenuCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var SUPPORTED_BUTTON_NAV_KEYS=["ArrowUp","ArrowDown"];var SUPPORTED_MENU_NAV_KEYS=["ArrowUp","ArrowDown","End","Home"];var CalciteActionMenu=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionMenuOpenChange=createEvent(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=createObserver("mutation",(function(){return e.getActions()}));this.guid="calcite-action-menu-"+guid();this.menuId=this.guid+"-menu";this.menuButtonId=this.guid+"-menu-button";this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=e,n=t.el,i=t.menuButtonId,o=t.menuId,a=t.open,r=t.label;var l=getSlotted(n,SLOTS.trigger)||e.defaultMenuButtonEl;if(e.menuButtonEl===l){return}e.disconnectMenuButtonEl();e.menuButtonEl=l;e.setTooltipReferenceElement();if(!l){return}l.active=a;l.setAttribute("aria-controls",o);l.setAttribute("aria-expanded",a.toString());l.setAttribute("aria-haspopup","true");if(!l.id){l.id=i}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("click",e.menuButtonClick);l.addEventListener("keydown",e.menuButtonKeyDown);l.addEventListener("keyup",e.menuButtonKeyUp)};this.disconnectMenuButtonEl=function(){var t=e.menuButtonEl;if(!t){return}t.removeEventListener("click",e.menuButtonClick);t.removeEventListener("keydown",e.menuButtonKeyDown);t.removeEventListener("keyup",e.menuButtonKeyUp)};this.setDefaultMenuButtonEl=function(t){e.defaultMenuButtonEl=t;e.connectMenuButtonEl()};this.handleCalciteActionClick=function(){e.open=false;e.setFocus()};this.menuButtonClick=function(){e.toggleOpen()};this.setTooltipReferenceElement=function(){var t=e,n=t.el,i=t.expanded,o=t.menuButtonEl;var a=getSlotted(n,SLOTS.tooltip);var r=(a===null||a===void 0?void 0:a.tagName)==="SLOT"?a.assignedElements()[0]:a;if((r===null||r===void 0?void 0:r.tagName)==="CALCITE-TOOLTIP"){r.referenceElement=!i?o:null}};this.updateAction=function(t,n){var i=e,o=i.guid,a=i.activeMenuItemIndex;var r=o+"-action-"+n;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=n===a};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(e.updateAction)};this.getActions=function(){var t=e.el;var n=e.getAssignedElements().filter((function(t){return t.tagName==="CALCITE-ACTION"&&t.slot!=="trigger"}));var i=n.length?n:Array.from(t.querySelectorAll("calcite-action:not([slot=trigger])"));e.updateActions(i);e.actionElements=i;e.connectMenuButtonEl()};this.menuButtonKeyUp=function(t){var n=t.key;var i=e.actionElements;if(!e.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}t.preventDefault();if(!i.length){return}e.toggleOpen(true);e.handleActionNavigation(n,i)};this.menuButtonKeyDown=function(t){var n=t.key;if(!e.isValidKey(n,SUPPORTED_BUTTON_NAV_KEYS)){return}t.preventDefault()};this.menuActionsContainerKeyDown=function(t){var n=t.key;var i=e,o=i.actionElements,a=i.activeMenuItemIndex;if(n==="Tab"){e.open=false;return}if(n===" "||n==="Enter"){t.preventDefault();var r=o[a];r?r.click():e.toggleOpen(false);return}if(e.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){t.preventDefault()}};this.menuActionsContainerKeyUp=function(t){var n=t.key;var i=e.actionElements;if(n==="Escape"){e.toggleOpen(false);return}if(!e.isValidKey(n,SUPPORTED_MENU_NAV_KEYS)){return}t.preventDefault();if(!i.length){return}e.handleActionNavigation(n,i)};this.handleActionNavigation=function(t,n){var i=e.activeMenuItemIndex;if(t==="Home"){e.activeMenuItemIndex=0}if(t==="End"){e.activeMenuItemIndex=n.length-1}if(t==="ArrowUp"){e.activeMenuItemIndex=getRoundRobinIndex(Math.max(i-1,-1),n.length)}if(t==="ArrowDown"){e.activeMenuItemIndex=getRoundRobinIndex(i+1,n.length)}};this.toggleOpenEnd=function(){e.setFocus();e.el.removeEventListener("calcitePopoverOpen",e.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!e.open}e.el.addEventListener("calcitePopoverOpen",e.toggleOpenEnd);e.open=t}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.getActions();connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.disconnectMenuButtonEl();disconnectConditionalSlotComponent(this)};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t)};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.el,n=t.label,i=t.scale;var o=h("slot",{name:SLOTS.trigger},h("calcite-action",{class:CSS.defaultTrigger,icon:ICONS.menu,ref:this.setDefaultMenuButtonEl,scale:i,text:n}));return getSlotted(e,SLOTS.tooltip)?h("calcite-tooltip-manager",null,o):o};t.prototype.renderMenuItems=function(){var t=this;var e=this,n=e.actionElements,i=e.activeMenuItemIndex,o=e.open,a=e.menuId,r=e.menuButtonEl,l=e.label,c=e.placement,s=e.overlayPositioning;var u=n[i];var m=(u===null||u===void 0?void 0:u.id)||null;return h("calcite-popover",{disablePointer:true,label:l,offsetDistance:0,open:o,overlayPositioning:s,placement:c,referenceElement:r},h("div",{"aria-activedescendant":m,"aria-labelledby":r===null||r===void 0?void 0:r.id,class:CSS.menu,id:a,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:function(e){return t.menuEl=e},role:"menu",tabIndex:-1},h("slot",null)))};t.prototype.render=function(){return h(Fragment,null,this.renderMenuButton(),this.renderMenuItems(),h("slot",{name:SLOTS.tooltip}))};t.prototype.getAssignedElements=function(){return Array.from(this.el.querySelectorAll("slot")).map((function(t){return t.assignedElements({flatten:true})})).reduce((function(t,e){return t.concat(e)}),[])};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}();CalciteActionMenu.style=calciteActionMenuCss;export{CalciteActionMenu as calcite_action_menu};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,a,n){function
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,a,n){function o(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,i){function r(t){try{l(n.next(t))}catch(t){i(t)}}function c(t){try{l(n["throw"](t))}catch(t){i(t)}}function l(t){t.done?a(t.value):o(t.value).then(r,c)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return l([t,e])}}function l(r){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,o&&(i=r[0]&2?o["return"]:r[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,r[1])).done)return i;if(o=0,i)r=[r[0]&2,i.value];switch(r[0]){case 0:case 1:i=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;o=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!i||r[1]>i[0]&&r[1]<i[3])){a.label=r[1];break}if(r[0]===6&&a.label<i[1]){a.label=i[1];i=r;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(r);break}if(i[2])a.ops.pop();a.trys.pop();continue}r=e.call(t,a)}catch(t){r=[6,t];o=0}finally{n=i=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{t as toggleChildActionText,C as CalciteExpandToggle}from"./CalciteExpandToggle-48b6e955.js";import{f as focusElement,g as getSlotted}from"./dom-037dc374.js";import"./resources-584acd9b.js";import"./resources-7c6029b6.js";import"./guid-196bd5ea.js";var CSS={actionGroupBottom:"action-group--bottom",container:"container"};var TEXT={expand:"Expand",collapse:"Collapse"};var SLOTS={expandTooltip:"expand-tooltip"};var calciteActionPadCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-bottom:0px;padding-top:0px}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-width:15vw}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:0px}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row;max-width:unset}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-bottom-width:0px}";var CalciteActionPad=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionPadToggle=createEvent(this,"calciteActionPadToggle",7);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.actionMenuOpenChangeHandler=function(t){if(t.detail){var a=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!a.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=function(){e.expanded=!e.expanded};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(t){if(!t){toggleChildActionText({parent:this.el,expanded:this.expanded})}};t.prototype.expandedHandler=function(t){if(!this.expandDisabled){toggleChildActionText({parent:this.el,expanded:t})}this.calciteActionPadToggle.emit()};t.prototype.componentWillLoad=function(){var t=this,e=t.el,a=t.expandDisabled,n=t.expanded;if(!a){toggleChildActionText({parent:e,expanded:n})}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:e.sent();return[2];case 2:this.el.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,a=t.expandDisabled,n=t.intlExpand,
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{t as toggleChildActionText,C as CalciteExpandToggle}from"./CalciteExpandToggle-48b6e955.js";import{f as focusElement,g as getSlotted}from"./dom-037dc374.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";import"./resources-584acd9b.js";import"./resources-7c6029b6.js";import"./guid-196bd5ea.js";import"./observers-8f0bc419.js";var CSS={actionGroupBottom:"action-group--bottom",container:"container"};var TEXT={expand:"Expand",collapse:"Collapse"};var SLOTS={expandTooltip:"expand-tooltip"};var calciteActionPadCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-bottom:0px;padding-top:0px}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-width:15vw}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:0px}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row;max-width:unset}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-bottom-width:0px}";var CalciteActionPad=function(){function t(t){var e=this;registerInstance(this,t);this.calciteActionPadToggle=createEvent(this,"calciteActionPadToggle",7);this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.actionMenuOpenChangeHandler=function(t){if(t.detail){var a=t.composedPath();Array.from(e.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!a.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=function(){e.expanded=!e.expanded};this.setExpandToggleRef=function(t){e.expandToggleEl=t}}t.prototype.expandHandler=function(t){if(!t){toggleChildActionText({parent:this.el,expanded:this.expanded})}};t.prototype.expandedHandler=function(t){if(!this.expandDisabled){toggleChildActionText({parent:this.el,expanded:t})}this.calciteActionPadToggle.emit()};t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.componentWillLoad=function(){var t=this,e=t.el,a=t.expandDisabled,n=t.expanded;if(!a){toggleChildActionText({parent:e,expanded:n})}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,focusElement(this.expandToggleEl)];case 1:e.sent();return[2];case 2:this.el.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,a=t.expandDisabled,n=t.intlExpand,o=t.intlCollapse,i=t.el,r=t.position,c=t.toggleExpand,l=t.scale;var s=getSlotted(i,SLOTS.expandTooltip);var d=n||TEXT.expand;var p=o||TEXT.collapse;var m=!a?h(CalciteExpandToggle,{el:i,expanded:e,intlCollapse:p,intlExpand:d,position:r,ref:this.setExpandToggleRef,scale:l,toggle:c,tooltip:s}):null;return m?h("calcite-action-group",{class:CSS.actionGroupBottom,scale:l},h("slot",{name:SLOTS.expandTooltip}),m):null};t.prototype.render=function(){return h(Host,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},h("div",{class:CSS.container},h("slot",null),this.renderBottomActionGroup()))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"]}},enumerable:false,configurable:true});return t}();CalciteActionPad.style=calciteActionPadCss;export{CalciteActionPad as calcite_action_pad};
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
3
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
4
|
*/
|
|
5
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getSlotted,a as getElementDir}from"./dom-037dc374.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import"./guid-196bd5ea.js";var CSS$1={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var TEXT$1={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var SLOTS={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var ICONS$1={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var HEADING_LEVEL=4;var calciteBlockCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}: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{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);-ms-flex-preferred-size:auto;flex-basis:auto}.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}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.summary{margin-top:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px;margin-block:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-top:0.75rem;margin-bottom:0.75rem;-ms-flex-item-align:center;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{position:relative}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}';var CalciteBlock=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockToggle=createEvent(this,"calciteBlockToggle",7);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlLoading=TEXT$1.loading;this.intlOptions=TEXT$1.options;this.loading=false;this.open=false;this.onHeaderClick=function(){e.open=!e.open;e.calciteBlockToggle.emit()}}t.prototype.renderScrim=function(){var t=this,e=t.disabled,i=t.loading;var a=h("slot",null);return[i||e?h("calcite-scrim",{loading:i}):null,a]};t.prototype.renderIcon=function(){var t;var e=this,i=e.el,a=e.status;var n=this.loading&&!this.open;var o=n?ICONS$1.refresh:ICONS$1[a];var r=getSlotted(i,SLOTS.icon)||o;var l=!o?h("slot",{name:SLOTS.icon}):h("calcite-icon",{class:(t={},t[CSS$1.statusIcon]=true,t[CSS$1.valid]=a=="valid",t[CSS$1.invalid]=a=="invalid",t[CSS$1.loading]=n,t),icon:o,scale:"m"});return r?h("div",{class:CSS$1.icon},l):null};t.prototype.renderTitle=function(){var t=this,e=t.heading,i=t.headingLevel,a=t.summary;return e||a?h("div",{class:CSS$1.title},h(CalciteHeading,{class:CSS$1.heading,level:i||HEADING_LEVEL},e),a?h("div",{class:CSS$1.summary},a):null):null};t.prototype.render=function(){var t;var e=this,i=e.collapsible,a=e.disabled,n=e.el,o=e.intlCollapse,r=e.intlExpand,l=e.loading,c=e.open,s=e.intlLoading;var m=c?o||TEXT$1.collapse:r||TEXT$1.expand;var d=h("header",{class:CSS$1.header},this.renderIcon(),this.renderTitle());var g=!!getSlotted(n,SLOTS.control);var p=!!getSlotted(n,SLOTS.headerMenuActions);var f=c?ICONS$1.opened:ICONS$1.closed;var u=h("div",{class:CSS$1.headerContainer},this.dragHandle?h("calcite-handle",null):null,i?h("button",{"aria-expanded":i?c.toString():null,"aria-label":m,class:CSS$1.toggle,onClick:this.onHeaderClick,title:m},d,!g&&!p?h("calcite-icon",{"aria-hidden":"true",class:CSS$1.toggleIcon,icon:f,scale:"s"}):null):d,l?h("calcite-loader",{inline:true,"is-active":true,label:s}):g?h("div",{class:CSS$1.controlContainer},h("slot",{name:SLOTS.control})):null,p?h("calcite-action-menu",{label:this.intlOptions||TEXT$1.options},h("slot",{name:SLOTS.headerMenuActions})):null);return h(Host,{tabIndex:a?-1:null},h("article",{"aria-busy":l.toString(),class:(t={},t[CSS$1.article]=true,t)},u,h("div",{class:CSS$1.content,hidden:!c},this.renderScrim())))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteBlock.style=calciteBlockCss;var CSS={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var TEXT={collapse:"Collapse",expand:"Expand"};var ICONS={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var calciteBlockSectionCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-bottom-width:1px;border-style:solid;border-bottom-color:var(--calcite-ui-border-3)}:host(:last-child){border-bottom-width:0px}.toggle{width:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-left:0px;margin-right:0px;margin-top:0.25rem;margin-bottom:0.25rem;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{margin-left:0.75rem;margin-right:0.75rem;margin-top:0px;margin-bottom:0px;-ms-flex:1 1 auto;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.toggle--switch .status-icon{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}";var CalciteBlockSection=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockSectionToggle=createEvent(this,"calciteBlockSectionToggle",7);this.open=false;this.toggleDisplay="button";this.handleHeaderKeyDown=function(t){if(t.key===" "||t.key==="Enter"){e.toggleSection();t.preventDefault();t.stopPropagation()}};this.toggleSection=function(){e.open=!e.open;e.calciteBlockSectionToggle.emit()}}t.prototype.renderStatusIcon=function(){var t;var e;var i=this.status;var a=(e=ICONS[i])!==null&&e!==void 0?e:false;var n=(t={},t[CSS.statusIcon]=true,t[CSS.valid]=i=="valid",t[CSS.invalid]=i=="invalid",t);return!!a?h("calcite-icon",{class:n,icon:a,scale:"s"}):null};t.prototype.render=function(){var t,e;var i=this,a=i.el,n=i.intlCollapse,o=i.intlExpand,r=i.open,l=i.text,c=i.toggleDisplay;var s=getElementDir(a);var m=r?ICONS.menuOpen:s==="rtl"?ICONS.menuClosedLeft:ICONS.menuClosedRight;var d=r?n||TEXT.collapse:o||TEXT.expand;var g=c==="switch"?h("div",{"aria-label":d,class:(t={},t[CSS.toggle]=true,t[CSS.toggleSwitch]=true,t),onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:d},h("div",{class:CSS.toggleSwitchContent},h("span",{class:CSS.toggleSwitchText},l)),h("calcite-switch",{checked:r,label:d,scale:"s",tabIndex:-1}),this.renderStatusIcon()):h("button",{"aria-label":d,class:(e={},e[CSS.sectionHeader]=true,e[CSS.toggle]=true,e),name:d,onClick:this.toggleSection},h("calcite-icon",{icon:m,scale:"s"}),h("span",{class:CSS.sectionHeaderText},l),this.renderStatusIcon());return h("section",{"aria-expanded":r.toString()},g,h("div",{class:CSS.content,hidden:!r},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteBlockSection.style=calciteBlockSectionCss;export{CalciteBlock as calcite_block,CalciteBlockSection as calcite_block_section};
|
|
5
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getSlotted,a as getElementDir}from"./dom-037dc374.js";import{C as CalciteHeading}from"./CalciteHeading-1d6cd311.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";import"./guid-196bd5ea.js";import"./observers-8f0bc419.js";var CSS$1={article:"article",content:"content",headerContainer:"header-container",icon:"icon",statusIcon:"status-icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container",valid:"valid",invalid:"invalid",loading:"loading"};var TEXT$1={collapse:"Collapse",expand:"Expand",loading:"Loading",options:"Options"};var SLOTS={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};var ICONS$1={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle",refresh:"refresh"};var HEADING_LEVEL=4;var calciteBlockCss='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}: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{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding:0px;-webkit-transition-property:margin;transition-property:margin;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);-ms-flex-preferred-size:auto;flex-basis:auto}.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}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;-ms-flex-align:stretch;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-style:none;padding:0px;font-family:inherit;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-ui-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-2);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.summary{margin-top:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);color:var(--calcite-ui-text-3);word-wrap:break-word;word-break:break-word}.icon{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem;-webkit-margin-end:0px;margin-inline-end:0px;margin-block:0.75rem}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}.status-icon.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.toggle-icon{margin-top:0.75rem;margin-bottom:0.75rem;-ms-flex-item-align:center;align-self:center;justify-self:end;color:var(--calcite-ui-text-3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:auto;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-ui-text-1)}.content{position:relative}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.control-container{margin:0px;display:-ms-flexbox;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-top:0.5rem;margin-bottom:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-ui-text-1)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:0.5}';var CalciteBlock=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockToggle=createEvent(this,"calciteBlockToggle",7);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.intlLoading=TEXT$1.loading;this.intlOptions=TEXT$1.options;this.loading=false;this.open=false;this.onHeaderClick=function(){e.open=!e.open;e.calciteBlockToggle.emit()}}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.renderScrim=function(){var t=this,e=t.disabled,i=t.loading;var a=h("slot",null);return[i||e?h("calcite-scrim",{loading:i}):null,a]};t.prototype.renderIcon=function(){var t;var e=this,i=e.el,a=e.status;var n=this.loading&&!this.open;var o=n?ICONS$1.refresh:ICONS$1[a];var r=getSlotted(i,SLOTS.icon)||o;var l=!o?h("slot",{key:"icon-slot",name:SLOTS.icon}):h("calcite-icon",{class:(t={},t[CSS$1.statusIcon]=true,t[CSS$1.valid]=a=="valid",t[CSS$1.invalid]=a=="invalid",t[CSS$1.loading]=n,t),icon:o,scale:"m"});return r?h("div",{class:CSS$1.icon},l):null};t.prototype.renderTitle=function(){var t=this,e=t.heading,i=t.headingLevel,a=t.summary;return e||a?h("div",{class:CSS$1.title},h(CalciteHeading,{class:CSS$1.heading,level:i||HEADING_LEVEL},e),a?h("div",{class:CSS$1.summary},a):null):null};t.prototype.render=function(){var t;var e=this,i=e.collapsible,a=e.disabled,n=e.el,o=e.intlCollapse,r=e.intlExpand,l=e.loading,c=e.open,s=e.intlLoading;var m=c?o||TEXT$1.collapse:r||TEXT$1.expand;var d=h("header",{class:CSS$1.header},this.renderIcon(),this.renderTitle());var g=!!getSlotted(n,SLOTS.control);var p=!!getSlotted(n,SLOTS.headerMenuActions);var f=c?ICONS$1.opened:ICONS$1.closed;var u=h("div",{class:CSS$1.headerContainer},this.dragHandle?h("calcite-handle",null):null,i?h("button",{"aria-expanded":i?c.toString():null,"aria-label":m,class:CSS$1.toggle,onClick:this.onHeaderClick,title:m},d,!g&&!p?h("calcite-icon",{"aria-hidden":"true",class:CSS$1.toggleIcon,icon:f,scale:"s"}):null):d,l?h("calcite-loader",{inline:true,"is-active":true,label:s}):g?h("div",{class:CSS$1.controlContainer},h("slot",{name:SLOTS.control})):null,p?h("calcite-action-menu",{label:this.intlOptions||TEXT$1.options},h("slot",{name:SLOTS.headerMenuActions})):null);return h(Host,{tabIndex:a?-1:null},h("article",{"aria-busy":l.toString(),class:(t={},t[CSS$1.article]=true,t)},u,h("div",{class:CSS$1.content,hidden:!c},this.renderScrim())))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteBlock.style=calciteBlockCss;var CSS={content:"content",invalid:"invalid",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",valid:"valid"};var TEXT={collapse:"Collapse",expand:"Expand"};var ICONS={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};var calciteBlockSectionCss="@-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{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host([open]){border-width:0px;border-bottom-width:1px;border-style:solid;border-bottom-color:var(--calcite-ui-border-3)}:host(:last-child){border-bottom-width:0px}.toggle{width:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}.toggle--switch,.section-header{margin-left:0px;margin-right:0px;margin-top:0.25rem;margin-bottom:0.25rem;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;padding-left:0px;padding-right:0px;padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.toggle--switch:hover,.section-header:hover{color:var(--calcite-ui-text-1)}.section-header .status-icon{-ms-flex-item-align:end;align-self:flex-end}.section-header__text{margin-left:0.75rem;margin-right:0.75rem;margin-top:0px;margin-bottom:0px;-ms-flex:1 1 auto;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch calcite-switch{pointer-events:none;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.toggle--switch .status-icon{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.toggle--switch__content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center}.status-icon.valid{color:var(--calcite-ui-success)}.status-icon.invalid{color:var(--calcite-ui-danger)}";var CalciteBlockSection=function(){function t(t){var e=this;registerInstance(this,t);this.calciteBlockSectionToggle=createEvent(this,"calciteBlockSectionToggle",7);this.open=false;this.toggleDisplay="button";this.handleHeaderKeyDown=function(t){if(t.key===" "||t.key==="Enter"){e.toggleSection();t.preventDefault();t.stopPropagation()}};this.toggleSection=function(){e.open=!e.open;e.calciteBlockSectionToggle.emit()}}t.prototype.renderStatusIcon=function(){var t;var e;var i=this.status;var a=(e=ICONS[i])!==null&&e!==void 0?e:false;var n=(t={},t[CSS.statusIcon]=true,t[CSS.valid]=i=="valid",t[CSS.invalid]=i=="invalid",t);return!!a?h("calcite-icon",{class:n,icon:a,scale:"s"}):null};t.prototype.render=function(){var t,e;var i=this,a=i.el,n=i.intlCollapse,o=i.intlExpand,r=i.open,l=i.text,c=i.toggleDisplay;var s=getElementDir(a);var m=r?ICONS.menuOpen:s==="rtl"?ICONS.menuClosedLeft:ICONS.menuClosedRight;var d=r?n||TEXT.collapse:o||TEXT.expand;var g=c==="switch"?h("div",{"aria-label":d,class:(t={},t[CSS.toggle]=true,t[CSS.toggleSwitch]=true,t),onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,tabIndex:0,title:d},h("div",{class:CSS.toggleSwitchContent},h("span",{class:CSS.toggleSwitchText},l)),h("calcite-switch",{checked:r,label:d,scale:"s",tabIndex:-1}),this.renderStatusIcon()):h("button",{"aria-label":d,class:(e={},e[CSS.sectionHeader]=true,e[CSS.toggle]=true,e),name:d,onClick:this.toggleSection},h("calcite-icon",{icon:m,scale:"s"}),h("span",{class:CSS.sectionHeaderText},l),this.renderStatusIcon());return h("section",{"aria-expanded":r.toString()},g,h("div",{class:CSS.content,hidden:!r},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteBlockSection.style=calciteBlockSectionCss;export{CalciteBlock as calcite_block,CalciteBlockSection as calcite_block_section};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(i,t,e,a){function
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(i,t,e,a){function n(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,r){function o(i){try{l(a.next(i))}catch(i){r(i)}}function c(i){try{l(a["throw"](i))}catch(i){r(i)}}function l(i){i.done?e(i.value):n(i.value).then(o,c)}l((a=a.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(i){return function(t){return l([i,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(e)try{if(a=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){e.label=o[1];break}if(o[0]===6&&e.label<r[1]){e.label=r[1];r=o;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(o);break}if(r[2])e.ops.pop();e.trys.pop();continue}o=t.call(i,e)}catch(i){o=[6,i];n=0}finally{a=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-9de00868.js";import{g as getSlotted}from"./dom-037dc374.js";import{g as guid}from"./guid-196bd5ea.js";var CSS={title:"title",close:"close",chipImageContainer:"chip-image-container",calciteChipIcon:"calcite-chip--icon"};var TEXT={close:"Close"};var SLOTS={image:"image"};var ICONS={close:"x"};var calciteChipCss="@-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([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .chip-image-container{height:2rem;width:2rem;padding-left:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.chip-image-container{display:-ms-inline-flexbox;display:inline-flex;border-radius:50%;overflow:hidden}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;border-radius:50%;overflow:hidden}.calcite-chip--icon{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) calcite-icon{color:var(--calcite-ui-text-3)}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-info)}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-danger)}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-warning)}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-success)}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-text-3)}";var CalciteChip=function(){function i(i){var t=this;registerInstance(this,i);this.calciteChipDismiss=createEvent(this,"calciteChipDismiss",7);this.appearance="solid";this.color="grey";this.dismissible=false;this.dismissLabel=TEXT.close;this.iconFlipRtl=false;this.scale="m";this.closeClickHandler=function(i){i.preventDefault();t.calciteChipDismiss.emit(t.el)};this.guid=guid()}i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(t){(i=this.closeButton)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.renderChipImage=function(){var i=this.el;var t=getSlotted(i,SLOTS.image);return t?h("div",{class:CSS.chipImageContainer},h("slot",{name:SLOTS.image})):null};i.prototype.render=function(){var i=this;var t=h("calcite-icon",{class:CSS.calciteChipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});var e=h("button",{"aria-describedby":this.guid,"aria-label":this.dismissLabel,class:CSS.close,onClick:this.closeClickHandler,ref:function(t){return i.closeButton=t}},h("calcite-icon",{icon:ICONS.close,scale:"s"}));return h("div",{class:"container"},this.renderChipImage(),this.icon?t:null,h("span",{class:CSS.title,id:this.guid},h("slot",null)),this.dismissible?e:null)};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();CalciteChip.style=calciteChipCss;export{CalciteChip as calcite_chip};
|
|
5
|
+
*/import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-9de00868.js";import{g as getSlotted}from"./dom-037dc374.js";import{g as guid}from"./guid-196bd5ea.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";import"./observers-8f0bc419.js";var CSS={title:"title",close:"close",chipImageContainer:"chip-image-container",calciteChipIcon:"calcite-chip--icon"};var TEXT={close:"Close"};var SLOTS={image:"image"};var ICONS={close:"x"};var calciteChipCss="@-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([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .chip-image-container{height:2rem;width:2rem;padding-left:0.25rem}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;cursor:default;-ms-flex-align:center;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:-ms-inline-flexbox;display:inline-flex;height:100%;max-width:100%;-ms-flex-align:center;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:-ms-inline-flexbox;display:inline-flex;max-height:100%;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.chip-image-container{display:-ms-inline-flexbox;display:inline-flex;border-radius:50%;overflow:hidden}:host slot[name=image]::slotted(*){display:-ms-flexbox;display:flex;height:100%;width:100%;border-radius:50%;overflow:hidden}.calcite-chip--icon{position:relative;margin-top:0px;margin-bottom:0px;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) calcite-icon{color:var(--calcite-ui-text-3)}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-info)}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-danger)}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-warning)}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-success)}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-text-3)}";var CalciteChip=function(){function i(i){var t=this;registerInstance(this,i);this.calciteChipDismiss=createEvent(this,"calciteChipDismiss",7);this.appearance="solid";this.color="grey";this.dismissible=false;this.dismissLabel=TEXT.close;this.iconFlipRtl=false;this.scale="m";this.closeClickHandler=function(i){i.preventDefault();t.calciteChipDismiss.emit(t.el)};this.guid=guid()}i.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};i.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(t){(i=this.closeButton)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.renderChipImage=function(){var i=this.el;var t=getSlotted(i,SLOTS.image);return t?h("div",{class:CSS.chipImageContainer,key:"image"},h("slot",{name:SLOTS.image})):null};i.prototype.render=function(){var i=this;var t=h("calcite-icon",{class:CSS.calciteChipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});var e=h("button",{"aria-describedby":this.guid,"aria-label":this.dismissLabel,class:CSS.close,onClick:this.closeClickHandler,ref:function(t){return i.closeButton=t}},h("calcite-icon",{icon:ICONS.close,scale:"s"}));return h("div",{class:"container"},this.renderChipImage(),this.icon?t:null,h("span",{class:CSS.title,id:this.guid},h("slot",null)),this.dismissible?e:null)};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();CalciteChip.style=calciteChipCss;export{CalciteChip as calcite_chip};
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,n,a,e){function i(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getSlotted}from"./dom-037dc374.js";import{C as CalciteHeading,c as constrainHeadingLevel}from"./CalciteHeading-1d6cd311.js";import"./guid-196bd5ea.js";var CSS$2={container:"container"};var calciteListCss="@-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}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;background-color:transparent}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(calcite-list-item){margin-bottom:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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)}::slotted(calcite-list-item:last-child){--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)}";var CalciteList=function(){function t(t){registerInstance(this,t)}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){t=this.el.querySelector("calcite-list-item:not([non-interactive])");t===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.render=function(){return h(Host,{role:"list"},h("div",{class:CSS$2.container},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteList.style=calciteListCss;var CSS$1={container:"container",contentContainer:"content-container",nestedContainer:"nested-container",contentContainerButton:"content-container--button",content:"content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",actionsEnd:"actions-end"};var SLOTS={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};var calciteListItemCss="@-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([disabled]){pointer-events:none;cursor:default}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}.nested-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;padding:0px;color:var(--calcite-ui-text-2);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.content-container--button{cursor:pointer;border-style:none;background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:initial}.content-container--button:hover{background-color:var(--calcite-ui-foreground-2)}.content-container--button:hover .label,.content-container--button:hover .description{color:var(--calcite-ui-text-1)}.content-container--button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-top:0.25rem;padding-bottom:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-top:0.125rem;color:var(--calcite-ui-text-3)}.content-start,.content-end{pointer-events:none;-ms-flex:0 1 auto;flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){-ms-flex-item-align:center;align-self:center;padding-left:0.75rem;padding-right:0.75rem}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){-ms-flex-item-align:stretch;align-self:stretch;color:inherit}::slotted(calcite-list-item-group),::slotted(calcite-list-item){padding-left:0.5rem}";var CalciteListItem=function(){function t(t){registerInstance(this,t);this.nonInteractive=false;this.disabled=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.focusEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.renderActionsStart=function(){var t=this.el;return getSlotted(t,SLOTS.actionsStart)?h("div",{class:CSS$1.actionsStart},h("slot",{name:SLOTS.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t=this.el;return getSlotted(t,SLOTS.actionsEnd)?h("div",{class:CSS$1.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null};t.prototype.renderContentStart=function(){var t=this.el;return getSlotted(t,SLOTS.contentStart)?h("div",{class:CSS$1.contentStart},h("slot",{name:SLOTS.contentStart})):null};t.prototype.renderContentEnd=function(){var t=this.el;return getSlotted(t,SLOTS.contentEnd)?h("div",{class:CSS$1.contentEnd},h("slot",{name:SLOTS.contentEnd})):null};t.prototype.renderContent=function(){var t=this,n=t.label,a=t.description;return!!n||!!a?h("div",{class:CSS$1.content},n?h("div",{class:CSS$1.label},n):null,a?h("div",{class:CSS$1.description},a):null):null};t.prototype.renderContentContainer=function(){var t;var n=this;var a=this,e=a.disabled,i=a.nonInteractive;var o=[this.renderContentStart(),this.renderContent(),this.renderContentEnd()];return!i?h("button",{class:(t={},t[CSS$1.contentContainer]=true,t[CSS$1.contentContainerButton]=true,t),disabled:e,ref:function(t){return n.focusEl=t}},o):h("div",{class:CSS$1.contentContainer,ref:function(){return n.focusEl=null}},o)};t.prototype.render=function(){return h(Host,{role:"listitem"},h("div",{class:CSS$1.container},this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),h("div",{class:CSS$1.nestedContainer},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteListItem.style=calciteListItemCss;var CSS={heading:"heading",container:"container"};var HEADING_LEVEL=3;var calciteListItemGroupCss="@-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.heading{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}::slotted(calcite-list-item-group){padding-left:0.5rem}";var CalciteListItemGroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t;var n=this,a=n.el,e=n.heading,i=n.headingLevel;var o=(t=a.closest("calcite-list, calcite-list-item-group"))===null||t===void 0?void 0:t.headingLevel;var r=o?constrainHeadingLevel(o+1):null;var c=i||r||HEADING_LEVEL;return h(Host,null,e?h(CalciteHeading,{class:CSS.heading,level:c},e):null,h("div",{class:CSS.container,role:"group"},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteListItemGroup.style=calciteListItemGroupCss;export{CalciteList as calcite_list,CalciteListItem as calcite_list_item,CalciteListItemGroup as calcite_list_item_group};
|
|
5
|
+
*/import{r as registerInstance,h,H as Host,g as getElement}from"./index-9de00868.js";import{g as getSlotted}from"./dom-037dc374.js";import{c as connectConditionalSlotComponent,d as disconnectConditionalSlotComponent}from"./conditionalSlot-0c4ea23a.js";import{C as CalciteHeading,c as constrainHeadingLevel}from"./CalciteHeading-1d6cd311.js";import"./guid-196bd5ea.js";import"./observers-8f0bc419.js";var CSS$2={container:"container"};var calciteListCss="@-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}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;background-color:transparent}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(calcite-list-item){margin-bottom:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 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)}::slotted(calcite-list-item:last-child){--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)}";var CalciteList=function(){function t(t){registerInstance(this,t)}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){t=this.el.querySelector("calcite-list-item:not([non-interactive])");t===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.render=function(){return h(Host,{role:"list"},h("div",{class:CSS$2.container},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteList.style=calciteListCss;var CSS$1={container:"container",contentContainer:"content-container",nestedContainer:"nested-container",contentContainerButton:"content-container--button",content:"content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",actionsEnd:"actions-end"};var SLOTS={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};var calciteListItemCss="@-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([disabled]){pointer-events:none;cursor:default}.container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}.nested-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;padding:0px;color:var(--calcite-ui-text-2);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.content-container--button{cursor:pointer;border-style:none;background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;text-align:initial}.content-container--button:hover{background-color:var(--calcite-ui-foreground-2)}.content-container--button:hover .label,.content-container--button:hover .description{color:var(--calcite-ui-text-1)}.content-container--button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-top:0.25rem;padding-bottom:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-top:0.125rem;color:var(--calcite-ui-text-3)}.content-start,.content-end{pointer-events:none;-ms-flex:0 1 auto;flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){-ms-flex-item-align:center;align-self:center;padding-left:0.75rem;padding-right:0.75rem}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){-ms-flex-item-align:stretch;align-self:stretch;color:inherit}::slotted(calcite-list-item-group),::slotted(calcite-list-item){padding-left:0.5rem}";var CalciteListItem=function(){function t(t){registerInstance(this,t);this.nonInteractive=false;this.disabled=false}t.prototype.connectedCallback=function(){connectConditionalSlotComponent(this)};t.prototype.disconnectedCallback=function(){disconnectConditionalSlotComponent(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){(t=this.focusEl)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.renderActionsStart=function(){var t=this.el;return getSlotted(t,SLOTS.actionsStart)?h("div",{class:CSS$1.actionsStart},h("slot",{name:SLOTS.actionsStart})):null};t.prototype.renderActionsEnd=function(){var t=this.el;return getSlotted(t,SLOTS.actionsEnd)?h("div",{class:CSS$1.actionsEnd},h("slot",{name:SLOTS.actionsEnd})):null};t.prototype.renderContentStart=function(){var t=this.el;return getSlotted(t,SLOTS.contentStart)?h("div",{class:CSS$1.contentStart},h("slot",{name:SLOTS.contentStart})):null};t.prototype.renderContentEnd=function(){var t=this.el;return getSlotted(t,SLOTS.contentEnd)?h("div",{class:CSS$1.contentEnd},h("slot",{name:SLOTS.contentEnd})):null};t.prototype.renderContent=function(){var t=this,n=t.label,a=t.description;return!!n||!!a?h("div",{class:CSS$1.content},n?h("div",{class:CSS$1.label},n):null,a?h("div",{class:CSS$1.description},a):null):null};t.prototype.renderContentContainer=function(){var t;var n=this;var a=this,e=a.disabled,i=a.nonInteractive;var o=[this.renderContentStart(),this.renderContent(),this.renderContentEnd()];return!i?h("button",{class:(t={},t[CSS$1.contentContainer]=true,t[CSS$1.contentContainerButton]=true,t),disabled:e,ref:function(t){return n.focusEl=t}},o):h("div",{class:CSS$1.contentContainer,ref:function(){return n.focusEl=null}},o)};t.prototype.render=function(){return h(Host,{role:"listitem"},h("div",{class:CSS$1.container},this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),h("div",{class:CSS$1.nestedContainer},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteListItem.style=calciteListItemCss;var CSS={heading:"heading",container:"container"};var HEADING_LEVEL=3;var calciteListItemGroupCss="@-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.heading{margin:0px;display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}::slotted(calcite-list-item-group){padding-left:0.5rem}";var CalciteListItemGroup=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){var t;var n=this,a=n.el,e=n.heading,i=n.headingLevel;var o=(t=a.closest("calcite-list, calcite-list-item-group"))===null||t===void 0?void 0:t.headingLevel;var r=o?constrainHeadingLevel(o+1):null;var c=i||r||HEADING_LEVEL;return h(Host,null,e?h(CalciteHeading,{class:CSS.heading,level:c},e):null,h("div",{class:CSS.container,role:"group"},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CalciteListItemGroup.style=calciteListItemGroupCss;export{CalciteList as calcite_list,CalciteListItem as calcite_list_item,CalciteListItemGroup as calcite_list_item_group};
|