@esri/solutions-components 0.8.3 → 0.8.4

package/dist/solutions-components/buffer-tools.entry.js

@@ -1,253 +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-bdfaac50.js';
-import { l as loadModules } from './loadModules-827c5581.js';
-import { g as getLocaleComponentStrings } from './locale-d9463a95.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-
-const bufferToolsCss = ":host{display:block}.c-container{display:inline-flex}.flex-1{flex:\"1\"}.padding-end-1{padding-inline-end:1rem}.w-50{width:50%}";
-
-const BufferTools = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bufferComplete = createEvent(this, "bufferComplete", 7);
-        this.distanceChanged = createEvent(this, "distanceChanged", 7);
-        this.unitChanged = createEvent(this, "unitChanged", 7);
-        this.appearance = "text";
-        this.distance = 0;
-        this.geometries = [];
-        this.max = undefined;
-        this.min = 0;
-        this.sliderTicks = 10;
-        this.unionResults = true;
-        this.unit = "meters";
-        this.disabled = false;
-        this._translations = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Called each time the geometries prop is changed.
-     * Buffer each of the geometries.
-     *
-     */
-    geometriesWatchHandler() {
-        this._buffer();
-    }
-    disabledWatchHandler() {
-        this._buffer();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Get the translated unit for display
-     *
-     * @returns Promise resolving with the translated unit
-     */
-    async getTranslatedUnit(unit) {
-        if (!this._units) {
-            await this._defineTranslations();
-        }
-        return this._units[unit];
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._defineTranslations();
-        await this._initModules();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, null, this.appearance === "text" ? this._getTextBoxDisplay() : this._getSliderDisplay()));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Loads translations and defines unit names using those translations.
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _defineTranslations() {
-        await this._getTranslations();
-        this._initTranslatedUnits();
-    }
-    /**
-     * Load esri javascript api modules
-     *
-     * @returns Promise resolving when function is done
-     *
-     * @protected
-     */
-    async _initModules() {
-        const [geometryEngine] = await loadModules([
-            "esri/geometry/geometryEngine"
-        ]);
-        this._geometryEngine = geometryEngine;
-    }
-    /**
-     * Init the lookup hash for translated units
-     *
-     * @protected
-     */
-    _initTranslatedUnits() {
-        this._units = {
-            "feet": this._translations.feet,
-            "meters": this._translations.meters,
-            "miles": this._translations.miles,
-            "kilometers": this._translations.kilometers
-        };
-    }
-    /**
-     * Gets the nodes for each of the possible distance units
-     *
-     * @returns An array of option nodes
-     *
-     * @protected
-     */
-    _getUnits() {
-        return Object.keys(this._units).map(u => {
-            return (h("calcite-option", { label: this._units[u], selected: this.unit === u, value: u }));
-        });
-    }
-    /**
-     * Store the user defined distance value and create a buffer
-     *
-     * @param event the event from the calcite input control
-     *
-     * @protected
-     */
-    _setDistance(event) {
-        const v = parseInt(event.target.value, 10);
-        if (this.distance !== v && v >= this.min) {
-            this.distanceChanged.emit({
-                oldValue: this.distance,
-                newValue: v
-            });
-            this.distance = v;
-            if (this.distance > 0) {
-                this._buffer();
-            }
-            else {
-                this.bufferComplete.emit(undefined);
-            }
-        }
-    }
-    /**
-     * Store the user defined unit value and create a buffer
-     *
-     * @protected
-     */
-    _setUnit(unit) {
-        this.unitChanged.emit({
-            oldValue: this.unit,
-            newValue: unit
-        });
-        this.unit = unit;
-        this._buffer();
-    }
-    /**
-     * Create buffer geometry based on the user defined unit and distance
-     *
-     * @protected
-     */
-    _buffer() {
-        if (!this.disabled) {
-            if (this._bufferTimeout) {
-                clearTimeout(this._bufferTimeout);
-            }
-            this._bufferTimeout = setTimeout(() => {
-                var _a;
-                if (((_a = this.geometries) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.unit && this.distance > 0) {
-                    const geom = this.geometries[0];
-                    const sr = geom.spatialReference;
-                    const buffer = (sr.isWGS84 || sr.isWebMercator) ?
-                        this._geometryEngine.geodesicBuffer(this.geometries, this.distance, this.unit, this.unionResults) : this._geometryEngine.buffer(this.geometries, this.distance, this.unit, this.unionResults);
-                    this.bufferComplete.emit(buffer);
-                }
-            }, 400);
-        }
-        else {
-            this.bufferComplete.emit(undefined);
-        }
-    }
-    /**
-     * Render distance and unit as calcite input and select controls
-     * This option will be used when the "appearance" prop is set to "text"
-     *
-     * @returns a node with the supporting controls
-     *
-     * @protected
-     */
-    _getTextBoxDisplay() {
-        return (h("div", { class: "c-container" }, h("calcite-input", { class: "padding-end-1 w-50", max: this.max && this.max > 0 ? this.max : undefined, min: this.min, "number-button-type": "vertical", onCalciteInputInput: (evt) => this._setDistance(evt), placeholder: "0", type: "number", value: this.distance ? this.distance.toString() : undefined }), h("calcite-select", { class: "flex-1 w-50", label: "label", onCalciteSelectChange: () => this._setUnit(this._unitElement.value), ref: (el) => { this._unitElement = el; } }, this._getUnits())));
-    }
-    /**
-     * Render distance control as a slider
-     * This option will be used when the "appearance" prop is set to "slider"
-     *
-     * @returns a node with the supporting control
-     *
-     * @protected
-     */
-    _getSliderDisplay() {
-        return (h("div", null, h("calcite-slider", { labelHandles: true, max: this.max && this.max > 0 ? this.max : undefined, min: this.min, ticks: this.sliderTicks })));
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    /** Provides access to protected methods for unit testing.
-    *
-    *  @param methodName Name of protected method to run
-    *  @param arg1 First argument to forward to method, e.g., for "_setDistance", `CustomEvent`
-    *  @returns
-    */
-    _testAccess(methodName, arg1) {
-        switch (methodName) {
-            case "_setUnit":
-                return this._setUnit(arg1);
-            case "_setDistance":
-                return this._setDistance(arg1);
-        }
-        return null;
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "geometries": ["geometriesWatchHandler"],
-        "disabled": ["disabledWatchHandler"]
-    }; }
-};
-BufferTools.style = bufferToolsCss;
-
-export { BufferTools as buffer_tools };

package/dist/solutions-components/ca-29e49f82.js

@@ -1,70 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
-import './index-bdfaac50.js';
-import './form-f2181470.js';
-import './dom-b91aa537.js';
-import './guid-b75a5f7b.js';
-import './resources-0f8db821.js';
-import './interactive-71585ecc.js';
-import './browser-b8d08bed.js';
-import './key-9a10d862.js';
-import './label-16184ce7.js';
-import './component-edd2c3cd.js';
-import './loadable-aea90723.js';
-import './locale-857f39cf.js';
-import './observers-5ba39eee.js';
-import './focusTrapComponent-2fe6623b.js';
-import './time-4a90614b.js';
-import './math-efada7a9.js';
-import './t9n-b39c5433.js';
-import './openCloseComponent-b4b3788b.js';
-import './Validation-59a77488.js';
-
-// Catalan [ca]
-var locale = {
-  name: 'ca',
-  weekdays: 'Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte'.split('_'),
-  weekdaysShort: 'Dg._Dl._Dt._Dc._Dj._Dv._Ds.'.split('_'),
-  weekdaysMin: 'Dg_Dl_Dt_Dc_Dj_Dv_Ds'.split('_'),
-  months: 'Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre'.split('_'),
-  monthsShort: 'Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.'.split('_'),
-  weekStart: 1,
-  formats: {
-    LT: 'H:mm',
-    LTS: 'H:mm:ss',
-    L: 'DD/MM/YYYY',
-    LL: 'D MMMM [de] YYYY',
-    LLL: 'D MMMM [de] YYYY [a les] H:mm',
-    LLLL: 'dddd D MMMM [de] YYYY [a les] H:mm',
-    ll: 'D MMM YYYY',
-    lll: 'D MMM YYYY, H:mm',
-    llll: 'ddd D MMM YYYY, H:mm'
-  },
-  relativeTime: {
-    future: 'd\'aquí %s',
-    past: 'fa %s',
-    s: 'uns segons',
-    m: 'un minut',
-    mm: '%d minuts',
-    h: 'una hora',
-    hh: '%d hores',
-    d: 'un dia',
-    dd: '%d dies',
-    M: 'un mes',
-    MM: '%d mesos',
-    y: 'un any',
-    yy: '%d anys'
-  },
-  ordinal: function ordinal(n) {
-    var ord;
-    if (n === 1 || n === 3) ord = 'r';else if (n === 2) ord = 'n';else if (n === 4) ord = 't';else ord = 'è';
-    return "" + n + ord;
-  }
-};
-dayjs.locale(locale, null, true);
-
-export default locale;

package/dist/solutions-components/calcite-accordion-item.entry.js

@@ -1,176 +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-bdfaac50.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a395417e.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-b91aa537.js';
-import { C as CSS_UTILITY } from './resources-0f8db821.js';
-import { g as getIconScale } from './component-edd2c3cd.js';
-import './observers-5ba39eee.js';
-import './guid-b75a5f7b.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.4.0
- */
-const SLOTS = {
-    actionsStart: "actions-start",
-    actionsEnd: "actions-end",
-};
-const CSS = {
-    icon: "icon",
-    header: "header",
-    headerContent: "header-content",
-    actionsStart: "actions-start",
-    actionsEnd: "actions-end",
-    headerText: "header-text",
-    heading: "heading",
-    description: "description",
-    expandIcon: "expand-icon",
-    content: "content",
-    iconStart: "icon--start",
-    iconEnd: "icon--end",
-    headerContainer: "header-container",
-};
-const IDS = {
-    section: "section",
-    sectionToggle: "section-toggle",
-};
-
-const accordionItemCss = ".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-color-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-color-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;outline:2px solid 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          )}:host([expanded]){color:var(--calcite-color-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-color-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-color-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-color-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-color-text-3);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-color-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-color-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-color-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";
-
-const AccordionItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteInternalAccordionItemSelect = createEvent(this, "calciteInternalAccordionItemSelect", 6);
-        this.calciteInternalAccordionItemClose = createEvent(this, "calciteInternalAccordionItemClose", 6);
-        //--------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        //--------------------------------------------------------------------------
-        /** handle clicks on item header */
-        this.itemHeaderClickHandler = () => this.emitRequestedItem();
-        this.expanded = false;
-        this.heading = undefined;
-        this.description = undefined;
-        this.iconStart = undefined;
-        this.iconEnd = undefined;
-        this.iconFlipRtl = undefined;
-        this.iconPosition = undefined;
-        this.iconType = undefined;
-        this.accordionParent = undefined;
-        this.scale = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        connectConditionalSlotComponent(this);
-    }
-    disconnectedCallback() {
-        disconnectConditionalSlotComponent(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    renderActionsStart() {
-        const { el } = this;
-        return getSlotted(el, SLOTS.actionsStart) ? (h("div", { class: CSS.actionsStart }, h("slot", { name: SLOTS.actionsStart }))) : null;
-    }
-    renderActionsEnd() {
-        const { el } = this;
-        return getSlotted(el, SLOTS.actionsEnd) ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null;
-    }
-    render() {
-        const { iconFlipRtl } = this;
-        const dir = getElementDir(this.el);
-        const iconStartEl = this.iconStart ? (h("calcite-icon", { class: CSS.iconStart, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "start", icon: this.iconStart, key: "icon-start", scale: getIconScale(this.scale) })) : null;
-        const iconEndEl = this.iconEnd ? (h("calcite-icon", { class: CSS.iconEnd, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "end", icon: this.iconEnd, key: "icon-end", scale: getIconScale(this.scale) })) : null;
-        const { description } = this;
-        return (h(Host, null, h("div", { class: {
-                [`icon-position--${this.iconPosition}`]: true,
-                [`icon-type--${this.iconType}`]: true,
-            } }, h("div", { class: { [CSS.header]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), h("div", { "aria-controls": IDS.section, "aria-expanded": toAriaBoolean(this.expanded), class: CSS.headerContent, id: IDS.sectionToggle, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, h("div", { class: CSS.headerContainer }, iconStartEl, h("div", { class: CSS.headerText }, h("span", { class: CSS.heading }, this.heading), description ? h("span", { class: CSS.description }, description) : null), iconEndEl), h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
-                ? "chevronDown"
-                : this.iconType === "caret"
-                    ? "caretDown"
-                    : this.expanded
-                        ? "minus"
-                        : "plus", scale: getIconScale(this.scale) })), this.renderActionsEnd()), h("section", { "aria-labelledby": IDS.sectionToggle, class: CSS.content, id: IDS.section }, h("slot", null)))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    keyDownHandler(event) {
-        if (event.target === this.el) {
-            switch (event.key) {
-                case " ":
-                case "Enter":
-                    this.emitRequestedItem();
-                    event.preventDefault();
-                    break;
-            }
-        }
-    }
-    updateActiveItemOnChange(event) {
-        const [accordion] = event.composedPath();
-        const parent = closestElementCrossShadowBoundary(this.el, "calcite-accordion");
-        if (accordion !== parent) {
-            return;
-        }
-        this.determineActiveItem(parent.selectionMode, event.detail.requestedAccordionItem);
-        event.stopPropagation();
-    }
-    accordionItemSyncHandler(event) {
-        const [accordion] = event.composedPath();
-        const accordionItem = this.el;
-        // we sync with our accordion parent via event only if the item is wrapped within another component's shadow DOM,
-        // otherwise, the accordion parent will sync the item directly
-        const willBeSyncedByDirectParent = accordionItem.parentElement === accordion;
-        if (willBeSyncedByDirectParent) {
-            return;
-        }
-        const closestAccordionParent = closestElementCrossShadowBoundary(accordionItem, "calcite-accordion");
-        if (accordion !== closestAccordionParent) {
-            return;
-        }
-        accordionItem.iconPosition = closestAccordionParent.iconPosition;
-        accordionItem.iconType = closestAccordionParent.iconType;
-        accordionItem.scale = closestAccordionParent.scale;
-        event.stopPropagation();
-    }
-    determineActiveItem(selectionMode, requestedItem) {
-        switch (selectionMode) {
-            case "multiple":
-                if (this.el === requestedItem) {
-                    this.expanded = !this.expanded;
-                }
-                break;
-            case "single":
-                this.expanded = this.el === requestedItem ? !this.expanded : false;
-                break;
-            case "single-persist":
-                this.expanded = this.el === requestedItem;
-                break;
-        }
-    }
-    emitRequestedItem() {
-        this.calciteInternalAccordionItemSelect.emit({
-            requestedAccordionItem: this.el,
-        });
-    }
-    get el() { return getElement(this); }
-};
-AccordionItem.style = accordionItemCss;
-
-export { AccordionItem as calcite_accordion_item };

package/dist/solutions-components/calcite-accordion.entry.js

@@ -1,81 +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, g as getElement } from './index-bdfaac50.js';
-import { c as createObserver } from './observers-5ba39eee.js';
-
-const accordionCss = ":host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-color-border-2);--calcite-accordion-item-background:var(--calcite-color-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-2)}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Accordion = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteInternalAccordionChange = createEvent(this, "calciteInternalAccordionChange", 6);
-        this.mutationObserver = createObserver("mutation", () => this.updateAccordionItems());
-        this.appearance = "solid";
-        this.iconPosition = "end";
-        this.iconType = "chevron";
-        this.scale = "m";
-        this.selectionMode = "multiple";
-    }
-    handlePropsChange() {
-        this.updateAccordionItems();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
-        this.updateAccordionItems();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    render() {
-        const transparent = this.appearance === "transparent";
-        return (h("div", { class: {
-                "accordion--transparent": transparent,
-                accordion: !transparent,
-            } }, h("slot", null)));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    updateActiveItemOnChange(event) {
-        this.calciteInternalAccordionChange.emit({
-            requestedAccordionItem: event.detail.requestedAccordionItem,
-        });
-        event.stopPropagation();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    updateAccordionItems() {
-        this.el.querySelectorAll("calcite-accordion-item").forEach((item) => {
-            item.iconPosition = this.iconPosition;
-            item.iconType = this.iconType;
-            item.scale = this.scale;
-        });
-        // sync props on items across shadow DOM
-        document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "iconPosition": ["handlePropsChange"],
-        "iconType": ["handlePropsChange"],
-        "scale": ["handlePropsChange"],
-        "selectionMode": ["handlePropsChange"]
-    }; }
-};
-Accordion.style = accordionCss;
-
-export { Accordion as calcite_accordion };