@esri/solutions-components 0.8.2 → 0.8.3

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

@@ -0,0 +1,253 @@
+/*!
+ * 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

@@ -0,0 +1,70 @@
+/*!
+ * 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

@@ -0,0 +1,176 @@
+/*!
+ * 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

@@ -0,0 +1,81 @@
+/*!
+ * 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 };