@esri/solutions-components 0.6.18 → 0.6.19

package/dist/cjs/{fr-4b281d52.js → fr-e300020c.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // French [fr]
 var locale = {

package/dist/cjs/{he-b155cf0c.js → he-f419115b.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Hebrew [he]
 var texts = {

package/dist/cjs/{hi-f036e41f.js → hi-0837fa9e.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Hindi [hi]
 var locale = {

package/dist/cjs/{hr-ef421ab5.js → hr-26c92b0c.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Croatian [hr]
 var monthFormat = 'siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca'.split('_');

package/dist/cjs/{hu-9a9495fa.js → hu-b4348f61.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Hungarian [hu]
 var locale = {

package/dist/cjs/{id-57d1c6f3.js → id-39ae2fbb.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Indonesian [id]
 var locale = {

package/dist/cjs/{index-ee37804b.js → index-1ffa261f.js}

@@ -138,10 +138,10 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
-        // normalize class / classname attributes
         if (vnodeData.key) {
             key = vnodeData.key;
         }
+        // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
             if (classData) {
@@ -1398,6 +1398,7 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  * @returns a reference to the same constructor passed in (but now mutated)
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
+    var _a;
     if (cmpMeta.$members$) {
         if (Cstr.watchers) {
             cmpMeta.$watchers$ = Cstr.watchers;
@@ -1435,7 +1436,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
         });
         if ((flags & 1 /* PROXY_FLAGS.isElementConstructor */)) {
             const attrNameToPropName = new Map();
-            prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
+            prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
                 plt.jmp(() => {
                     const propName = attrNameToPropName.get(attrName);
                     //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
@@ -1458,12 +1459,12 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                     //      customElements.define('my-component', MyComponent);
                     //    </script>
                     //  ```
-                    //  In this case if we do not unshadow here and use the value of the shadowing property, attributeChangedCallback
+                    //  In this case if we do not un-shadow here and use the value of the shadowing property, attributeChangedCallback
                     //  will be called with `newValue = "some-value"` and will set the shadowed property (this.someAttribute = "another-value")
                     //  to the value that was set inline i.e. "some-value" from above example. When
-                    //  the connectedCallback attempts to unshadow it will use "some-value" as the initial value rather than "another-value"
+                    //  the connectedCallback attempts to un-shadow it will use "some-value" as the initial value rather than "another-value"
                     //
-                    //  The case where the attribute was NOT set inline but was not set programmatically shall be handled/unshadowed
+                    //  The case where the attribute was NOT set inline but was not set programmatically shall be handled/un-shadowed
                     //  by connectedCallback as this attributeChangedCallback will not fire.
                     //
                     //  https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
@@ -1483,21 +1484,49 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                         // `propName` to be converted to a `DOMString`, which may not be what we want for other primitive props.
                         return;
                     }
+                    else if (propName == null) {
+                        // At this point we should know this is not a "member", so we can treat it like watching an attribute
+                        // on a vanilla web component
+                        const hostRef = getHostRef(this);
+                        const flags = hostRef === null || hostRef === void 0 ? void 0 : hostRef.$flags$;
+                        // We only want to trigger the callback(s) if:
+                        // 1. The instance is ready
+                        // 2. The watchers are ready
+                        // 3. The value has changed
+                        if (!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
+                            flags & 128 /* HOST_FLAGS.isWatchReady */ &&
+                            newValue !== oldValue) {
+                            const instance = hostRef.$lazyInstance$ ;
+                            const entry = cmpMeta.$watchers$[attrName];
+                            entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {
+                                if (instance[callbackName] != null) {
+                                    instance[callbackName].call(instance, newValue, oldValue, attrName);
+                                }
+                            });
+                        }
+                        return;
+                    }
                     this[propName] = newValue === null && typeof this[propName] === 'boolean' ? false : newValue;
                 });
             };
-            // create an array of attributes to observe
-            // and also create a map of html attribute name to js property name
-            Cstr.observedAttributes = members
-                .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */) // filter to only keep props that should match attributes
-                .map(([propName, m]) => {
-                const attrName = m[1] || propName;
-                attrNameToPropName.set(attrName, propName);
-                if (m[0] & 512 /* MEMBER_FLAGS.ReflectAttr */) {
-                    cmpMeta.$attrsToReflect$.push([propName, attrName]);
-                }
-                return attrName;
-            });
+            // Create an array of attributes to observe
+            // This list in comprised of all strings used within a `@Watch()` decorator
+            // on a component as well as any Stencil-specific "members" (`@Prop()`s and `@State()`s).
+            // As such, there is no way to guarantee type-safety here that a user hasn't entered
+            // an invalid attribute.
+            Cstr.observedAttributes = Array.from(new Set([
+                ...Object.keys((_a = cmpMeta.$watchers$) !== null && _a !== void 0 ? _a : {}),
+                ...members
+                    .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */)
+                    .map(([propName, m]) => {
+                    const attrName = m[1] || propName;
+                    attrNameToPropName.set(attrName, propName);
+                    if (m[0] & 512 /* MEMBER_FLAGS.ReflectAttr */) {
+                        cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                    }
+                    return attrName;
+                }),
+            ]));
         }
     }
     return Cstr;
@@ -1678,6 +1707,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
+            var _a;
             const cmpMeta = {
                 $flags$: compactMeta[0],
                 $tagName$: compactMeta[1],
@@ -1694,7 +1724,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 cmpMeta.$attrsToReflect$ = [];
             }
             {
-                cmpMeta.$watchers$ = {};
+                cmpMeta.$watchers$ = (_a = compactMeta[4]) !== null && _a !== void 0 ? _a : {};
             }
             const tagName = cmpMeta.$tagName$;
             const HostElement = class extends HTMLElement {

package/dist/cjs/{index-feeb7b6a.js → index-2bdbac04.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const index = require('./index-ee37804b.js');
+const index = require('./index-1ffa261f.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/cjs/{index.es-5c0c137a.js → index.es-bf2ee853.js}

@@ -6,10 +6,10 @@
 'use strict';
 
 const _commonjsHelpers = require('./_commonjsHelpers-384729db.js');
-const downloadUtils = require('./downloadUtils-121fd7ff.js');
-require('./index-ee37804b.js');
-require('./loadModules-f6df8d6a.js');
-require('./locale-67f5f6b6.js');
+const downloadUtils = require('./downloadUtils-3e8b45ec.js');
+require('./index-1ffa261f.js');
+require('./loadModules-03328b9d.js');
+require('./locale-d50f3250.js');
 require('./mapViewUtils-786a219b.js');
 require('./interfaces-000be6de.js');
 require('./clean-url-d5326abb.js');

package/dist/cjs/{it-cd26a173.js → it-c0010df5.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Italian [it]
 var locale = {

package/dist/cjs/{it-ch-7704635a.js → it-ch-1d96ff25.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Italian (Switzerland) [it-ch]
 var locale = {

package/dist/cjs/{ja-a40fc95f.js → ja-d612ffd0.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Japanese [ja]
 var locale = {

package/dist/cjs/{ko-1ca619b7.js → ko-3bacee3c.js}

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-c1aa4c8f.js');
-require('./index-ee37804b.js');
-require('./form-44895e53.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-0b068c1f.js');
+require('./index-1ffa261f.js');
+require('./form-78a3337d.js');
 require('./dom-8d00cc3f.js');
 require('./guid-c351776c.js');
 require('./resources-2278b321.js');
@@ -15,13 +15,13 @@ require('./interactive-7837b73d.js');
 require('./browser-596d8e1e.js');
 require('./key-07312a4b.js');
 require('./label-39887629.js');
-require('./loadable-5d36908d.js');
+require('./loadable-d12ec307.js');
 require('./locale-6479f239.js');
 require('./observers-62ea89bc.js');
 require('./focusTrapComponent-93fc2e12.js');
 require('./time-9ffa9ce7.js');
 require('./math-3dc91b82.js');
-require('./t9n-a3d7ce48.js');
+require('./t9n-c630f16d.js');
 
 // Korean [ko]
 var locale = {

package/dist/cjs/layout-manager.cjs.entry.js

@@ -7,8 +7,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ee37804b.js');
-const locale = require('./locale-67f5f6b6.js');
+const index = require('./index-1ffa261f.js');
+const locale = require('./locale-d50f3250.js');
 const interfaces = require('./interfaces-000be6de.js');
 require('./_commonjsHelpers-384729db.js');
 

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

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ee37804b.js');
+const index = require('./index-1ffa261f.js');
 
 const listItemCss = ":host{display:block}";
 

package/dist/cjs/{loadModules-f6df8d6a.js → loadModules-03328b9d.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const locale = require('./locale-67f5f6b6.js');
+const locale = require('./locale-d50f3250.js');
 
 /** @license
  * Copyright 2022 Esri

package/dist/cjs/{loadable-5d36908d.js → loadable-d12ec307.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const index = require('./index-ee37804b.js');
+const index = require('./index-1ffa261f.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.