@esri/solutions-components 0.8.67 → 0.9.0

package/dist/esm/calcite-popover.entry.js

@@ -1,415 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, i as forceUpdate, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-112e26aa.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-fb975f9c.js';
-import { F as isKeyboardTriggeredClick, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-1f06a111.js';
-import { g as guid } from './guid-f05d01d5.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-739f40b7.js';
-import { H as Heading } from './Heading-baf4a991.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-1b4d548e.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-2df2d559.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-5f2ac40f.js';
-import { c as createObserver } from './observers-81ed4977.js';
-import { F as FloatingArrow } from './FloatingArrow-636ce2ee.js';
-import { g as getIconScale } from './component-960ddabf.js';
-import { i as isActivationKey } from './key-15222297.js';
-import './lodash-98e4b7d0.js';
-import './resources-be0262db.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-class PopoverManager {
-    constructor() {
-        // --------------------------------------------------------------------------
-        //
-        //  Private Properties
-        //
-        // --------------------------------------------------------------------------
-        this.registeredElements = new Map();
-        this.registeredElementCount = 0;
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.queryPopover = (composedPath) => {
-            const { registeredElements } = this;
-            const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
-            return registeredElements.get(registeredElement);
-        };
-        this.togglePopovers = (event) => {
-            const composedPath = event.composedPath();
-            const togglePopover = this.queryPopover(composedPath);
-            if (togglePopover && !togglePopover.triggerDisabled) {
-                togglePopover.open = !togglePopover.open;
-            }
-            Array.from(this.registeredElements.values())
-                .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))
-                .forEach((popover) => (popover.open = false));
-        };
-        this.keyDownHandler = (event) => {
-            if (event.defaultPrevented) {
-                return;
-            }
-            if (event.key === "Escape") {
-                this.closeAllPopovers();
-            }
-            else if (isActivationKey(event.key)) {
-                this.togglePopovers(event);
-            }
-        };
-        this.clickHandler = (event) => {
-            if (isKeyboardTriggeredClick(event)) {
-                return;
-            }
-            this.togglePopovers(event);
-        };
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    registerElement(referenceEl, popover) {
-        this.registeredElementCount++;
-        this.registeredElements.set(referenceEl, popover);
-        if (this.registeredElementCount === 1) {
-            this.addListeners();
-        }
-    }
-    unregisterElement(referenceEl) {
-        if (this.registeredElements.delete(referenceEl)) {
-            this.registeredElementCount--;
-        }
-        if (this.registeredElementCount === 0) {
-            this.removeListeners();
-        }
-    }
-    closeAllPopovers() {
-        Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));
-    }
-    addListeners() {
-        window.addEventListener("click", this.clickHandler);
-        window.addEventListener("keydown", this.keyDownHandler);
-    }
-    removeListeners() {
-        window.removeEventListener("click", this.clickHandler);
-        window.removeEventListener("keydown", this.keyDownHandler);
-    }
-}
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-const CSS = {
-    container: "container",
-    imageContainer: "image-container",
-    closeButtonContainer: "close-button-container",
-    closeButton: "close-button",
-    content: "content",
-    hasHeader: "has-header",
-    header: "header",
-    headerContent: "header-content",
-    heading: "heading",
-};
-const defaultPopoverPlacement = "auto";
-const ARIA_CONTROLS = "aria-controls";
-const ARIA_EXPANDED = "aria-expanded";
-
-const popoverCss = ":host{--calcite-floating-ui-z-index:var(--calcite-popover-z-index, var(--calcite-z-index-popup));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1.25rem;padding-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;color:var(--calcite-color-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}:host([hidden]){display:none}[hidden]{display:none}";
-
-const manager = new PopoverManager();
-const Popover = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calcitePopoverBeforeClose = createEvent(this, "calcitePopoverBeforeClose", 6);
-        this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 6);
-        this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 6);
-        this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 6);
-        this.mutationObserver = createObserver("mutation", () => this.updateFocusTrapElements());
-        this.guid = `calcite-popover-${guid()}`;
-        this.openTransitionProp = "opacity";
-        this.hasLoaded = false;
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.setTransitionEl = (el) => {
-            this.transitionEl = el;
-        };
-        this.setFilteredPlacements = () => {
-            const { el, flipPlacements } = this;
-            this.filteredFlipPlacements = flipPlacements
-                ? filterComputedPlacements(flipPlacements, el)
-                : null;
-        };
-        this.setUpReferenceElement = (warn = true) => {
-            this.removeReferences();
-            this.effectiveReferenceElement = this.getReferenceElement();
-            connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-            const { el, referenceElement, effectiveReferenceElement } = this;
-            if (warn && referenceElement && !effectiveReferenceElement) {
-                console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
-                    el,
-                });
-            }
-            this.addReferences();
-        };
-        this.getId = () => {
-            return this.el.id || this.guid;
-        };
-        this.setExpandedAttr = () => {
-            const { effectiveReferenceElement, open } = this;
-            if (!effectiveReferenceElement) {
-                return;
-            }
-            if ("setAttribute" in effectiveReferenceElement) {
-                effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));
-            }
-        };
-        this.addReferences = () => {
-            const { effectiveReferenceElement } = this;
-            if (!effectiveReferenceElement) {
-                return;
-            }
-            const id = this.getId();
-            if ("setAttribute" in effectiveReferenceElement) {
-                effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);
-            }
-            manager.registerElement(effectiveReferenceElement, this.el);
-            this.setExpandedAttr();
-        };
-        this.removeReferences = () => {
-            const { effectiveReferenceElement } = this;
-            if (!effectiveReferenceElement) {
-                return;
-            }
-            if ("removeAttribute" in effectiveReferenceElement) {
-                effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);
-                effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);
-            }
-            manager.unregisterElement(effectiveReferenceElement);
-        };
-        this.hide = () => {
-            this.open = false;
-        };
-        this.storeArrowEl = (el) => {
-            this.arrowEl = el;
-            this.reposition(true);
-        };
-        this.autoClose = false;
-        this.closable = false;
-        this.flipDisabled = false;
-        this.focusTrapDisabled = false;
-        this.pointerDisabled = false;
-        this.flipPlacements = undefined;
-        this.heading = undefined;
-        this.headingLevel = undefined;
-        this.label = undefined;
-        this.messageOverrides = undefined;
-        this.messages = undefined;
-        this.offsetDistance = defaultOffsetDistance;
-        this.offsetSkidding = 0;
-        this.open = false;
-        this.overlayPositioning = "absolute";
-        this.placement = defaultPopoverPlacement;
-        this.referenceElement = undefined;
-        this.scale = "m";
-        this.triggerDisabled = false;
-        this.effectiveLocale = "";
-        this.floatingLayout = "vertical";
-        this.effectiveReferenceElement = undefined;
-        this.defaultMessages = undefined;
-    }
-    handleFocusTrapDisabled(focusTrapDisabled) {
-        if (!this.open) {
-            return;
-        }
-        focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
-    }
-    flipPlacementsHandler() {
-        this.setFilteredPlacements();
-        this.reposition(true);
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    offsetDistanceOffsetHandler() {
-        this.reposition(true);
-    }
-    offsetSkiddingHandler() {
-        this.reposition(true);
-    }
-    openHandler() {
-        onToggleOpenCloseComponent(this);
-        this.reposition(true);
-        this.setExpandedAttr();
-    }
-    overlayPositioningHandler() {
-        this.reposition(true);
-    }
-    placementHandler() {
-        this.reposition(true);
-    }
-    referenceElementHandler() {
-        this.setUpReferenceElement();
-        this.reposition(true);
-    }
-    effectiveLocaleChange() {
-        updateMessages(this, this.effectiveLocale);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        this.setFilteredPlacements();
-        connectLocalized(this);
-        connectMessages(this);
-        this.setUpReferenceElement(this.hasLoaded);
-        connectFocusTrap(this);
-        if (this.open) {
-            onToggleOpenCloseComponent(this);
-        }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-    }
-    async componentWillLoad() {
-        await setUpMessages(this);
-        setUpLoadableComponent(this);
-    }
-    componentDidLoad() {
-        setComponentLoaded(this);
-        if (this.referenceElement && !this.effectiveReferenceElement) {
-            this.setUpReferenceElement();
-        }
-        connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-        this.hasLoaded = true;
-    }
-    disconnectedCallback() {
-        this.removeReferences();
-        disconnectLocalized(this);
-        disconnectMessages(this);
-        disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
-        deactivateFocusTrap(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Updates the position of the component.
-     *
-     * @param delayed
-     */
-    async reposition(delayed = false) {
-        const { el, effectiveReferenceElement, placement, overlayPositioning, flipDisabled, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl, } = this;
-        return reposition(this, {
-            floatingEl: el,
-            referenceEl: effectiveReferenceElement,
-            overlayPositioning,
-            placement,
-            flipDisabled,
-            flipPlacements: filteredFlipPlacements,
-            offsetDistance,
-            offsetSkidding,
-            arrowEl,
-            type: "popover",
-        }, delayed);
-    }
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    async setFocus() {
-        await componentFocusable(this);
-        forceUpdate(this.el);
-        focusFirstTabbable(this.el);
-    }
-    /**
-     * Updates the element(s) that are used within the focus-trap of the component.
-     */
-    async updateFocusTrapElements() {
-        updateFocusTrapElements(this);
-    }
-    getReferenceElement() {
-        const { referenceElement, el } = this;
-        return ((typeof referenceElement === "string"
-            ? queryElementRoots(el, { id: referenceElement })
-            : referenceElement) || null);
-    }
-    onBeforeOpen() {
-        this.calcitePopoverBeforeOpen.emit();
-    }
-    onOpen() {
-        this.calcitePopoverOpen.emit();
-        activateFocusTrap(this);
-    }
-    onBeforeClose() {
-        this.calcitePopoverBeforeClose.emit();
-    }
-    onClose() {
-        this.calcitePopoverClose.emit();
-        deactivateFocusTrap(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    renderCloseButton() {
-        const { messages, closable } = this;
-        return closable ? (h("div", { class: CSS.closeButtonContainer, key: CSS.closeButtonContainer }, h("calcite-action", { appearance: "transparent", class: CSS.closeButton, onClick: this.hide, scale: this.scale, text: messages.close,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (closeButtonEl) => (this.closeButtonEl = closeButtonEl) }, h("calcite-icon", { icon: "x", scale: getIconScale(this.scale) })))) : null;
-    }
-    renderHeader() {
-        const { heading, headingLevel } = this;
-        const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel }, heading)) : null;
-        return headingNode ? (h("div", { class: CSS.header, key: CSS.header }, headingNode, this.renderCloseButton())) : null;
-    }
-    render() {
-        const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } = this;
-        const displayed = effectiveReferenceElement && open;
-        const hidden = !displayed;
-        const arrowNode = !pointerDisabled ? (h(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow",
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeArrowEl })) : null;
-        return (h(Host, { key: 'c6ca86d9bde93db52f3abc95344e8bff9e245517', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, h("div", { key: '1e1054bfa6ac2e762b8ba49b0148330c6e3e4bd8', class: {
-                [FloatingCSS.animation]: true,
-                [FloatingCSS.animationActive]: displayed,
-            },
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, arrowNode, h("div", { key: 'e9d6f6a86b2f433625df8436bc7bbea1dcdd5c60', class: {
-                [CSS.hasHeader]: !!heading,
-                [CSS.container]: true,
-            } }, this.renderHeader(), h("div", { key: '64845f98d4666edc418aa119c3fd7c592d41ee48', class: CSS.content }, h("slot", { key: '24a55594fb96fb227012406096f74b7646b58b9e' })), !heading ? this.renderCloseButton() : null))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "focusTrapDisabled": ["handleFocusTrapDisabled"],
-        "flipPlacements": ["flipPlacementsHandler"],
-        "messageOverrides": ["onMessagesChange"],
-        "offsetDistance": ["offsetDistanceOffsetHandler"],
-        "offsetSkidding": ["offsetSkiddingHandler"],
-        "open": ["openHandler"],
-        "overlayPositioning": ["overlayPositioningHandler"],
-        "placement": ["placementHandler"],
-        "referenceElement": ["referenceElementHandler"],
-        "effectiveLocale": ["effectiveLocaleChange"]
-    }; }
-};
-Popover.style = popoverCss;
-
-export { Popover as calcite_popover };

package/dist/esm/calcite-progress.entry.js

@@ -1,37 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, g as getElement } from './index-0eecd45f.js';
-import { a as getElementDir } from './dom-1f06a111.js';
-import { C as CSS_UTILITY } from './resources-be0262db.js';
-import './guid-f05d01d5.js';
-
-const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Progress = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.type = "determinate";
-        this.value = 0;
-        this.label = undefined;
-        this.text = undefined;
-        this.reversed = false;
-    }
-    render() {
-        const isDeterminate = this.type === "determinate";
-        const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
-        const dir = getElementDir(this.el);
-        return (h("div", { key: 'a86d3c94f7c5d86a8267372b3d89a5227b0f550d', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { key: 'cf8ad842376e8713207892a53bc26fc7f3200bc2', class: "track" }, h("div", { key: '3a7fb572aa02dc1d515556589f8b90b77a6e383d', class: {
-                bar: true,
-                indeterminate: this.type === "indeterminate",
-                [CSS_UTILITY.rtl]: dir === "rtl",
-                reversed: this.reversed,
-            }, style: barStyles })), this.text ? h("div", { class: "text" }, this.text) : null));
-    }
-    get el() { return getElement(this); }
-};
-Progress.style = progressCss;
-
-export { Progress as calcite_progress };

package/dist/esm/calcite-scrim.entry.js

@@ -1,121 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, g as getElement } from './index-0eecd45f.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-1b4d548e.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-2df2d559.js';
-import { c as createObserver } from './observers-81ed4977.js';
-import { E as slotChangeHasContent } from './dom-1f06a111.js';
-import './key-15222297.js';
-import './guid-f05d01d5.js';
-import './resources-be0262db.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-const CSS = {
-    scrim: "scrim",
-    content: "content",
-};
-const BREAKPOINTS = {
-    s: 72, // Less than 72px.
-    // medium is assumed default.
-    l: 480, // Greater than or equal to 480px.
-};
-
-const scrimCss = ":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Scrim = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.resizeObserver = createObserver("resize", () => this.handleResize());
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.handleDefaultSlotChange = (event) => {
-            this.hasContent = slotChangeHasContent(event);
-        };
-        this.storeLoaderEl = (el) => {
-            this.loaderEl = el;
-            this.handleResize();
-        };
-        this.loading = false;
-        this.messages = undefined;
-        this.messageOverrides = undefined;
-        this.loaderScale = undefined;
-        this.defaultMessages = undefined;
-        this.effectiveLocale = "";
-        this.hasContent = false;
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    effectiveLocaleChange() {
-        updateMessages(this, this.effectiveLocale);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        var _a;
-        connectLocalized(this);
-        connectMessages(this);
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);
-    }
-    async componentWillLoad() {
-        await setUpMessages(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        disconnectLocalized(this);
-        disconnectMessages(this);
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Method
-    //
-    // --------------------------------------------------------------------------
-    render() {
-        const { hasContent, loading, messages } = this;
-        return (h("div", { key: '7a0aeafa981a687bb129a2ba939f5db1325d3a36', class: CSS.scrim }, loading ? (h("calcite-loader", { label: messages.loading, scale: this.loaderScale,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeLoaderEl })) : null, h("div", { key: '7c3c32b66e2012e95e569fbb2dd651b774c124b0', class: CSS.content, hidden: !hasContent }, h("slot", { key: '4d2fc58294f4c5aa4655a58d41e5e2034578453e', onSlotchange: this.handleDefaultSlotChange }))));
-    }
-    getScale(size) {
-        if (size < BREAKPOINTS.s) {
-            return "s";
-        }
-        else if (size >= BREAKPOINTS.l) {
-            return "l";
-        }
-        else {
-            return "m";
-        }
-    }
-    handleResize() {
-        var _a;
-        const { loaderEl, el } = this;
-        if (!loaderEl) {
-            return;
-        }
-        this.loaderScale = this.getScale((_a = Math.min(el.clientHeight, el.clientWidth)) !== null && _a !== void 0 ? _a : 0);
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "messageOverrides": ["onMessagesChange"],
-        "effectiveLocale": ["effectiveLocaleChange"]
-    }; }
-};
-Scrim.style = scrimCss;
-
-export { Scrim as calcite_scrim };

package/dist/esm/calcite-segmented-control-item.entry.js

@@ -1,66 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { t as toAriaBoolean } from './dom-1f06a111.js';
-import './guid-f05d01d5.js';
-import './resources-be0262db.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-const SLOTS = {
-    input: "input",
-};
-const CSS = {
-    segmentedControlItemIcon: "segmented-control-item-icon",
-};
-
-const segmentedControlItemCss = ":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";
-
-const SegmentedControlItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteInternalSegmentedControlItemChange = createEvent(this, "calciteInternalSegmentedControlItemChange", 6);
-        this.checked = false;
-        this.iconFlipRtl = false;
-        this.iconStart = undefined;
-        this.iconEnd = undefined;
-        this.value = undefined;
-        this.appearance = "solid";
-        this.layout = "horizontal";
-        this.scale = "m";
-    }
-    handleCheckedChange() {
-        this.calciteInternalSegmentedControlItemChange.emit();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    render() {
-        const { appearance, checked, layout, scale, value } = this;
-        const iconStartEl = this.iconStart ? (h("calcite-icon", { class: CSS.segmentedControlItemIcon, flipRtl: this.iconFlipRtl, icon: this.iconStart, key: "icon-start", scale: "s" })) : null;
-        const iconEndEl = this.iconEnd ? (h("calcite-icon", { class: CSS.segmentedControlItemIcon, flipRtl: this.iconFlipRtl, icon: this.iconEnd, key: "icon-end", scale: "s" })) : null;
-        return (h(Host, { key: 'b20e8835703f9dcd6d96a58ca47efe9e57f1ebc7', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '850c35eb51158b2e3674587163bb77f4b30e554f', class: {
-                "label--scale-s": scale === "s",
-                "label--scale-m": scale === "m",
-                "label--scale-l": scale === "l",
-                "label--horizontal": layout === "horizontal",
-                "label--outline": appearance === "outline",
-                "label--outline-fill": appearance === "outline-fill",
-            } }, this.iconStart ? iconStartEl : null, h("slot", { key: '2f41ec01fab8c3e54e16d74b98f8d50d4e69018f' }, value), h("slot", { key: 'f969ea4b8fbcc0ab01052f5ffd103149540de08f', name: SLOTS.input }), this.iconEnd ? iconEndEl : null)));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "checked": ["handleCheckedChange"]
-    }; }
-};
-SegmentedControlItem.style = segmentedControlItemCss;
-
-export { SegmentedControlItem as calcite_segmented_control_item };