@esri/calcite-components 1.0.0-beta.9 → 1.0.0-beta.90

package/dist/esm-es5/calcite-dropdown_3.entry.js

@@ -1,417 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './core-26bd2899.js';
-import { S as SPACE, E as ENTER, c as ESCAPE, T as TAB, D as DOWN, U as UP, H as HOME, b as END } from './keys-6415f679.js';
-import { g as getElementDir, a as getElementTheme, b as getElementProp } from './dom-73b84262.js';
-import { g as guid } from './guid-3edb1b93.js';
-import { c as createProviderConsumer } from './index-df72ec0c.js';
-var CalciteDropdown = /** @class */ (function () {
-    function class_1(hostRef) {
-        var _this = this;
-        registerInstance(this, hostRef);
-        //--------------------------------------------------------------------------
-        //
-        //  Public Properties
-        //
-        //--------------------------------------------------------------------------
-        this.active = false;
-        /** specify the alignment of dropdrown, defaults to left */
-        this.alignment = "left";
-        /** specify the alignment of dropdrown, defaults to left */
-        this.theme = "light";
-        /** specify the scale of dropdrown, defaults to m */
-        this.scale = "m";
-        //--------------------------------------------------------------------------
-        //
-        //  Private State/Props
-        //
-        //--------------------------------------------------------------------------
-        /** created list of dropdown items */
-        this.items = [];
-        /** keep track of whether the groups have been sorted so we don't re-sort */
-        this.sorted = false;
-        /** unique id for dropdown */
-        /** @internal */
-        this.dropdownId = "calcite-dropdown-" + guid();
-        this.sortItems = function (items) { return items
-            .sort(function (a, b) { return a.position - b.position; })
-            .concat.apply([], _this.items.map(function (item) { return item.items; })); };
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    class_1.prototype.connectedCallback = function () {
-        // validate props
-        var alignment = ["left", "right", "center"];
-        if (!alignment.includes(this.alignment))
-            this.alignment = "left";
-        var theme = ["light", "dark"];
-        if (!theme.includes(this.theme))
-            this.theme = "light";
-        var scale = ["s", "m", "l"];
-        if (!scale.includes(this.scale))
-            this.scale = "m";
-    };
-    class_1.prototype.componentWillUpdate = function () {
-        if (!this.sorted) {
-            this.items = this.sortItems(this.items);
-            this.sorted = true;
-        }
-    };
-    class_1.prototype.render = function () {
-        var dir = getElementDir(this.el);
-        var expanded = this.active.toString();
-        return (h(Host, { dir: dir, active: this.active, id: this.dropdownId }, h("slot", { name: "dropdown-trigger", "aria-haspopup": "true", "aria-expanded": expanded }), h("div", { class: "calcite-dropdown-wrapper", role: "menu" }, h("slot", null))));
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    class_1.prototype.openDropdown = function (e) {
-        if (e.target.getAttribute("slot") === "dropdown-trigger") {
-            this.openCalciteDropdown();
-            e.preventDefault();
-        }
-    };
-    class_1.prototype.closeCalciteDropdownOnClick = function (e) {
-        if (this.active && e.target.offsetParent.id !== this.dropdownId)
-            this.closeCalciteDropdown();
-    };
-    class_1.prototype.closeCalciteDropdownOnEvent = function () {
-        this.closeCalciteDropdown();
-    };
-    class_1.prototype.keyDownHandler = function (e) {
-        if (e.target.getAttribute("slot") === "dropdown-trigger") {
-            if (e.target.nodeName !== "BUTTON" &&
-                e.target.nodeName !== "CALCITE-BUTTON") {
-                switch (e.keyCode) {
-                    case SPACE:
-                    case ENTER:
-                        this.openCalciteDropdown();
-                        break;
-                    case ESCAPE:
-                        this.closeCalciteDropdown();
-                        break;
-                }
-            }
-            else if (e.keyCode === ESCAPE || (e.shiftKey && e.keyCode === TAB)) {
-                this.closeCalciteDropdown();
-            }
-        }
-    };
-    class_1.prototype.calciteDropdownItemKeyEvent = function (item) {
-        var e = item.detail.item;
-        // handle edge
-        var itemToFocus = e.target.nodeName !== "A" ? e.target : e.target.parentNode;
-        var isFirstItem = this.itemIndex(itemToFocus) === 0;
-        var isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;
-        switch (e.keyCode) {
-            case TAB:
-                if (isLastItem && !e.shiftKey)
-                    this.closeCalciteDropdown();
-                else if (isFirstItem && e.shiftKey)
-                    this.closeCalciteDropdown();
-                else if (e.shiftKey)
-                    this.focusPrevItem(itemToFocus);
-                else
-                    this.focusNextItem(itemToFocus);
-                break;
-            case DOWN:
-                this.focusNextItem(itemToFocus);
-                break;
-            case UP:
-                this.focusPrevItem(itemToFocus);
-                break;
-            case HOME:
-                this.focusFirstItem();
-                break;
-            case END:
-                this.focusLastItem();
-                break;
-        }
-        e.preventDefault();
-    };
-    class_1.prototype.registerCalciteDropdownGroup = function (e) {
-        var items = {
-            items: e.detail.items,
-            position: e.detail.position
-        };
-        this.items.push(items);
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    class_1.prototype.closeCalciteDropdown = function () {
-        this.active = false;
-    };
-    class_1.prototype.focusFirstItem = function () {
-        var firstItem = this.items[0];
-        var focusableItem = this.getFocusableElement(firstItem);
-        focusableItem.focus();
-    };
-    class_1.prototype.focusLastItem = function () {
-        var lastItem = this.items[this.items.length - 1];
-        var focusableItem = this.getFocusableElement(lastItem);
-        focusableItem.focus();
-    };
-    class_1.prototype.focusNextItem = function (e) {
-        var index = this.itemIndex(e);
-        var nextItem = this.items[index + 1] || this.items[0];
-        var focusableItem = this.getFocusableElement(nextItem);
-        focusableItem.focus();
-    };
-    class_1.prototype.focusPrevItem = function (e) {
-        var index = this.itemIndex(e);
-        var prevItem = this.items[index - 1] || this.items[this.items.length - 1];
-        var focusableItem = this.getFocusableElement(prevItem);
-        focusableItem.focus();
-    };
-    class_1.prototype.itemIndex = function (e) {
-        return this.items.indexOf(e);
-    };
-    class_1.prototype.getFocusableElement = function (item) {
-        return item.attributes.islink ? item.shadowRoot.querySelector("a") : item;
-    };
-    class_1.prototype.openCalciteDropdown = function () {
-        var _this = this;
-        this.active = !this.active;
-        // time for animation
-        setTimeout(function () { return _this.focusFirstItem(); }, 50);
-    };
-    Object.defineProperty(class_1.prototype, "el", {
-        get: function () { return getElement(this); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(class_1, "style", {
-        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tab{display:none}calcite-tab[is-active]{display:block}a{color:#007ac2}:host{--calcite-dropdown-background-color:#fff;--calcite-dropdown-border-color:#eaeaea}:host([theme=dark]){--calcite-dropdown-background-color:#2b2b2b;--calcite-dropdown-border-color:#151515}:host{position:relative;display:inline-block}:host([active]) .calcite-dropdown-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;visibility:visible}:host .calcite-dropdown-wrapper{-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;visibility:hidden;opacity:0;display:block;position:absolute;left:0;z-index:200;overflow:auto;width:auto;width:12.5rem;background:var(--calcite-dropdown-background-color);border:1px solid var(--calcite-dropdown-border-color);-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.15);box-shadow:0 0 12px 0 rgba(0,0,0,.15)}:host([alignment=right]) .calcite-dropdown-wrapper,:host([dir=rtl]) .calcite-dropdown-wrapper{right:0;left:unset}:host([dir=rtl][alignment=right]) .calcite-dropdown-wrapper{right:unset;left:0}:host([alignment=center]) .calcite-dropdown-wrapper{right:0;left:0;margin-right:auto;margin-left:auto}"; },
-        enumerable: true,
-        configurable: true
-    });
-    return class_1;
-}());
-var DropdownInterface = createProviderConsumer({
-    requestedDropdownGroup: "",
-    requestedDropdownItem: ""
-}, function (subscribe, child) { return (h("context-consumer", { subscribe: subscribe, renderer: child })); });
-var CalciteDropdownGroup = /** @class */ (function () {
-    function class_2(hostRef) {
-        registerInstance(this, hostRef);
-        //--------------------------------------------------------------------------
-        //
-        //  Public Properties
-        //
-        //--------------------------------------------------------------------------
-        this.requestedDropdownGroup = "";
-        this.requestedDropdownItem = "";
-        /** optionally set a group title for display */
-        this.grouptitle = null;
-        //--------------------------------------------------------------------------
-        //
-        //  Private State/Props
-        //
-        //--------------------------------------------------------------------------
-        /** created list of dropdown items */
-        this.items = [];
-        /** unique id for dropdown group */
-        /** @internal */
-        this.dropdownGroupId = "calcite-dropdown-group-" + guid();
-        this.sortItems = function (items) { return items.sort(function (a, b) { return a.position - b.position; }).map(function (a) { return a.item; }); };
-        this.calciteDropdownItemHasChanged = createEvent(this, "calciteDropdownItemHasChanged", 7);
-        this.registerCalciteDropdownGroup = createEvent(this, "registerCalciteDropdownGroup", 7);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    class_2.prototype.componentDidLoad = function () {
-        this.groupPosition = this.getGroupPosition();
-        this.items = this.sortItems(this.items);
-        this.registerCalciteDropdownGroup.emit({
-            items: this.items,
-            position: this.groupPosition
-        });
-    };
-    class_2.prototype.render = function () {
-        var theme = getElementTheme(this.el);
-        var scale = getElementProp(this.el, "scale", "m");
-        var dropdownState = {
-            requestedDropdownGroup: this.requestedDropdownGroup,
-            requestedDropdownItem: this.requestedDropdownItem
-        };
-        var grouptitle = this.grouptitle ? (h("span", { class: "dropdown-title" }, this.grouptitle)) : null;
-        return (h(Host, { theme: theme, scale: scale, id: this.dropdownGroupId }, grouptitle, h(DropdownInterface.Provider, { state: dropdownState }, h("slot", null))));
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    class_2.prototype.updateActiveItemOnChange = function (event) {
-        this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
-        this.requestedDropdownItem = event.detail.requestedDropdownItem;
-        this.calciteDropdownItemHasChanged.emit({
-            requestedDropdownGroup: this.requestedDropdownGroup,
-            requestedDropdownItem: this.requestedDropdownItem
-        });
-    };
-    class_2.prototype.registerCalciteDropdownItem = function (e) {
-        var item = {
-            item: e.detail.item,
-            position: e.detail.position
-        };
-        this.items.push(item);
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    class_2.prototype.getGroupPosition = function () {
-        return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"), this.el);
-    };
-    Object.defineProperty(class_2.prototype, "el", {
-        get: function () { return getElement(this); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(class_2, "style", {
-        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tab{display:none}calcite-tab[is-active]{display:block}a{color:#007ac2}:host{--calcite-dropdown-group-color:#404040;--calcite-dropdown-group-border-color:#eaeaea}:host([theme=dark]){--calcite-dropdown-group-color:#fff;--calcite-dropdown-group-border-color:#404040}:host([scale=s]){--calcite-dropdown-group-padding:0.5rem 0}:host([scale=m]){--calcite-dropdown-group-padding:0.75rem 0}:host([scale=l]){--calcite-dropdown-group-padding:1rem 0}:host .dropdown-title{display:block;margin:0 1rem -1px 1rem;padding:var(--calcite-dropdown-group-padding);border-bottom:1px solid var(--calcite-dropdown-group-border-color);color:var(--calcite-dropdown-group-color);font-weight:600;word-wrap:break-word;cursor:default;font-size:.875rem;line-height:1.5}"; },
-        enumerable: true,
-        configurable: true
-    });
-    return class_2;
-}());
-var CalciteDropdownItem = /** @class */ (function () {
-    function class_3(hostRef) {
-        registerInstance(this, hostRef);
-        //--------------------------------------------------------------------------
-        //
-        //  Public Properties
-        //
-        //--------------------------------------------------------------------------
-        this.active = false;
-        /** @internal */
-        this.requestedDropdownGroup = "";
-        /** @internal */
-        this.requestedDropdownItem = "";
-        //--------------------------------------------------------------------------
-        //
-        //  Private State/Props
-        //
-        //--------------------------------------------------------------------------
-        /** unique id for dropdown item */
-        /** @internal */
-        this.dropdownItemId = "calcite-dropdown-item-" + guid();
-        /** id of containing group */
-        /** @internal */
-        this.currentDropdownGroup = this.el.parentElement.id;
-        this.calciteDropdownItemSelected = createEvent(this, "calciteDropdownItemSelected", 7);
-        this.calciteDropdownItemKeyEvent = createEvent(this, "calciteDropdownItemKeyEvent", 7);
-        this.closeCalciteDropdown = createEvent(this, "closeCalciteDropdown", 7);
-        this.registerCalciteDropdownItem = createEvent(this, "registerCalciteDropdownItem", 7);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    class_3.prototype.componentDidLoad = function () {
-        this.currentDropdownGroup = this.el.parentElement.id;
-        this.itemPosition = this.getItemPosition();
-        this.registerCalciteDropdownItem.emit({
-            item: this.el,
-            position: this.itemPosition
-        });
-    };
-    class_3.prototype.componentDidUpdate = function () {
-        this.determineActiveItem();
-    };
-    class_3.prototype.render = function () {
-        var dir = getElementDir(this.el);
-        var theme = getElementTheme(this.el);
-        var scale = getElementProp(this.el, "scale", "m");
-        var selected = this.active ? "true" : null;
-        if (!this.href) {
-            return (h(Host, { theme: theme, dir: dir, scale: scale, id: this.dropdownItemId, tabindex: "0", role: "menuitem", "aria-selected": selected }, h("slot", null)));
-        }
-        else {
-            return (h(Host, { theme: theme, dir: dir, scale: scale, id: this.dropdownItemId, tabindex: "0", role: "menuitem", "aria-selected": selected, islink: "true" }, h("a", { href: this.href, title: this.linktitle }, h("slot", null))));
-        }
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    class_3.prototype.onClick = function (e) {
-        this.emitRequestedItem(e);
-    };
-    class_3.prototype.keyDownHandler = function (e) {
-        switch (e.keyCode) {
-            case SPACE:
-            case ENTER:
-                this.emitRequestedItem(e);
-                break;
-            case ESCAPE:
-                this.closeCalciteDropdown.emit();
-                break;
-            case TAB:
-            case UP:
-            case DOWN:
-            case HOME:
-            case END:
-                this.calciteDropdownItemKeyEvent.emit({ item: e });
-                break;
-        }
-        e.preventDefault();
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    class_3.prototype.determineActiveItem = function () {
-        if (this.requestedDropdownItem === this.dropdownItemId) {
-            this.active = true;
-        }
-        else if (this.requestedDropdownGroup === this.currentDropdownGroup) {
-            this.active = false;
-        }
-    };
-    class_3.prototype.emitRequestedItem = function (e) {
-        this.calciteDropdownItemSelected.emit({
-            requestedDropdownItem: e.target.id,
-            requestedDropdownGroup: e.target.parentElement.id
-        });
-        this.closeCalciteDropdown.emit();
-    };
-    class_3.prototype.getItemPosition = function () {
-        return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-item"), this.el);
-    };
-    Object.defineProperty(class_3.prototype, "el", {
-        get: function () { return getElement(this); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(class_3, "style", {
-        get: function () { return "\@charset \"UTF-8\";body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tab{display:none}calcite-tab[is-active]{display:block}a{color:#007ac2}:host{--calcite-dropdown-item-color:#6a6a6a;--calcite-dropdown-item-color-hover:#555;--calcite-dropdown-item-color-active:#404040;--calcite-dropdown-item-background-color-hover:#f3f3f3;--calcite-dropdown-item-background-color-pressed:#eaeaea;--calcite-dropdown-item-dot-active-color:#007ac2}:host([theme=dark]){--calcite-dropdown-item-color:#d4d4d4;--calcite-dropdown-item-color-hover:#eaeaea;--calcite-dropdown-item-color-active:#fff;--calcite-dropdown-item-background-color-hover:#202020;--calcite-dropdown-item-background-color-pressed:#151515;--calcite-dropdown-item-dot-active-color:#3db8ff}:host([scale=s]){--calcite-dropdown-item-padding:0.3rem 1rem 0.3rem 2.25rem}:host([scale=m]){--calcite-dropdown-item-padding:0.5rem 1rem 0.5rem 2.25rem}:host([scale=l]){--calcite-dropdown-item-padding:0.75rem 1rem 0.75rem 2.25rem}:host([dir=rtl][scale=s]){--calcite-dropdown-item-padding:0.3rem 2.25rem 0.3rem 1rem}:host([dir=rtl][scale=m]){--calcite-dropdown-item-padding:0.5rem 2.25rem 0.5rem 1rem}:host([dir=rtl][scale=l]){--calcite-dropdown-item-padding:0.75rem 2.25rem 0.75rem 1rem}:host{display:block;font-size:.875rem;line-height:1.5;color:var(--calcite-dropdown-item-color);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;padding:var(--calcite-dropdown-item-padding);cursor:pointer;text-decoration:none;outline:none;position:relative}:host(:active),:host(:focus),:host(:hover){background-color:var(--calcite-dropdown-item-background-color-hover);color:var(--calcite-dropdown-item-color-hover);text-decoration:none}:host(:active){background-color:var(--calcite-dropdown-item-background-color-pressed)}:host:before{content:\"•\";position:absolute;left:1rem;opacity:0;color:grey;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}:host(:active):before,:host(:focus):before,:host(:hover):before{opacity:1}:host([dir=rtl]):before{left:unset;right:1rem}:host([active]){color:var(--calcite-dropdown-item-color-active);font-weight:500}:host([active]):before{opacity:1;color:var(--calcite-dropdown-item-dot-active-color)}:host([islink]){padding:0}:host([islink]):before{display:none}:host([islink]) a{display:block;position:relative;padding:var(--calcite-dropdown-item-padding);color:var(--calcite-dropdown-item-color);text-decoration:none;outline:none}:host([islink]) a:before{content:\"•\";position:absolute;left:1rem;opacity:0;color:grey;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}:host([islink]) a:active,:host([islink]) a:focus,:host([islink]) a:hover{background-color:var(--calcite-dropdown-item-background-color-hover);text-decoration:none}:host([islink]) a:active:before,:host([islink]) a:focus:before,:host([islink]) a:hover:before{opacity:1}:host([islink]) a:active{background-color:var(--calcite-dropdown-item-background-color-pressed)}:host([islink][active]) a{color:var(--calcite-dropdown-item-color-active);font-weight:500}:host([islink][active]) a:before{opacity:1;color:var(--calcite-dropdown-item-dot-active-color)}:host([islink][dir=rtl]) a{padding:var(--calcite-dropdown-item-padding)}:host([islink][dir=rtl]) a:before{left:unset;right:1rem}"; },
-        enumerable: true,
-        configurable: true
-    });
-    return class_3;
-}());
-//--------------------------------------------------------------------------
-//
-//  Inject Props
-//
-//--------------------------------------------------------------------------
-DropdownInterface.injectProps(CalciteDropdownItem, [
-    "requestedDropdownItem",
-    "requestedDropdownGroup"
-]);
-export { CalciteDropdown as calcite_dropdown, CalciteDropdownGroup as calcite_dropdown_group, CalciteDropdownItem as calcite_dropdown_item };
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):a(t.value).then(r,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return c([t,e])}}function c(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];a=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(typeof e === "string"){e=Array.prototype.slice.call(e)}if(i||arguments.length===2)for(var n=0,a=e.length,o;n<a;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))};
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.90
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-125082eb.js";import{t as toAriaBoolean,f as focusElement,d as getElementProp}from"./dom-796bedfe.js";import{d as defaultMenuPlacement,f as filterComputedPlacements,c as connectFloatingUI,a as disconnectFloatingUI,F as FloatingCSS,p as positionFloatingUI}from"./floating-ui-e347c202.js";import{c as createObserver}from"./observers-20a0920e.js";import{u as updateHostInteraction}from"./interactive-010acdfb.js";import{g as guid}from"./guid-b66e2624.js";var SLOTS={dropdownTrigger:"dropdown-trigger"};var dropdownCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-block-size:90vh;inline-size:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}@media (forced-colors: active){:host([active]) .calcite-dropdown-wrapper,:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var Dropdown=function(){function t(t){var e=this;registerInstance(this,t);this.calciteDropdownSelect=createEvent(this,"calciteDropdownSelect",7);this.calciteDropdownBeforeClose=createEvent(this,"calciteDropdownBeforeClose",7);this.calciteDropdownClose=createEvent(this,"calciteDropdownClose",7);this.calciteDropdownBeforeOpen=createEvent(this,"calciteDropdownBeforeOpen",7);this.calciteDropdownOpen=createEvent(this,"calciteDropdownOpen",7);this.active=false;this.open=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=defaultMenuPlacement;this.scale="m";this.selectedItems=[];this.type="click";this.items=[];this.activeTransitionProp="visibility";this.mutationObserver=createObserver("mutation",(function(){return e.updateItems()}));this.resizeObserver=createObserver("resize",(function(t){return e.resizeObserverCallback(t)}));this.guid="calcite-dropdown-".concat(guid());this.defaultAssignedElements=[];this.slotChangeHandler=function(t){e.defaultAssignedElements=t.target.assignedElements({flatten:true});e.updateItems()};this.setFilteredPlacements=function(){var t=e,i=t.el,n=t.flipPlacements;e.filteredFlipPlacements=n?filterComputedPlacements(n,i):null};this.updateTriggers=function(t){e.triggers=t.target.assignedElements({flatten:true});e.reposition()};this.updateItems=function(){var t=e.defaultAssignedElements;e.items=t.filter((function(t){return t===null||t===void 0?void 0:t.matches("calcite-dropdown-group, calcite-dropdown-item")})).map((function(t){return t.matches("calcite-dropdown-group")?Array.from(t.querySelectorAll("calcite-dropdown-item")):[t]})).reduce((function(t,e){return __spreadArray(__spreadArray([],t,true),e,true)}),[]);e.updateSelectedItems();e.reposition()};this.resizeObserverCallback=function(t){t.forEach((function(t){var i=t.target;if(i===e.referenceEl){e.setDropdownWidth()}else if(i===e.scrollerEl){e.setMaxScrollerHeight()}}))};this.setDropdownWidth=function(){var t=e,i=t.referenceEl,n=t.scrollerEl;var a=i===null||i===void 0?void 0:i.clientWidth;if(!a||!n){return}n.style.minWidth="".concat(a,"px")};this.setMaxScrollerHeight=function(){var t=e,i=t.active,n=t.scrollerEl,a=t.open;var o=!(i||a);if(!n||o){return}e.reposition();var r=e.getMaxScrollerHeight();n.style.maxHeight=r>0?"".concat(r,"px"):"";e.reposition()};this.setScrollerEl=function(t){e.resizeObserver.observe(t);e.scrollerEl=t;e.scrollerEl.addEventListener("transitionstart",e.transitionStartHandler)};this.transitionEnd=function(t){if(t.propertyName===e.activeTransitionProp&&t.target===e.scrollerEl){e.open||e.active?e.onOpen():e.onClose()}};this.transitionStartHandler=function(t){if(t.propertyName===e.activeTransitionProp&&t.target===e.scrollerEl){e.open||e.active?e.onBeforeOpen():e.onBeforeClose()}};this.setReferenceEl=function(t){e.referenceEl=t;connectFloatingUI(e,e.referenceEl,e.floatingEl);e.resizeObserver.observe(t)};this.setFloatingEl=function(t){e.floatingEl=t;connectFloatingUI(e,e.referenceEl,e.floatingEl)};this.keyDownHandler=function(t){var i=t.target;if(i!==e.referenceEl){return}var n=t.key;if((e.open||e.active)&&(n==="Escape"||t.shiftKey&&n==="Tab")){e.closeCalciteDropdown();return}switch(n){case" ":case"Enter":e.openCalciteDropdown();break;case"Escape":e.closeCalciteDropdown();break}};this.focusOnFirstActiveOrFirstItem=function(){e.getFocusableElement(e.items.find((function(t){return t.active}))||e.items[0])};this.toggleOpenEnd=function(){e.focusOnFirstActiveOrFirstItem();e.el.removeEventListener("calciteDropdownOpen",e.toggleOpenEnd)};this.openCalciteDropdown=function(){e.active=!e.active;e.open=!e.open;if(e.active||e.open){e.el.addEventListener("calciteDropdownOpen",e.toggleOpenEnd)}}}t.prototype.activeHandler=function(){if(!this.disabled){this.reposition();return}this.active=false;this.open=false};t.prototype.handleDisabledChange=function(t){if(!t){this.active=false;this.open=false}};t.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements()};t.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};t.prototype.overlayPositioningHandler=function(){this.reposition()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();this.reposition()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.disconnectedCallback=function(){var t,e,i;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();disconnectFloatingUI(this,this.referenceEl,this.floatingEl);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();(i=this.scrollerEl)===null||i===void 0?void 0:i.removeEventListener("transitionstart",this.transitionStartHandler)};t.prototype.render=function(){var t;var e=this,i=e.active,n=e.open,a=e.guid;return h(Host,null,h("div",{class:"calcite-dropdown-trigger-container",id:"".concat(a,"-menubutton"),onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},h("slot",{"aria-controls":"".concat(a,"-menu"),"aria-expanded":toAriaBoolean(i||n),"aria-haspopup":"menu",name:SLOTS.dropdownTrigger,onSlotchange:this.updateTriggers})),h("div",{"aria-hidden":toAriaBoolean(!(i||n)),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},h("div",{"aria-labelledby":"".concat(a,"-menubutton"),class:(t={},t["calcite-dropdown-content"]=true,t[FloatingCSS.animation]=true,t[FloatingCSS.animationActive]=i||n,t),id:"".concat(a,"-menu"),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl,role:"menu"},h("div",{hidden:!(n||i)},h("slot",{onSlotchange:this.slotChangeHandler})))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a;return __generator(this,(function(o){t=this,e=t.floatingEl,i=t.referenceEl,n=t.placement,a=t.overlayPositioning;return[2,positionFloatingUI({floatingEl:e,referenceEl:i,overlayPositioning:a,placement:n,type:"menu"})]}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){var e=!(this.open||this.active);if(e||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)};t.prototype.closeCalciteDropdownOnEvent=function(t){this.closeCalciteDropdown();t.stopPropagation()};t.prototype.closeCalciteDropdownOnOpenEvent=function(t){if(t.composedPath().includes(this.el)){return}this.active=false;this.open=false};t.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};t.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};t.prototype.calciteInternalDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var o=this.itemIndex(n)===this.items.length-1;switch(e.key){case"Tab":if(o&&!e.shiftKey){this.closeCalciteDropdown()}else if(a&&e.shiftKey){this.closeCalciteDropdown()}else if(e.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}t.stopPropagation()};t.prototype.handleItemSelect=function(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()};t.prototype.onBeforeOpen=function(){this.calciteDropdownBeforeOpen.emit()};t.prototype.onOpen=function(){this.calciteDropdownOpen.emit()};t.prototype.onBeforeClose=function(){this.calciteDropdownBeforeClose.emit()};t.prototype.onClose=function(){this.calciteDropdownClose.emit()};t.prototype.updateSelectedItems=function(){this.selectedItems=this.items.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=this.maxItems;var e=0;var i=0;var n;if(t>0&&e<t){this.items.forEach((function(a){if(a.matches("calcite-dropdown-group calcite-dropdown-item:first-child")){if(isNaN(n)){n=a.offsetTop}i+=n}if(e<t){i+=a.offsetHeight;e+=1}}))}return i};t.prototype.closeCalciteDropdown=function(t){if(t===void 0){t=true}this.active=false;this.open=false;if(t){focusElement(this.triggers[0])}};t.prototype.focusFirstItem=function(){var t=this.items[0];this.getFocusableElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.getFocusableElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.items[e+1]||this.items[0];this.getFocusableElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.items[e-1]||this.items[this.items.length-1];this.getFocusableElement(i)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.getFocusableElement=function(t){if(!t){return}var e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;focusElement(e)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],open:["activeHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}();Dropdown.style=dropdownCss;var CSS$1={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var dropdownGroupCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{-webkit-margin-after:-1px;margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-ui-border-3)}";var DropdownGroup=function(){function t(t){registerInstance(this,t);this.calciteInternalDropdownItemChange=createEvent(this,"calciteInternalDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=this.scale||getElementProp(this.el,"scale","m");var i=this.groupTitle?h("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var n=this.groupPosition>0?h("div",{class:"dropdown-separator",role:"separator"}):null;return h(Host,{"aria-label":this.groupTitle,role:"group"},h("div",{class:(t={container:true},t[CSS$1.containerSmall]=e==="s",t[CSS$1.containerMedium]=e==="m",t[CSS$1.containerLarge]=e==="l",t),title:this.groupTitle},n,i,h("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};t.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DropdownGroup.style=dropdownGroupCss;var CSS={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var dropdownItemCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var DropdownItem=function(){function t(t){registerInstance(this,t);this.calciteInternalDropdownItemSelect=createEvent(this,"calciteInternalDropdownItemSelect",7);this.calciteInternalDropdownItemKeyEvent=createEvent(this,"calciteInternalDropdownItemKeyEvent",7);this.calciteInternalDropdownCloseRequest=createEvent(this,"calciteInternalDropdownCloseRequest",7);this.active=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this.el)===null||t===void 0?void 0:t.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.initialize()};t.prototype.connectedCallback=function(){this.initialize()};t.prototype.render=function(){var t;var e=this;var i=getElementProp(this.el,"scale","m");var n=h("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var a=h("span",{class:"dropdown-item-content"},h("slot",null));var o=h("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var r=this.iconStart&&this.iconEnd?[n,a,o]:this.iconStart?[n,h("slot",null)]:this.iconEnd?[a,o]:a;var s=!this.href?r:h("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(t){return e.childLink=t},rel:this.rel,target:this.target},r);var c=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var l=this.selectionMode!=="none"?toAriaBoolean(this.active):null;return h(Host,{"aria-checked":l,role:c,tabindex:"0"},h("div",{class:(t={container:true},t[CSS.containerLink]=!!this.href,t[CSS.containerSmall]=i==="s",t[CSS.containerMedium]=i==="m",t[CSS.containerLarge]=i==="l",t[CSS.containerMulti]=this.selectionMode==="multi",t[CSS.containerSingle]=this.selectionMode==="single",t[CSS.containerNone]=this.selectionMode==="none",t)},this.selectionMode!=="none"?h("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,s))};t.prototype.onClick=function(){this.emitRequestedItem()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}};t.prototype.updateActiveItemOnChange=function(t){var e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()};t.prototype.initialize=function(){this.selectionMode=getElementProp(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};t.prototype.emitRequestedItem=function(){this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DropdownItem.style=dropdownItemCss;export{Dropdown as calcite_dropdown,DropdownGroup as calcite_dropdown_group,DropdownItem as calcite_dropdown_item};

package/dist/esm-es5/calcite-fab.entry.js

@@ -0,0 +1,6 @@
+var __awaiter=this&&this.__awaiter||function(t,a,e,n){function i(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,o){function r(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?e(t.value):i(t.value).then(r,s)}l((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(a){return l([t,a])}}function l(r){if(n)throw new TypeError("Generator is already executing.");while(e)try{if(n=1,i&&(o=r[0]&2?i["return"]:r[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;if(i=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;i=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){e.label=r[1];break}if(r[0]===6&&e.label<o[1]){e.label=o[1];o=r;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(r);break}if(o[2])e.ops.pop();e.trys.pop();continue}r=a.call(t,e)}catch(t){r=[6,t];i=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.90
+ */import{r as registerInstance,h,g as getElement}from"./index-125082eb.js";import{f as focusElement}from"./dom-796bedfe.js";import{u as updateHostInteraction}from"./interactive-010acdfb.js";import"./guid-b66e2624.js";var CSS={button:"button"};var ICONS={plus:"plus"};var fabCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";var Fab=function(){function t(t){registerInstance(this,t);this.appearance="outline";this.color="neutral";this.disabled=false;this.icon=ICONS.plus;this.loading=false;this.scale="m";this.textEnabled=false}t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.buttonEl);return[2]}))}))};t.prototype.render=function(){var t=this;var a=this,e=a.appearance,n=a.color,i=a.disabled,o=a.loading,r=a.scale,s=a.textEnabled,l=a.icon,c=a.label,p=a.text;var d=!s?c||p||null:null;return h("calcite-button",{appearance:e==="solid"?"solid":"outline",class:CSS.button,color:n,disabled:i,iconStart:l,label:c,loading:o,ref:function(a){t.buttonEl=a},round:true,scale:r,title:d,type:"button",width:"auto"},this.textEnabled?this.text:null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Fab.style=fabCss;export{Fab as calcite_fab};

package/dist/esm-es5/calcite-filter.entry.js

@@ -0,0 +1,6 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{c(a.next(t))}catch(t){r(t)}}function l(t){try{c(a["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):n(t.value).then(o,l)}c((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(e){return c([t,e])}}function c(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{a=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.90
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-125082eb.js";import{f as focusElement}from"./dom-796bedfe.js";import{u as updateHostInteraction}from"./interactive-010acdfb.js";import{f as filter}from"./filter-03334acb.js";import{d as debounce}from"./debounce-7fbb2181.js";import"./guid-b66e2624.js";var CSS={container:"container",searchIcon:"search-icon"};var TEXT={filterLabel:"Filter",clear:"Clear filter"};var ICONS={search:"search",close:"x"};var DEBOUNCE_TIMEOUT=250;var filterCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-flexbox;display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:-ms-flexbox;display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-padding-end:0.25rem;padding-inline-end:0.25rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem;-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";var Filter=function(){function t(t){var e=this;registerInstance(this,t);this.calciteFilterChange=createEvent(this,"calciteFilterChange",7);this.items=[];this.disabled=false;this.filteredItems=[];this.scale="m";this.value="";this.filter=debounce((function(t,i){if(i===void 0){i=false}return e.updateFiltered(filter(e.items,t),i)}),DEBOUNCE_TIMEOUT);this.inputHandler=function(t){var i=t.target;e.value=i.value;e.filter(i.value,true)};this.keyDownHandler=function(t){if(t.key==="Escape"){e.clear()}if(t.key==="Enter"){t.preventDefault()}};this.clear=function(){e.value="";e.filter("",true);e.setFocus()}}t.prototype.watchItemsHandler=function(){this.filter(this.value)};t.prototype.valueHandler=function(t){this.filter(t)};t.prototype.componentDidRender=function(){updateHostInteraction(this)};t.prototype.componentWillLoad=function(){this.filter(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.textInput);return[2]}))}))};t.prototype.updateFiltered=function(t,e){if(e===void 0){e=false}this.filteredItems.length=0;this.filteredItems=this.filteredItems.concat(t);if(e){this.calciteFilterChange.emit()}};t.prototype.render=function(){var t=this;var e=this,i=e.disabled,a=e.scale;return h(Fragment,null,h("div",{class:CSS.container},h("label",null,h("calcite-input",{"aria-label":this.intlLabel||TEXT.filterLabel,clearable:true,disabled:i,icon:ICONS.search,intlClear:this.intlClear||TEXT.clear,onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:function(e){t.textInput=e},scale:a,type:"text",value:this.value}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["watchItemsHandler"],value:["valueHandler"]}},enumerable:false,configurable:true});return t}();Filter.style=filterCss;export{Filter as calcite_filter};

package/dist/esm-es5/calcite-flow.entry.js

@@ -0,0 +1,6 @@
+var __awaiter=this&&this.__awaiter||function(t,a,e,n){function i(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function l(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):i(t.value).then(o,l)}c((n=n.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(a){return c([t,a])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(e)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){e.label=o[1];break}if(o[0]===6&&e.label<r[1]){e.label=r[1];r=o;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(o);break}if(r[2])e.ops.pop();e.trys.pop();continue}o=a.call(t,e)}catch(t){o=[6,t];i=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.90
+ */import{r as registerInstance,h,g as getElement}from"./index-125082eb.js";import{c as createObserver}from"./observers-20a0920e.js";var CSS={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};var flowCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0px}:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}:host .frame--advancing{-webkit-animation:calcite-frame-advance var(--calcite-animation-timing);animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{-webkit-animation:calcite-frame-retreat var(--calcite-animation-timing);animation:calcite-frame-retreat var(--calcite-animation-timing)}@-webkit-keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Flow=function(){function t(t){var a=this;registerInstance(this,t);this.panelCount=0;this.flowDirection=null;this.panels=[];this.panelItemMutationObserver=createObserver("mutation",(function(){return a.updateFlowProps()}));this.getFlowDirection=function(t,a){var e=t>1;var n=t&&a>1;if(!n&&!e){return null}return a<t?"retreating":"advancing"};this.updateFlowProps=function(){var t=a,e=t.el,n=t.panels;var i=Array.from(e.querySelectorAll("calcite-panel")).filter((function(t){return!t.matches("calcite-panel calcite-panel")}));var r=n.length;var o=i.length;var l=i[o-1];var c=i[o-2];if(o&&l){i.forEach((function(t){t.showBackButton=t===l&&o>1;t.hidden=t!==l}))}if(c){c.menuOpen=false}a.panels=i;if(r!==o){var s=a.getFlowDirection(r,o);a.panelCount=o;a.flowDirection=s}}}t.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,e;return __generator(this,(function(n){t=this.panels;a=t[t.length-1];if(!a){return[2]}e=a.beforeBack?a.beforeBack:function(){return Promise.resolve()};return[2,e.call(a).then((function(){a.remove();return a}))]}))}))};t.prototype.connectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};t.prototype.disconnectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.handleCalcitePanelBackClick=function(){this.back()};t.prototype.render=function(){var t;var a=this.flowDirection;var e=(t={},t[CSS.frame]=true,t[CSS.frameAdvancing]=a==="advancing",t[CSS.frameRetreating]=a==="retreating",t);return h("div",{class:e},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Flow.style=flowCss;export{Flow as calcite_flow};