@esri/solutions-components 0.7.3 → 0.7.4

package/dist/esm/calcite-color-picker-hex-input_2.entry.js

@@ -3,11 +3,11 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-3d4861da.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-7183ce4a.js';
 import { j as isLonghandHex, i as isValidHex, r as rgbToHex, n as normalizeHex, o as opacityToAlpha, h as hexify, k as hexChar, a as alphaToOpacity } from './utils-e39455d9.js';
 import { c as color, O as OPACITY_LIMITS } from './resources-ad6aaa2a.js';
 import { e as focusElement, w as getModeName } from './dom-5698ed43.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-8dcddf78.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-4ea020fa.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './guid-0a2fd52d.js';
 import './resources-ed690b97.js';

package/dist/esm/calcite-color-picker.entry.js

@@ -3,16 +3,16 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3d4861da.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-7183ce4a.js';
 import { c as color, C as CSS, D as DEFAULT_COLOR, a as DIMENSIONS, H as HSV_LIMITS, O as OPACITY_LIMITS, b as HUE_LIMIT_CONSTRAINED, S as SCOPE_SIZE, d as DEFAULT_STORAGE_KEY_PREFIX, R as RGB_LIMITS } from './resources-ad6aaa2a.js';
 import { i as isPrimaryPointerButton, a as getElementDir } from './dom-5698ed43.js';
 import { C as CSSColorMode, n as normalizeHex, h as hexify, o as opacityToAlpha, a as alphaToOpacity, b as alphaCompatible, p as parseMode, c as colorEqual, t as toNonAlphaMode, d as normalizeAlpha, e as toAlphaMode, f as normalizeColor } from './utils-e39455d9.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-2595ba4e.js';
 import { i as isActivationKey } from './key-d3ab7af7.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-8dcddf78.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-71561992.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-4ea020fa.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f08c5b10.js';
 import { r as remap, c as clamp, a as closeToRangeEdge } from './math-1c5a69ae.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-cd58e9e1.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-ff209b55.js';
 import { t as throttle } from './throttle-9ab70933.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './guid-0a2fd52d.js';

package/dist/esm/calcite-combobox-item-group.entry.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, g as getElement } from './index-3d4861da.js';
+import { r as registerInstance, h, g as getElement } from './index-7183ce4a.js';
 import { g as guid } from './guid-0a2fd52d.js';
 import { g as getAncestors, a as getDepth } from './utils-7b960eb4.js';
 import './dom-5698ed43.js';

package/dist/esm/calcite-combobox_6.entry.js

@@ -3,33 +3,34 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-3d4861da.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-7183ce4a.js';
 import { f as filter } from './filter-4289b698.js';
 import { z as getElementWidth, A as getTextWidth, i as isPrimaryPointerButton, t as toAriaBoolean, g as getSlotted, d as focusElementInGroup, e as focusElement } from './dom-5698ed43.js';
 import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-0400ba79.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-cd3cad39.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-20beb147.js';
 import { g as guid } from './guid-0a2fd52d.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-2595ba4e.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-daf87924.js';
-import { b as componentLoaded, c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-8dcddf78.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-71561992.js';
+import { b as componentLoaded, c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-4ea020fa.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f08c5b10.js';
 import { c as createObserver } from './observers-dcb5485b.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-980e90ae.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-cd58e9e1.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-d85ff5f3.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-ff209b55.js';
 import { i as isSingleLike, h as hasActiveChildren, C as CSS$3, b as ComboboxChildSelector, c as getItemAncestors, d as getItemChildren, e as ComboboxItem$1, f as ComboboxItemGroup, g as getAncestors, a as getDepth } from './utils-7b960eb4.js';
 import { g as getIconScale } from './component-e446817d.js';
 import { e as CoreSizing15 } from './calcite-headless-4fe0b31a.js';
 import { d as debounce } from './debounce-229b1a22.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-c0cf1f40.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a714d511.js';
 import { i as isActivationKey } from './key-d3ab7af7.js';
-import { g as getLocaleComponentStrings } from './locale-28107221.js';
+import { g as getLocaleComponentStrings } from './locale-834c52c6.js';
 import { m as getMapLayerHash, n as getMapTableHash } from './mapViewUtils-3ff1c264.js';
-import { s as state } from './publicNotificationStore-16dff6da.js';
+import { s as state } from './publicNotificationStore-9362d7ae.js';
 import './resources-ed690b97.js';
 import './browser-9f3f21fd.js';
+import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './interfaces-341e3ab3.js';
-import './index-81456206.js';
+import './index-857df22e.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/esm/calcite-date-picker-day.entry.js

@@ -0,0 +1,96 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7183ce4a.js';
+import { c as dateToISO } from './date-b6645c2f.js';
+import { c as closestElementCrossShadowBoundary, t as toAriaBoolean } from './dom-5698ed43.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-2595ba4e.js';
+import { i as isActivationKey } from './key-d3ab7af7.js';
+import { n as numberStringFormatter } from './locale-f08c5b10.js';
+import './guid-0a2fd52d.js';
+import './resources-ed690b97.js';
+import './browser-9f3f21fd.js';
+import './observers-dcb5485b.js';
+
+const datePickerDayCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:\"\";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-app-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-ui-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-ui-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{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([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand);color:var(--calcite-ui-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-ui-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-ui-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-ui-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}";
+
+const DatePickerDay = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.calciteDaySelect = createEvent(this, "calciteDaySelect", 6);
+        this.calciteInternalDayHover = createEvent(this, "calciteInternalDayHover", 6);
+        //--------------------------------------------------------------------------
+        //
+        //  Event Listeners
+        //
+        //--------------------------------------------------------------------------
+        this.onClick = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.calciteDaySelect.emit();
+        };
+        this.keyDownHandler = (event) => {
+            if (isActivationKey(event.key)) {
+                !this.disabled && this.calciteDaySelect.emit();
+                event.preventDefault();
+            }
+        };
+        this.day = undefined;
+        this.dateTimeFormat = undefined;
+        this.disabled = false;
+        this.currentMonth = false;
+        this.selected = false;
+        this.highlighted = false;
+        this.range = false;
+        this.rangeEdge = undefined;
+        this.startOfRange = false;
+        this.endOfRange = false;
+        this.rangeHover = false;
+        this.active = false;
+        this.scale = undefined;
+        this.value = undefined;
+    }
+    pointerOverHandler() {
+        if (this.disabled) {
+            return;
+        }
+        this.calciteInternalDayHover.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        this.parentDatePickerEl = closestElementCrossShadowBoundary(this.el, "calcite-date-picker");
+    }
+    render() {
+        const dayId = dateToISO(this.value).replaceAll("-", "");
+        if (this.parentDatePickerEl) {
+            const { numberingSystem, lang: locale } = this.parentDatePickerEl;
+            numberStringFormatter.numberFormatOptions = Object.assign(Object.assign({ useGrouping: false }, (numberingSystem && { numberingSystem })), (locale && { locale }));
+        }
+        const formattedDay = numberStringFormatter.localize(String(this.day));
+        const dayLabel = this.dateTimeFormat.format(this.value);
+        return (h(Host, { "aria-disabled": toAriaBoolean(this.disabled), "aria-label": dayLabel, "aria-selected": toAriaBoolean(this.active), id: dayId, onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "button" }, h("div", { "aria-hidden": "true", class: { "day-v-wrapper": true } }, h("div", { class: "day-wrapper" }, h("span", { class: "day" }, h("span", { class: "text" }, formattedDay))))));
+    }
+    connectedCallback() {
+        connectInteractive(this);
+    }
+    componentDidRender() {
+        updateHostInteraction(this, this.isTabbable);
+    }
+    disconnectedCallback() {
+        disconnectInteractive(this);
+    }
+    isTabbable() {
+        return this.active;
+    }
+    get el() { return getElement(this); }
+};
+DatePickerDay.style = datePickerDayCss;
+
+export { DatePickerDay as calcite_date_picker_day };