@esri/solutions-components 0.8.67 → 0.9.0

package/dist/cjs/calcite-tab-title.cjs.entry.js

@@ -1,291 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const dom = require('./dom-3f868a04.js');
-const guid = require('./guid-a7528dfa.js');
-const interactive = require('./interactive-f8825052.js');
-const observers = require('./observers-682136dc.js');
-const locale = require('./locale-cfa79214.js');
-const t9n = require('./t9n-0f4446d0.js');
-const component = require('./component-d48747c9.js');
-require('./resources-921affcb.js');
-require('./browser-1bf2a3d9.js');
-require('./key-620e0822.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 = {
-    closeButton: "close-button",
-    container: "container",
-    content: "content",
-    contentHasText: "content--has-text",
-    iconEnd: "icon-end",
-    iconPresent: "icon-present",
-    iconStart: "icon-start",
-    titleIcon: "calcite-tab-title--icon",
-};
-const ICONS = {
-    close: "x",
-};
-
-const tabTitleCss = ":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:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;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;border-block-end-color:transparent;border-block-end-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{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          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{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}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding:0.25rem;color:var(--calcite-color-text-3);outline-color:transparent;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;background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";
-
-const TabTitle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.calciteTabsActivate = index.createEvent(this, "calciteTabsActivate", 6);
-        this.calciteInternalTabsActivate = index.createEvent(this, "calciteInternalTabsActivate", 6);
-        this.calciteTabsClose = index.createEvent(this, "calciteTabsClose", 6);
-        this.calciteInternalTabsClose = index.createEvent(this, "calciteInternalTabsClose", 6);
-        this.calciteInternalTabsFocusNext = index.createEvent(this, "calciteInternalTabsFocusNext", 6);
-        this.calciteInternalTabsFocusPrevious = index.createEvent(this, "calciteInternalTabsFocusPrevious", 6);
-        this.calciteInternalTabsFocusFirst = index.createEvent(this, "calciteInternalTabsFocusFirst", 6);
-        this.calciteInternalTabsFocusLast = index.createEvent(this, "calciteInternalTabsFocusLast", 6);
-        this.calciteInternalTabTitleRegister = index.createEvent(this, "calciteInternalTabTitleRegister", 6);
-        this.calciteInternalTabIconChanged = index.createEvent(this, "calciteInternalTabIconChanged", 6);
-        //--------------------------------------------------------------------------
-        //
-        //  Private Methods
-        //
-        //--------------------------------------------------------------------------
-        this.closeClickHandler = () => {
-            this.closeTabTitleAndNotify();
-        };
-        /** watches for changing text content */
-        this.mutationObserver = observers.createObserver("mutation", () => this.updateHasText());
-        this.resizeObserver = observers.createObserver("resize", () => {
-            this.calciteInternalTabIconChanged.emit();
-        });
-        this.guid = `calcite-tab-title-${guid.guid()}`;
-        this.selected = false;
-        this.closable = false;
-        this.closed = false;
-        this.disabled = false;
-        this.iconEnd = undefined;
-        this.iconFlipRtl = undefined;
-        this.iconStart = undefined;
-        this.layout = undefined;
-        this.position = "top";
-        this.scale = "m";
-        this.bordered = false;
-        this.tab = undefined;
-        this.messages = undefined;
-        this.messageOverrides = undefined;
-        this.controls = undefined;
-        this.defaultMessages = undefined;
-        this.effectiveLocale = undefined;
-        this.hasText = false;
-    }
-    selectedHandler() {
-        if (this.selected) {
-            this.activateTab(false);
-        }
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    connectedCallback() {
-        interactive.connectInteractive(this);
-        locale.connectLocalized(this);
-        t9n.connectMessages(this);
-        this.setupTextContentObserver();
-        this.parentTabNavEl = this.el.closest("calcite-tab-nav");
-        this.parentTabsEl = this.el.closest("calcite-tabs");
-    }
-    disconnectedCallback() {
-        var _a, _b, _c;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
-        (_b = document.body) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent("calciteTabTitleUnregister", {
-            detail: this.el,
-        }));
-        (_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-        interactive.disconnectInteractive(this);
-        locale.disconnectLocalized(this);
-        t9n.disconnectMessages(this);
-    }
-    async componentWillLoad() {
-        await t9n.setUpMessages(this);
-        if (index.Build.isBrowser) {
-            this.updateHasText();
-        }
-        if (this.tab && this.selected) {
-            this.activateTab(false);
-        }
-    }
-    componentWillRender() {
-        if (this.parentTabsEl) {
-            this.layout = this.parentTabsEl.layout;
-            this.bordered = this.parentTabsEl.bordered;
-        }
-    }
-    render() {
-        const { el, closed } = this;
-        const id = el.id || this.guid;
-        const iconStartEl = (index.h("calcite-icon", { key: 'dc31a68fd20ffcf451d5b23e2aaae683249aa50a', class: { [CSS.titleIcon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
-        const iconEndEl = (index.h("calcite-icon", { key: 'b8b85c799e950e050bb6c953cec61ab871894c9c', class: { [CSS.titleIcon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
-        return (index.h(index.Host, { key: '532a18e093cd481a1058e55f1ac936489cad3ddb', "aria-controls": this.controls, "aria-selected": dom.toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, index.h(interactive.InteractiveContainer, { key: 'dede575160963d2463e50f6e8baab92319acda9f', disabled: this.disabled }, index.h("div", { key: '79e9c6d5f15626cd84101e7b85365c9af2c1453b', class: {
-                container: true,
-                [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,
-                [`scale-${this.scale}`]: true,
-            }, hidden: closed,
-            // 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: (el) => { var _a; return (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(el); } }, index.h("div", { key: '8076d17c92940370363d9bc1dae416fdcdf4b716', class: { [CSS.content]: true, [CSS.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, index.h("slot", { key: 'b25df3722162e58cb196ca500a7b4c718d5f2ed7' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
-    }
-    renderCloseButton() {
-        const { closable, messages } = this;
-        return closable ? (index.h("button", { "aria-label": messages.close, class: CSS.closeButton, disabled: false, key: CSS.closeButton, onClick: this.closeClickHandler, title: messages.close, type: "button",
-            // 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: (el) => (this.closeButtonEl = el) }, index.h("calcite-icon", { icon: ICONS.close, scale: component.getIconScale(this.scale) }))) : null;
-    }
-    async componentDidLoad() {
-        this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());
-    }
-    componentDidRender() {
-        interactive.updateHostInteraction(this);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    internalTabChangeHandler(event) {
-        const targetTabsEl = event
-            .composedPath()
-            .find((el) => el.tagName === "CALCITE-TABS");
-        if (targetTabsEl !== this.parentTabsEl) {
-            return;
-        }
-        if (this.tab) {
-            this.selected = this.tab === event.detail.tab;
-        }
-        else {
-            this.getTabIndex().then((index) => {
-                this.selected = index === event.detail.tab;
-            });
-        }
-        event.stopPropagation();
-    }
-    onClick() {
-        this.activateTab();
-    }
-    keyDownHandler(event) {
-        switch (event.key) {
-            case " ":
-            case "Enter":
-                if (!event.composedPath().includes(this.closeButtonEl)) {
-                    this.activateTab();
-                    event.preventDefault();
-                }
-                break;
-            case "ArrowRight":
-                event.preventDefault();
-                if (dom.getElementDir(this.el) === "ltr") {
-                    this.calciteInternalTabsFocusNext.emit();
-                }
-                else {
-                    this.calciteInternalTabsFocusPrevious.emit();
-                }
-                break;
-            case "ArrowLeft":
-                event.preventDefault();
-                if (dom.getElementDir(this.el) === "ltr") {
-                    this.calciteInternalTabsFocusPrevious.emit();
-                }
-                else {
-                    this.calciteInternalTabsFocusNext.emit();
-                }
-                break;
-            case "Home":
-                event.preventDefault();
-                this.calciteInternalTabsFocusFirst.emit();
-                break;
-            case "End":
-                event.preventDefault();
-                this.calciteInternalTabsFocusLast.emit();
-                break;
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Returns the index of the title within the `calcite-tab-nav`.
-     */
-    async getTabIndex() {
-        return Array.prototype.indexOf.call(dom.nodeListToArray(this.el.parentElement.children).filter((el) => el.matches("calcite-tab-title")), this.el);
-    }
-    /**
-     * @internal
-     */
-    async getTabIdentifier() {
-        return this.tab ? this.tab : this.getTabIndex();
-    }
-    /**
-     * @param tabIds
-     * @param titleIds
-     * @internal
-     */
-    async updateAriaInfo(tabIds = [], titleIds = []) {
-        this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
-    }
-    /**
-     * This activates a tab in order for it and its associated tab-title be selected.
-     *
-     * @param userTriggered - when `true`, user-interaction events will be emitted in addition to internal events
-     * @internal
-     */
-    async activateTab(userTriggered = true) {
-        if (this.disabled || this.closed) {
-            return;
-        }
-        const payload = { tab: this.tab };
-        this.calciteInternalTabsActivate.emit(payload);
-        if (userTriggered) {
-            // emit in the next frame to let internal events sync up
-            requestAnimationFrame(() => this.calciteTabsActivate.emit());
-        }
-    }
-    effectiveLocaleChange() {
-        t9n.updateMessages(this, this.effectiveLocale);
-    }
-    updateHasText() {
-        this.hasText = this.el.textContent.trim().length > 0;
-    }
-    setupTextContentObserver() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-    }
-    closeTabTitleAndNotify() {
-        this.closed = true;
-        this.calciteInternalTabsClose.emit({ tab: this.tab });
-        this.calciteTabsClose.emit();
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "selected": ["selectedHandler"],
-        "messageOverrides": ["onMessagesChange"],
-        "effectiveLocale": ["effectiveLocaleChange"]
-    }; }
-};
-TabTitle.style = tabTitleCss;
-
-exports.calcite_tab_title = TabTitle;

package/dist/cjs/calcite-tab.cjs.entry.js

@@ -1,112 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const dom = require('./dom-3f868a04.js');
-const guid = require('./guid-a7528dfa.js');
-require('./resources-921affcb.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",
-    content: "content",
-};
-
-const tabCss = ":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container: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          )}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Tab = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.calciteInternalTabRegister = index.createEvent(this, "calciteInternalTabRegister", 6);
-        this.guid = `calcite-tab-title-${guid.guid()}`;
-        this.tab = undefined;
-        this.selected = false;
-        this.scale = "m";
-        this.labeledBy = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    render() {
-        const id = this.el.id || this.guid;
-        return (index.h(index.Host, { key: '71074d2c26a860d7934fbd9b236f9a264ab3c34f', "aria-labelledby": this.labeledBy, id: id }, index.h("div", { key: '3fcf14f4aaddf9ad579c26c962ad75803febcea0', class: { [CSS.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, index.h("section", { key: 'ba967be2e5121636d81754ec959452160bc4bb0d', class: CSS.content }, index.h("slot", { key: 'fae921d6fe2ae713bddc83adacbcf7e418aa1b7c' })))));
-    }
-    connectedCallback() {
-        this.parentTabsEl = this.el.closest("calcite-tabs");
-    }
-    componentDidLoad() {
-        this.calciteInternalTabRegister.emit();
-    }
-    disconnectedCallback() {
-        var _a;
-        // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
-        (_a = document.body) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent("calciteTabUnregister", {
-            detail: this.el,
-        }));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    internalTabChangeHandler(event) {
-        const targetTabsEl = event
-            .composedPath()
-            .find((el) => el.tagName === "CALCITE-TABS");
-        // to allow `<calcite-tabs>` to be nested we need to make sure this
-        // `calciteTabChange` event was actually fired from a within the same
-        // `<calcite-tabs>` that is the a parent of this tab.
-        if (targetTabsEl !== this.parentTabsEl) {
-            return;
-        }
-        if (this.tab) {
-            this.selected = this.tab === event.detail.tab;
-        }
-        else {
-            this.getTabIndex().then((index) => {
-                this.selected = index === event.detail.tab;
-            });
-        }
-        event.stopPropagation();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Returns the index of the component item within the tab array.
-     */
-    async getTabIndex() {
-        return Array.prototype.indexOf.call(dom.nodeListToArray(this.el.parentElement.children).filter((el) => el.matches("calcite-tab")), this.el);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * @param tabIds
-     * @param titleIds
-     * @internal
-     */
-    async updateAriaInfo(tabIds = [], titleIds = []) {
-        this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
-    }
-    get el() { return index.getElement(this); }
-};
-Tab.style = tabCss;
-
-exports.calcite_tab = Tab;

package/dist/cjs/calcite-table-cell.cjs.entry.js

@@ -1,166 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-62dddc18.js');
-const loadable = require('./loadable-68a22656.js');
-const t9n = require('./t9n-0f4446d0.js');
-const interactive = require('./interactive-f8825052.js');
-const locale = require('./locale-cfa79214.js');
-const dom = require('./dom-3f868a04.js');
-const resources = require('./resources-921affcb.js');
-require('./browser-1bf2a3d9.js');
-require('./key-620e0822.js');
-require('./observers-682136dc.js');
-require('./guid-a7528dfa.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 = {
-    contentCell: "content-cell",
-    numberCell: "number-cell",
-    footerCell: "footer-cell",
-    selectionCell: "selection-cell",
-    selectedCell: "selected-cell",
-    assistiveText: "assistive-text",
-    lastCell: "last-cell",
-    staticCell: "static-cell",
-};
-
-const tableCellCss = ":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{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td:not(.selection-cell):not(.number-cell){text-align:center}:host([alignment=end]) td:not(.selection-cell):not(.number-cell){text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:not(.static-cell){outline-color:transparent}td:not(.static-cell):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          )}td.start.content-cell{vertical-align:top}td.end.content-cell{vertical-align:bottom}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{text-align:center;border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{color:var(--calcite-color-text-3);inset-inline-start:2rem}.selection-cell:not(.footer-cell){cursor:pointer}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";
-
-const TableCell = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.updateScreenReaderContentsText = () => {
-            this.contentsText = this.el.textContent;
-        };
-        this.onContainerBlur = () => {
-            this.focused = false;
-        };
-        this.onContainerFocus = () => {
-            this.focused = true;
-        };
-        this.alignment = "start";
-        this.colSpan = undefined;
-        this.rowSpan = undefined;
-        this.disabled = undefined;
-        this.interactionMode = "interactive";
-        this.lastCell = undefined;
-        this.numberCell = undefined;
-        this.parentRowIsSelected = undefined;
-        this.parentRowAlignment = "start";
-        this.parentRowPositionLocalized = undefined;
-        this.parentRowType = undefined;
-        this.positionInRow = undefined;
-        this.readCellContentsToAT = undefined;
-        this.scale = "m";
-        this.selectionCell = undefined;
-        this.messages = undefined;
-        this.messageOverrides = undefined;
-        this.contentsText = "";
-        this.defaultMessages = undefined;
-        this.focused = false;
-        this.selectionText = "";
-        this.effectiveLocale = "";
-    }
-    onSelectedChange() {
-        this.updateScreenReaderSelectionText();
-    }
-    onMessagesChange() {
-        /* wired up by t9n util */
-    }
-    effectiveLocaleChange() {
-        t9n.updateMessages(this, this.effectiveLocale);
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    // --------------------------------------------------------------------------
-    async componentWillLoad() {
-        loadable.setUpLoadableComponent(this);
-        await t9n.setUpMessages(this);
-        this.updateScreenReaderContentsText();
-        this.updateScreenReaderSelectionText();
-    }
-    componentDidLoad() {
-        loadable.setComponentLoaded(this);
-    }
-    connectedCallback() {
-        locale.connectLocalized(this);
-        t9n.connectMessages(this);
-        interactive.connectInteractive(this);
-    }
-    componentDidRender() {
-        interactive.updateHostInteraction(this);
-    }
-    disconnectedCallback() {
-        locale.disconnectLocalized(this);
-        t9n.disconnectMessages(this);
-        interactive.disconnectInteractive(this);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    /** Sets focus on the component. */
-    async setFocus() {
-        await loadable.componentFocusable(this);
-        this.containerEl.focus();
-    }
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    updateScreenReaderSelectionText() {
-        var _a, _b, _c, _d, _e, _f;
-        const selectedText = `${(_a = this.messages) === null || _a === void 0 ? void 0 : _a.row} ${this.parentRowPositionLocalized} ${(_b = this.messages) === null || _b === void 0 ? void 0 : _b.selected} ${(_c = this.messages) === null || _c === void 0 ? void 0 : _c.keyboardDeselect}`;
-        const unselectedText = `${(_d = this.messages) === null || _d === void 0 ? void 0 : _d.row} ${this.parentRowPositionLocalized} ${(_e = this.messages) === null || _e === void 0 ? void 0 : _e.unselected} ${(_f = this.messages) === null || _f === void 0 ? void 0 : _f.keyboardSelect}`;
-        this.selectionText = this.parentRowIsSelected ? selectedText : unselectedText;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Render Methods
-    //
-    //--------------------------------------------------------------------------
-    render() {
-        const dir = dom.getElementDir(this.el);
-        const staticCell = this.disabled ||
-            (this.interactionMode === "static" &&
-                (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (index.h(index.Host, { key: '2c8bd5fb8909c57b46499b5fe8a525cdc46bb3c6' }, index.h(interactive.InteractiveContainer, { key: '1a7e4d12f5304274f9085e0f0db4b12ba41d51ed', disabled: this.disabled }, index.h("td", { key: '9a5868a78f21da3c9c0d6be7ecefd28c5e40e5c5', "aria-disabled": this.disabled, class: {
-                [CSS.footerCell]: this.parentRowType === "foot",
-                [CSS.contentCell]: !this.numberCell && !this.selectionCell,
-                [CSS.numberCell]: this.numberCell,
-                [CSS.selectionCell]: this.selectionCell,
-                [CSS.selectedCell]: this.parentRowIsSelected,
-                [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
-                [resources.CSS_UTILITY.rtl]: dir === "rtl",
-                [CSS.staticCell]: staticCell,
-                [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0,
-            // 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: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (index.h("span", { key: '09fb148bff0939488862db0f995643ecd96a0e73', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), index.h("slot", { key: '0d74a3e77c1655682e59b38054defa9ebfff8714', onSlotchange: this.updateScreenReaderContentsText })))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "parentRowIsSelected": ["onSelectedChange"],
-        "messageOverrides": ["onMessagesChange"],
-        "effectiveLocale": ["effectiveLocaleChange"]
-    }; }
-};
-TableCell.style = tableCellCss;
-
-exports.calcite_table_cell = TableCell;