@esri/solutions-components 0.8.67 → 0.9.0

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

@@ -1,67 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { a as associateExplicitLabelToUnlabeledComponent, l as labelConnectedEvent, b as labelDisconnectedEvent } from './label-c34ec0cf.js';
-import './dom-1f06a111.js';
-import './guid-f05d01d5.js';
-import './resources-be0262db.js';
-import './component-960ddabf.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-const CSS = {
-    container: "container",
-};
-
-const labelCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Label = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 2);
-        //--------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        //--------------------------------------------------------------------------
-        this.labelClickHandler = (event) => {
-            this.calciteInternalLabelClick.emit({
-                sourceEvent: event,
-            });
-        };
-        this.alignment = "start";
-        this.for = undefined;
-        this.scale = "m";
-        this.layout = "default";
-    }
-    handleForChange() {
-        associateExplicitLabelToUnlabeledComponent(this.el);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        document.dispatchEvent(new CustomEvent(labelConnectedEvent));
-    }
-    disconnectedCallback() {
-        document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
-    }
-    render() {
-        return (h(Host, { key: 'fc1ef6c0deb51a1cfb30b8efe5bb386bdb834380', onClick: this.labelClickHandler }, h("div", { key: '23ac73d58f829394636f391ae5126332374e0857', class: CSS.container }, h("slot", { key: 'a2f2f7d660b6a3d31f14a027187e8f2d27fcb611' }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "for": ["handleForChange"]
-    }; }
-};
-Label.style = labelCss;
-
-export { Label as calcite_label };

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

@@ -1,108 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { a as getElementDir, e as focusElement } from './dom-1f06a111.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-179483f5.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-5f2ac40f.js';
-import { C as CSS_UTILITY } from './resources-be0262db.js';
-import './guid-f05d01d5.js';
-import './browser-920df963.js';
-
-const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Link = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.childElClickHandler = (event) => {
-            if (!event.isTrusted) {
-                // click was invoked internally, we stop it here
-                event.stopPropagation();
-            }
-        };
-        //--------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        //--------------------------------------------------------------------------
-        this.storeTagRef = (el) => {
-            this.childEl = el;
-        };
-        this.disabled = false;
-        this.download = false;
-        this.href = undefined;
-        this.iconEnd = undefined;
-        this.iconFlipRtl = undefined;
-        this.iconStart = undefined;
-        this.rel = undefined;
-        this.target = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        connectInteractive(this);
-    }
-    componentWillLoad() {
-        setUpLoadableComponent(this);
-    }
-    componentDidLoad() {
-        setComponentLoaded(this);
-    }
-    componentDidRender() {
-        updateHostInteraction(this);
-    }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
-    render() {
-        const { download, el } = this;
-        const dir = getElementDir(el);
-        const childElType = this.href ? "a" : "span";
-        const iconStartEl = (h("calcite-icon", { key: 'f3c88f34e5fddf3cb7779cabbac20ecd7fc62be1', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-        const iconEndEl = (h("calcite-icon", { key: '684df779ad349e596dbe9f128c035077d0c75d93', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-        const Tag = childElType;
-        const role = childElType === "span" ? "link" : null;
-        const tabIndex = childElType === "span" ? 0 : null;
-        return (h(Host, { key: 'b8bf6a472945947d6bac9853d2322f8fedca5102', role: "presentation" }, h(InteractiveContainer, { key: 'e410a5b86b4d11dc12dbc4f60f8eae6e315f3b7d', disabled: this.disabled }, h(Tag, { key: '4e22e764e60b0446f4840ba745dba9eae90a7809', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
-            /*
-          When the 'download' property of type 'boolean | string' is set to true, the value is "".
-          This works around that issue for now.
-          */
-            download: Tag === "a" && (download === "" || download) ? download : null, href: Tag === "a" && this.href, onClick: this.childElClickHandler, rel: Tag === "a" && this.rel, role: role, tabIndex: tabIndex, target: Tag === "a" && this.target,
-            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeTagRef }, this.iconStart ? iconStartEl : null, h("slot", { key: 'eb1700118698d9c0a7dc5863bbe6bb7c03daa61b' }), this.iconEnd ? iconEndEl : null))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    clickHandler(event) {
-        if (this.disabled) {
-            return;
-        }
-        // forwards the click() to the internal link for non user-initiated events
-        if (!event.isTrusted) {
-            this.childEl.click();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /** Sets focus on the component. */
-    async setFocus() {
-        await componentFocusable(this);
-        focusElement(this.childEl);
-    }
-    get el() { return getElement(this); }
-};
-Link.style = linkCss;
-
-export { Link as calcite_link };

package/dist/solutions-components/calcite-list-item-group.entry.js

@@ -1,66 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-0eecd45f.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-179483f5.js';
-import { M as MAX_COLUMNS } from './resources-7c61fbec.js';
-import './browser-920df963.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
- */
-const CSS = {
-    container: "container",
-    heading: "heading",
-};
-
-const listItemGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;padding:0.75rem;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}.heading{padding:0px}:host([hidden]){display:none}[hidden]{display:none}";
-
-const ListItemGroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.calciteInternalListItemGroupDefaultSlotChange = createEvent(this, "calciteInternalListItemGroupDefaultSlotChange", 6);
-        // --------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        // --------------------------------------------------------------------------
-        this.handleDefaultSlotChange = () => {
-            this.calciteInternalListItemGroupDefaultSlotChange.emit();
-        };
-        this.disabled = false;
-        this.filterHidden = false;
-        this.heading = undefined;
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    connectedCallback() {
-        connectInteractive(this);
-    }
-    componentDidRender() {
-        updateHostInteraction(this);
-    }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    // --------------------------------------------------------------------------
-    render() {
-        const { disabled, heading } = this;
-        return (h(Host, { key: 'aced6e7f4e0f88658a55973c6451bd3ade9a1095' }, h(InteractiveContainer, { key: '6a7e77734cc737dfc7779c38f958e23ad19da06a', disabled: disabled }, h("tr", { key: '702a28ae4b478501503ab647fc46c33f25c1e8f7', class: CSS.container }, h("td", { key: '24f50d9130578bbac482ad2dce2777c962f19cc2', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), h("slot", { key: '67ff643701086e093115a93eca5cdb3e1c6559d5', onSlotchange: this.handleDefaultSlotChange }))));
-    }
-    get el() { return getElement(this); }
-};
-ListItemGroup.style = listItemGroupCss;
-
-export { ListItemGroup as calcite_list_item_group };