@esri/solutions-components 0.8.3 → 0.8.4

package/dist/esm/form-f2181470.js

@@ -1,307 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { c as closestElementCrossShadowBoundary, q as queryElementRoots } from './dom-b91aa537.js';
-import { h } from './index-bdfaac50.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.4.0
- */
-/**
- * Any form <Component> with a `calcite<Component>Input` event needs to be included in this array.
- * Exported for testing purposes.
- */
-const componentsWithInputEvent = [
-    "calcite-input",
-    "calcite-input-number",
-    "calcite-input-text",
-    "calcite-text-area",
-];
-/**
- * Exported for testing purposes.
- */
-const hiddenFormInputSlotName = "hidden-form-input";
-function isCheckable(component) {
-    return "checked" in component;
-}
-const onFormResetMap = new WeakMap();
-const formComponentSet = new WeakSet();
-/**
- * This helps determine if our form component is part of a composite form-associated component.
- *
- * @param form
- * @param formComponentEl
- */
-function hasRegisteredFormComponentParent(form, formComponentEl) {
-    // if we have a parent component using the form ID attribute, we assume it is form-associated
-    const hasParentComponentWithFormIdSet = closestElementCrossShadowBoundary(formComponentEl.parentElement, "[form]");
-    if (hasParentComponentWithFormIdSet) {
-        return true;
-    }
-    // we use events as a way to test for nested form-associated components across shadow bounds
-    const formComponentRegisterEventName = "calciteInternalFormComponentRegister";
-    let hasRegisteredFormComponentParent = false;
-    form.addEventListener(formComponentRegisterEventName, (event) => {
-        hasRegisteredFormComponentParent = event
-            .composedPath()
-            .some((element) => formComponentSet.has(element));
-        event.stopPropagation();
-    }, { once: true });
-    formComponentEl.dispatchEvent(new CustomEvent(formComponentRegisterEventName, {
-        bubbles: true,
-        composed: true,
-    }));
-    return hasRegisteredFormComponentParent;
-}
-function clearFormValidation(component) {
-    "status" in component && (component.status = "idle");
-    "validationIcon" in component && (component.validationIcon = false);
-    "validationMessage" in component && (component.validationMessage = "");
-}
-function setInvalidFormValidation(component, message) {
-    "status" in component && (component.status = "invalid");
-    "validationIcon" in component && (component.validationIcon = true);
-    "validationMessage" in component && (component.validationMessage = message);
-}
-function displayValidationMessage(event) {
-    // target is the hidden input, which is slotted in the actual form component
-    const hiddenInput = event?.target;
-    // not necessarily a calcite-input, but we don't have an HTMLCalciteFormElement type
-    const formComponent = hiddenInput?.parentElement;
-    const componentTag = formComponent?.nodeName?.toLowerCase();
-    const componentTagParts = componentTag?.split("-");
-    if (componentTagParts.length < 2 || componentTagParts[0] !== "calcite") {
-        return;
-    }
-    // prevent the browser from showing the native validation popover
-    event?.preventDefault();
-    setInvalidFormValidation(formComponent, hiddenInput?.validationMessage || "");
-    const componentTagCamelCase = componentTagParts
-        .map((part, index) => index === 0 ? part : `${part[0].toUpperCase()}${part.slice(1)}`)
-        .join("");
-    const clearValidationEvent = `${componentTagCamelCase}${componentsWithInputEvent.includes(componentTag) ? "Input" : "Change"}`;
-    formComponent.addEventListener(clearValidationEvent, () => clearFormValidation(formComponent), {
-        once: true,
-    });
-}
-/**
- * Helper to submit a form.
- *
- * @param component
- * @returns true if its associated form was submitted, false otherwise.
- */
-function submitForm(component) {
-    const { formEl } = component;
-    if (!formEl) {
-        return false;
-    }
-    formEl.addEventListener("invalid", displayValidationMessage, true);
-    formEl.requestSubmit();
-    formEl.removeEventListener("invalid", displayValidationMessage, true);
-    requestAnimationFrame(() => {
-        const invalidEls = formEl.querySelectorAll("[status=invalid]");
-        // focus the first invalid element that has a validation message
-        for (const el of invalidEls) {
-            if (el?.validationMessage) {
-                el?.setFocus();
-                break;
-            }
-        }
-    });
-    return true;
-}
-/**
- * Helper to reset a form.
- *
- * @param component
- */
-function resetForm(component) {
-    component.formEl?.reset();
-}
-/**
- * Helper to set up form interactions on connectedCallback.
- *
- * @param component
- */
-function connectForm(component) {
-    const { el, value } = component;
-    const associatedForm = findAssociatedForm(component);
-    if (!associatedForm || hasRegisteredFormComponentParent(associatedForm, el)) {
-        return;
-    }
-    component.formEl = associatedForm;
-    component.defaultValue = value;
-    if (isCheckable(component)) {
-        component.defaultChecked = component.checked;
-    }
-    const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);
-    associatedForm.addEventListener("reset", boundOnFormReset);
-    onFormResetMap.set(component.el, boundOnFormReset);
-    formComponentSet.add(el);
-}
-/**
- * Utility method to find a form-component's associated form element.
- *
- * @param component
- */
-function findAssociatedForm(component) {
-    const { el, form } = component;
-    return form
-        ? queryElementRoots(el, { id: form })
-        : closestElementCrossShadowBoundary(el, "form");
-}
-function onFormReset() {
-    clearFormValidation(this);
-    if (isCheckable(this)) {
-        this.checked = this.defaultChecked;
-        return;
-    }
-    this.value = this.defaultValue;
-}
-/**
- * Helper to tear down form interactions on disconnectedCallback.
- *
- * @param component
- */
-function disconnectForm(component) {
-    const { el, formEl } = component;
-    if (!formEl) {
-        return;
-    }
-    const boundOnFormReset = onFormResetMap.get(el);
-    formEl.removeEventListener("reset", boundOnFormReset);
-    onFormResetMap.delete(el);
-    component.formEl = null;
-    formComponentSet.delete(el);
-}
-/**
- * Helper for setting the default value on initialization after connectedCallback.
- *
- * Note that this is only needed if the default value cannot be determined on connectedCallback.
- *
- * @param component
- * @param value
- */
-function afterConnectDefaultValueSet(component, value) {
-    component.defaultValue = value;
-}
-const internalHiddenInputInputEvent = "calciteInternalHiddenInputInput";
-const hiddenInputInputHandler = (event) => {
-    event.target.dispatchEvent(new CustomEvent(internalHiddenInputInputEvent, { bubbles: true }));
-};
-const removeHiddenInputChangeEventListener = (input) => input.removeEventListener("input", hiddenInputInputHandler);
-/**
- * Helper for maintaining a form-associated's hidden input in sync with the component.
- *
- * Based on Ionic's approach: https://github.com/ionic-team/ionic-framework/blob/e4bf052794af9aac07f887013b9250d2a045eba3/core/src/utils/helpers.ts#L198
- *
- * @param component
- */
-function syncHiddenFormInput(component) {
-    const { el, formEl, name, value } = component;
-    const { ownerDocument } = el;
-    const inputs = el.querySelectorAll(`input[slot="${hiddenFormInputSlotName}"]`);
-    if (!formEl || !name) {
-        inputs.forEach((input) => {
-            removeHiddenInputChangeEventListener(input);
-            input.remove();
-        });
-        return;
-    }
-    const values = Array.isArray(value) ? value : [value];
-    const extra = [];
-    const seen = new Set();
-    inputs.forEach((input) => {
-        const valueMatch = values.find((val) => 
-        /* intentional non-strict equality check */
-        val == input.value);
-        if (valueMatch != null) {
-            seen.add(valueMatch);
-            defaultSyncHiddenFormInput(component, input, valueMatch);
-        }
-        else {
-            extra.push(input);
-        }
-    });
-    let docFrag;
-    values.forEach((value) => {
-        if (seen.has(value)) {
-            return;
-        }
-        let input = extra.pop();
-        if (!input) {
-            input = ownerDocument.createElement("input");
-            input.slot = hiddenFormInputSlotName;
-        }
-        if (!docFrag) {
-            docFrag = ownerDocument.createDocumentFragment();
-        }
-        docFrag.append(input);
-        // emits when hidden input is autofilled
-        input.addEventListener("input", hiddenInputInputHandler);
-        defaultSyncHiddenFormInput(component, input, value);
-    });
-    if (docFrag) {
-        el.append(docFrag);
-    }
-    extra.forEach((input) => {
-        removeHiddenInputChangeEventListener(input);
-        input.remove();
-    });
-}
-function defaultSyncHiddenFormInput(component, input, value) {
-    const { defaultValue, disabled, form, name, required } = component;
-    // keep in sync to prevent losing reset value
-    input.defaultValue = defaultValue;
-    input.disabled = disabled;
-    input.name = name;
-    input.required = required;
-    input.tabIndex = -1;
-    // we set the attr as the prop is read-only
-    if (form) {
-        input.setAttribute("form", form);
-    }
-    else {
-        input.removeAttribute("form");
-    }
-    if (isCheckable(component)) {
-        input.checked = component.checked;
-        // keep in sync to prevent losing reset value
-        input.defaultChecked = component.defaultChecked;
-        // heuristic to support default/on mode from https://html.spec.whatwg.org/multipage/input.html#dom-input-value-default-on
-        input.value = component.checked ? value || "on" : "";
-    }
-    else {
-        input.value = value || "";
-    }
-    component.syncHiddenFormInput?.(input);
-}
-/**
- * Helper to render the slot for form-associated component's hidden input.
- *
- * If the component has a default slot, this must be placed at the bottom of the component's root container to ensure it is the last child.
- *
- * render(): VNode {
- *   <Host>
- *     <div class={CSS.container}>
- *     // ...
- *     <HiddenFormInputSlot component={this} />
- *     </div>
- *   </Host>
- * }
- *
- * Note that the hidden-form-input Sass mixin must be added to the component's style to apply specific styles.
- *
- * @param root0
- * @param root0.component
- */
-const HiddenFormInputSlot = ({ component, }) => {
-    syncHiddenFormInput(component);
-    return h("slot", { name: hiddenFormInputSlotName });
-};
-
-export { HiddenFormInputSlot as H, afterConnectDefaultValueSet as a, connectForm as c, disconnectForm as d, findAssociatedForm as f, internalHiddenInputInputEvent as i, resetForm as r, submitForm as s };

package/dist/esm/fr-6200cc01.js

@@ -1,67 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
-import './index-bdfaac50.js';
-import './form-f2181470.js';
-import './dom-b91aa537.js';
-import './guid-b75a5f7b.js';
-import './resources-0f8db821.js';
-import './interactive-71585ecc.js';
-import './browser-b8d08bed.js';
-import './key-9a10d862.js';
-import './label-16184ce7.js';
-import './component-edd2c3cd.js';
-import './loadable-aea90723.js';
-import './locale-857f39cf.js';
-import './observers-5ba39eee.js';
-import './focusTrapComponent-2fe6623b.js';
-import './time-4a90614b.js';
-import './math-efada7a9.js';
-import './t9n-b39c5433.js';
-import './openCloseComponent-b4b3788b.js';
-import './Validation-59a77488.js';
-
-// French [fr]
-var locale = {
-  name: 'fr',
-  weekdays: 'dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi'.split('_'),
-  weekdaysShort: 'dim._lun._mar._mer._jeu._ven._sam.'.split('_'),
-  weekdaysMin: 'di_lu_ma_me_je_ve_sa'.split('_'),
-  months: 'janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre'.split('_'),
-  monthsShort: 'janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.'.split('_'),
-  weekStart: 1,
-  yearStart: 4,
-  formats: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'DD/MM/YYYY',
-    LL: 'D MMMM YYYY',
-    LLL: 'D MMMM YYYY HH:mm',
-    LLLL: 'dddd D MMMM YYYY HH:mm'
-  },
-  relativeTime: {
-    future: 'dans %s',
-    past: 'il y a %s',
-    s: 'quelques secondes',
-    m: 'une minute',
-    mm: '%d minutes',
-    h: 'une heure',
-    hh: '%d heures',
-    d: 'un jour',
-    dd: '%d jours',
-    M: 'un mois',
-    MM: '%d mois',
-    y: 'un an',
-    yy: '%d ans'
-  },
-  ordinal: function ordinal(n) {
-    var o = n === 1 ? 'er' : '';
-    return "" + n + o;
-  }
-};
-dayjs.locale(locale, null, true);
-
-export default locale;

package/dist/esm/fr-ch-df62bb30.js

@@ -1,65 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
-import './index-bdfaac50.js';
-import './form-f2181470.js';
-import './dom-b91aa537.js';
-import './guid-b75a5f7b.js';
-import './resources-0f8db821.js';
-import './interactive-71585ecc.js';
-import './browser-b8d08bed.js';
-import './key-9a10d862.js';
-import './label-16184ce7.js';
-import './component-edd2c3cd.js';
-import './loadable-aea90723.js';
-import './locale-857f39cf.js';
-import './observers-5ba39eee.js';
-import './focusTrapComponent-2fe6623b.js';
-import './time-4a90614b.js';
-import './math-efada7a9.js';
-import './t9n-b39c5433.js';
-import './openCloseComponent-b4b3788b.js';
-import './Validation-59a77488.js';
-
-// French (Switzerland) [fr-ch]
-var locale = {
-  name: 'fr-ch',
-  weekdays: 'dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi'.split('_'),
-  months: 'janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre'.split('_'),
-  weekStart: 1,
-  weekdaysShort: 'dim._lun._mar._mer._jeu._ven._sam.'.split('_'),
-  monthsShort: 'janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.'.split('_'),
-  weekdaysMin: 'di_lu_ma_me_je_ve_sa'.split('_'),
-  ordinal: function ordinal(n) {
-    return n;
-  },
-  formats: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'DD.MM.YYYY',
-    LL: 'D MMMM YYYY',
-    LLL: 'D MMMM YYYY HH:mm',
-    LLLL: 'dddd D MMMM YYYY HH:mm'
-  },
-  relativeTime: {
-    future: 'dans %s',
-    past: 'il y a %s',
-    s: 'quelques secondes',
-    m: 'une minute',
-    mm: '%d minutes',
-    h: 'une heure',
-    hh: '%d heures',
-    d: 'un jour',
-    dd: '%d jours',
-    M: 'un mois',
-    MM: '%d mois',
-    y: 'un an',
-    yy: '%d ans'
-  }
-};
-dayjs.locale(locale, null, true);
-
-export default locale;

package/dist/esm/he-07ace6cb.js

@@ -1,104 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { d as dayjs } from './calcite-input-time-picker-e5cd4d26.js';
-import './index-bdfaac50.js';
-import './form-f2181470.js';
-import './dom-b91aa537.js';
-import './guid-b75a5f7b.js';
-import './resources-0f8db821.js';
-import './interactive-71585ecc.js';
-import './browser-b8d08bed.js';
-import './key-9a10d862.js';
-import './label-16184ce7.js';
-import './component-edd2c3cd.js';
-import './loadable-aea90723.js';
-import './locale-857f39cf.js';
-import './observers-5ba39eee.js';
-import './focusTrapComponent-2fe6623b.js';
-import './time-4a90614b.js';
-import './math-efada7a9.js';
-import './t9n-b39c5433.js';
-import './openCloseComponent-b4b3788b.js';
-import './Validation-59a77488.js';
-
-// Hebrew [he]
-var texts = {
-  s: 'מספר שניות',
-  ss: '%d שניות',
-  m: 'דקה',
-  mm: '%d דקות',
-  h: 'שעה',
-  hh: '%d שעות',
-  hh2: 'שעתיים',
-  d: 'יום',
-  dd: '%d ימים',
-  dd2: 'יומיים',
-  M: 'חודש',
-  MM: '%d חודשים',
-  MM2: 'חודשיים',
-  y: 'שנה',
-  yy: '%d שנים',
-  yy2: 'שנתיים'
-};
-
-function relativeTimeFormatter(number, withoutSuffix, key) {
-  var text = texts[key + (number === 2 ? '2' : '')] || texts[key];
-  return text.replace('%d', number);
-}
-
-var locale = {
-  name: 'he',
-  weekdays: 'ראשון_שני_שלישי_רביעי_חמישי_שישי_שבת'.split('_'),
-  weekdaysShort: 'א׳_ב׳_ג׳_ד׳_ה׳_ו׳_ש׳'.split('_'),
-  weekdaysMin: 'א׳_ב׳_ג׳_ד׳_ה׳_ו_ש׳'.split('_'),
-  months: 'ינואר_פברואר_מרץ_אפריל_מאי_יוני_יולי_אוגוסט_ספטמבר_אוקטובר_נובמבר_דצמבר'.split('_'),
-  monthsShort: 'ינו_פבר_מרץ_אפר_מאי_יונ_יול_אוג_ספט_אוק_נוב_דצמ'.split('_'),
-  relativeTime: {
-    future: 'בעוד %s',
-    past: 'לפני %s',
-    s: relativeTimeFormatter,
-    m: relativeTimeFormatter,
-    mm: relativeTimeFormatter,
-    h: relativeTimeFormatter,
-    hh: relativeTimeFormatter,
-    d: relativeTimeFormatter,
-    dd: relativeTimeFormatter,
-    M: relativeTimeFormatter,
-    MM: relativeTimeFormatter,
-    y: relativeTimeFormatter,
-    yy: relativeTimeFormatter
-  },
-  ordinal: function ordinal(n) {
-    return n;
-  },
-  format: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'DD/MM/YYYY',
-    LL: 'D [ב]MMMM YYYY',
-    LLL: 'D [ב]MMMM YYYY HH:mm',
-    LLLL: 'dddd, D [ב]MMMM YYYY HH:mm',
-    l: 'D/M/YYYY',
-    ll: 'D MMM YYYY',
-    lll: 'D MMM YYYY HH:mm',
-    llll: 'ddd, D MMM YYYY HH:mm'
-  },
-  formats: {
-    LT: 'HH:mm',
-    LTS: 'HH:mm:ss',
-    L: 'DD/MM/YYYY',
-    LL: 'D [ב]MMMM YYYY',
-    LLL: 'D [ב]MMMM YYYY HH:mm',
-    LLLL: 'dddd, D [ב]MMMM YYYY HH:mm',
-    l: 'D/M/YYYY',
-    ll: 'D MMM YYYY',
-    lll: 'D MMM YYYY HH:mm',
-    llll: 'ddd, D MMM YYYY HH:mm'
-  }
-};
-dayjs.locale(locale, null, true);
-
-export default locale;