@esri/solutions-components 0.7.3 → 0.7.4

package/dist/cjs/calcite-input-time-picker.cjs.entry.js

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-28bfb374.js');
-require('./index-7f076fd8.js');
-require('./form-d72f69ef.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-a1e90ec2.js');
+require('./index-b8a649fc.js');
+require('./form-1c637002.js');
 require('./dom-4f71eb63.js');
 require('./guid-51b75e6e.js');
 require('./resources-43b25a56.js');
@@ -17,14 +17,14 @@ require('./interactive-4a2f3b2d.js');
 require('./browser-8b08a2c0.js');
 require('./key-bec53512.js');
 require('./label-5e5f2c93.js');
-require('./loadable-2facb46d.js');
+require('./loadable-e209caa9.js');
 require('./locale-a8f940f0.js');
 require('./observers-e1f6b189.js');
 require('./focusTrapComponent-cbae2bbb.js');
 require('./time-9bacd252.js');
 require('./math-5360cac5.js');
-require('./t9n-c3ceb777.js');
-require('./openCloseComponent-9fe17555.js');
+require('./t9n-8460f178.js');
+require('./openCloseComponent-cf70bddd.js');
 require('./component-809e992f.js');
 
 

package/dist/cjs/calcite-input-time-zone.cjs.entry.js

@@ -7,13 +7,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const label = require('./label-5e5f2c93.js');
 const interactive = require('./interactive-4a2f3b2d.js');
 const locale = require('./locale-a8f940f0.js');
-const t9n = require('./t9n-c3ceb777.js');
-const loadable = require('./loadable-2facb46d.js');
-const form = require('./form-d72f69ef.js');
+const t9n = require('./t9n-8460f178.js');
+const loadable = require('./loadable-e209caa9.js');
+const form = require('./form-1c637002.js');
 require('./dom-4f71eb63.js');
 require('./guid-51b75e6e.js');
 require('./resources-43b25a56.js');

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

@@ -7,17 +7,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const dom = require('./dom-4f71eb63.js');
-const form = require('./form-d72f69ef.js');
+const form = require('./form-1c637002.js');
 const interactive = require('./interactive-4a2f3b2d.js');
 const key = require('./key-bec53512.js');
 const label = require('./label-5e5f2c93.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 const locale = require('./locale-a8f940f0.js');
 const observers = require('./observers-e1f6b189.js');
 const resources = require('./resources-43b25a56.js');
-const t9n = require('./t9n-c3ceb777.js');
+const t9n = require('./t9n-8460f178.js');
 const component = require('./component-809e992f.js');
 require('./guid-51b75e6e.js');
 require('./browser-8b08a2c0.js');

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

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const label = require('./label-5e5f2c93.js');
 require('./dom-4f71eb63.js');
 require('./guid-51b75e6e.js');

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

@@ -7,10 +7,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const dom = require('./dom-4f71eb63.js');
 const interactive = require('./interactive-4a2f3b2d.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 const resources = require('./resources-43b25a56.js');
 require('./guid-51b75e6e.js');
 require('./browser-8b08a2c0.js');

package/dist/cjs/calcite-list-item-group.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const interactive = require('./interactive-4a2f3b2d.js');
 const utils = require('./utils-0b9fac11.js');
 require('./browser-8b08a2c0.js');

package/dist/cjs/calcite-menu-item.cjs.entry.js

@@ -7,11 +7,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const dom = require('./dom-4f71eb63.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 const resources = require('./resources-43b25a56.js');
-const t9n = require('./t9n-c3ceb777.js');
+const t9n = require('./t9n-8460f178.js');
 const locale = require('./locale-a8f940f0.js');
 require('./guid-51b75e6e.js');
 require('./key-bec53512.js');

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

@@ -7,11 +7,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const dom = require('./dom-4f71eb63.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 const locale = require('./locale-a8f940f0.js');
-const t9n = require('./t9n-c3ceb777.js');
+const t9n = require('./t9n-8460f178.js');
 const globalAttributes = require('./globalAttributes-a1146ee2.js');
 require('./guid-51b75e6e.js');
 require('./resources-43b25a56.js');

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

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
-const loadable = require('./loadable-2facb46d.js');
-const form = require('./form-d72f69ef.js');
+const index = require('./index-b8a649fc.js');
+const loadable = require('./loadable-e209caa9.js');
+const form = require('./form-1c637002.js');
 const locale = require('./locale-a8f940f0.js');
 const dom = require('./dom-4f71eb63.js');
 const observers = require('./observers-e1f6b189.js');

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

@@ -7,15 +7,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
-const conditionalSlot = require('./conditionalSlot-7231dd93.js');
+const index = require('./index-b8a649fc.js');
+const conditionalSlot = require('./conditionalSlot-d68de819.js');
 const dom = require('./dom-4f71eb63.js');
 const focusTrapComponent = require('./focusTrapComponent-cbae2bbb.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 const observers = require('./observers-e1f6b189.js');
-const openCloseComponent = require('./openCloseComponent-9fe17555.js');
+const openCloseComponent = require('./openCloseComponent-cf70bddd.js');
 const locale = require('./locale-a8f940f0.js');
-const t9n = require('./t9n-c3ceb777.js');
+const t9n = require('./t9n-8460f178.js');
 const component = require('./component-809e992f.js');
 require('./guid-51b75e6e.js');
 require('./resources-43b25a56.js');

package/dist/cjs/calcite-navigation-logo.cjs.entry.js

@@ -7,8 +7,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
-const loadable = require('./loadable-2facb46d.js');
+const index = require('./index-b8a649fc.js');
+const loadable = require('./loadable-e209caa9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/cjs/calcite-navigation-user.cjs.entry.js

@@ -7,8 +7,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
-const loadable = require('./loadable-2facb46d.js');
+const index = require('./index-b8a649fc.js');
+const loadable = require('./loadable-e209caa9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

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

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const dom = require('./dom-4f71eb63.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 require('./guid-51b75e6e.js');
 require('./resources-43b25a56.js');
 

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

@@ -0,0 +1,167 @@
+/*!
+ * 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-b8a649fc.js');
+const conditionalSlot = require('./conditionalSlot-d68de819.js');
+const dom = require('./dom-4f71eb63.js');
+const loadable = require('./loadable-e209caa9.js');
+const locale = require('./locale-a8f940f0.js');
+const t9n = require('./t9n-8460f178.js');
+const resources = require('./resources-a4c439ff.js');
+const openCloseComponent = require('./openCloseComponent-cf70bddd.js');
+const component = require('./component-809e992f.js');
+require('./observers-e1f6b189.js');
+require('./guid-51b75e6e.js');
+require('./resources-43b25a56.js');
+require('./key-bec53512.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.
+ * v1.11.1-next.1
+ */
+const SLOTS = {
+  title: "title",
+  message: "message",
+  link: "link",
+  actionsEnd: "actions-end",
+};
+const CSS = {
+  actionsEnd: "actions-end",
+  close: "notice-close",
+  container: "container",
+  content: "notice-content",
+  icon: "notice-icon",
+};
+
+const noticeCss = ":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-ui-foreground-1);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.notice-close:active{background-color:var(--calcite-ui-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-ui-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-ui-brand)}:host([kind=info]) .container{border-color:var(--calcite-ui-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-ui-info)}:host([kind=danger]) .container{border-color:var(--calcite-ui-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-ui-danger)}:host([kind=success]) .container{border-color:var(--calcite-ui-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-ui-success)}:host([kind=warning]) .container{border-color:var(--calcite-ui-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-ui-warning)}:host([hidden]){display:none}[hidden]{display:none}";
+
+const Notice = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.calciteNoticeBeforeClose = index.createEvent(this, "calciteNoticeBeforeClose", 6);
+        this.calciteNoticeBeforeOpen = index.createEvent(this, "calciteNoticeBeforeOpen", 6);
+        this.calciteNoticeClose = index.createEvent(this, "calciteNoticeClose", 6);
+        this.calciteNoticeOpen = index.createEvent(this, "calciteNoticeOpen", 6);
+        this.setTransitionEl = (el) => {
+            this.transitionEl = el;
+        };
+        //--------------------------------------------------------------------------
+        //
+        //  Private Methods
+        //
+        //--------------------------------------------------------------------------
+        this.close = () => {
+            this.open = false;
+        };
+        this.openTransitionProp = "opacity";
+        this.open = false;
+        this.kind = "brand";
+        this.closable = false;
+        this.icon = undefined;
+        this.iconFlipRtl = false;
+        this.scale = "m";
+        this.width = "auto";
+        this.messages = undefined;
+        this.messageOverrides = undefined;
+        this.effectiveLocale = undefined;
+        this.defaultMessages = undefined;
+    }
+    openHandler() {
+        openCloseComponent.onToggleOpenCloseComponent(this);
+    }
+    onMessagesChange() {
+        /* wired up by t9n util */
+    }
+    updateRequestedIcon() {
+        this.requestedIcon = dom.setRequestedIcon(resources.KindIcons, this.icon, this.kind);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        conditionalSlot.connectConditionalSlotComponent(this);
+        locale.connectLocalized(this);
+        t9n.connectMessages(this);
+    }
+    disconnectedCallback() {
+        conditionalSlot.disconnectConditionalSlotComponent(this);
+        locale.disconnectLocalized(this);
+        t9n.disconnectMessages(this);
+    }
+    async componentWillLoad() {
+        loadable.setUpLoadableComponent(this);
+        this.requestedIcon = dom.setRequestedIcon(resources.KindIcons, this.icon, this.kind);
+        await t9n.setUpMessages(this);
+        if (this.open) {
+            openCloseComponent.onToggleOpenCloseComponent(this);
+        }
+    }
+    componentDidLoad() {
+        loadable.setComponentLoaded(this);
+    }
+    render() {
+        const { el } = this;
+        const closeButton = (index.h("button", { "aria-label": this.messages.close, class: CSS.close, onClick: this.close,
+            // 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.closeButton = el) }, index.h("calcite-icon", { icon: "x", scale: component.getIconScale(this.scale) })));
+        const hasActionEnd = dom.getSlotted(el, SLOTS.actionsEnd);
+        return (index.h("div", { class: CSS.container,
+            // 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.setTransitionEl }, this.requestedIcon ? (index.h("div", { class: CSS.icon }, index.h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: component.getIconScale(this.scale) }))) : null, index.h("div", { class: CSS.content }, index.h("slot", { name: SLOTS.title }), index.h("slot", { name: SLOTS.message }), index.h("slot", { name: SLOTS.link })), hasActionEnd ? (index.h("div", { class: CSS.actionsEnd }, index.h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Sets focus on the component's first focusable element. */
+    async setFocus() {
+        await loadable.componentFocusable(this);
+        const noticeLinkEl = this.el.querySelector("calcite-link");
+        if (!this.closeButton && !noticeLinkEl) {
+            return;
+        }
+        if (noticeLinkEl) {
+            return noticeLinkEl.setFocus();
+        }
+        else if (this.closeButton) {
+            this.closeButton.focus();
+        }
+    }
+    onBeforeClose() {
+        this.calciteNoticeBeforeClose.emit();
+    }
+    onBeforeOpen() {
+        this.calciteNoticeBeforeOpen.emit();
+    }
+    onClose() {
+        this.calciteNoticeClose.emit();
+    }
+    onOpen() {
+        this.calciteNoticeOpen.emit();
+    }
+    effectiveLocaleChange() {
+        t9n.updateMessages(this, this.effectiveLocale);
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "open": ["openHandler"],
+        "messageOverrides": ["onMessagesChange"],
+        "icon": ["updateRequestedIcon"],
+        "kind": ["updateRequestedIcon"],
+        "effectiveLocale": ["effectiveLocaleChange"]
+    }; }
+};
+Notice.style = noticeCss;
+
+exports.calcite_notice = Notice;

package/dist/cjs/calcite-option-group.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 
 const optionGroupCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -7,13 +7,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
+const index = require('./index-b8a649fc.js');
 const observers = require('./observers-e1f6b189.js');
 const dom = require('./dom-4f71eb63.js');
-const form = require('./form-d72f69ef.js');
+const form = require('./form-1c637002.js');
 const interactive = require('./interactive-4a2f3b2d.js');
 const label = require('./label-5e5f2c93.js');
-const loadable = require('./loadable-2facb46d.js');
+const loadable = require('./loadable-e209caa9.js');
 const component = require('./component-809e992f.js');
 require('./guid-51b75e6e.js');
 require('./resources-43b25a56.js');

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

@@ -7,10 +7,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7f076fd8.js');
-const loadable = require('./loadable-2facb46d.js');
+const index = require('./index-b8a649fc.js');
+const loadable = require('./loadable-e209caa9.js');
 const locale = require('./locale-a8f940f0.js');
-const t9n = require('./t9n-c3ceb777.js');
+const t9n = require('./t9n-8460f178.js');
 const observers = require('./observers-e1f6b189.js');
 const calciteHeadless = require('./calcite-headless-2555f281.js');
 const component = require('./component-809e992f.js');