@esri/solutions-components 0.8.3 → 0.8.5

package/dist/solutions-components/layout-manager.entry.js

@@ -1,91 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { g as getLocaleComponentStrings } from './locale-d9463a95.js';
-import { E as ELayoutMode } from './interfaces-586e863c.js';
-import './loadModules-827c5581.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-
-const layoutManagerCss = ":host{display:block}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.display-flex{display:flex}.icon-color{--calcite-color-icon-color:var(--calcite-color-brand)}.icon{cursor:pointer}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.header-text{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);padding-inline:0.75rem;padding-block:0.875rem;line-height:1.25rem}.img-background{background-repeat:no-repeat;background-size:100% 100%;width:38px;height:26px}.grid-background{background-image:url('../../assets/data/images/grid.png')}.horizontal-background{background-image:url('../../assets/data/images/horizontal.png')}.vertical-background{background-image:url('../../assets/data/images/vertical.png')}";
-
-const LayoutManager = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.layoutChanged = createEvent(this, "layoutChanged", 7);
-        //--------------------------------------------------------------------------
-        //
-        //  Properties (protected)
-        //
-        //--------------------------------------------------------------------------
-        /**
-         * Controls the layout of the application
-         */
-        this._layoutMode = ELayoutMode.GRID;
-        this._translations = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, null, h("div", { class: "display-flex" }, h("div", { class: "display-flex action-center" }, h("calcite-icon", { class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { class: "tooltip-message" }, this._translations.appInfo))), h("div", { class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Store and emit the current layout mode
-     *
-     * @param imgClass string the css class to use
-     * @param layoutMode ELayoutMode the associated layout mode for the current action
-     * @param tip string the value to display as the tooltip for the action
-     *
-     * @protected
-     */
-    _getAction(imgClass, layoutMode, tip) {
-        return (h("div", null, h("calcite-action", { alignment: "center", appearance: "transparent", compact: false, id: imgClass, indicator: layoutMode === this._layoutMode, onClick: () => { this._setLayoutMode(layoutMode); }, text: "" }, h("div", { class: imgClass + " img-background" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": imgClass }, h("span", null, tip))));
-    }
-    /**
-     * Store and emit the current layout mode
-     *
-     * @param layoutMode ELayoutMode the current layout mode
-     *
-     * @protected
-     */
-    _setLayoutMode(layoutMode) {
-        this._layoutMode = layoutMode;
-        this.layoutChanged.emit(this._layoutMode);
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    get el() { return getElement(this); }
-};
-LayoutManager.style = layoutManagerCss;
-
-export { LayoutManager as layout_manager };

package/dist/solutions-components/list-flow-item.entry.js

@@ -1,56 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, a as Host, g as getElement } from './index-bdfaac50.js';
-
-const listFlowItemCss = ":host{display:block}";
-
-const ListFlowItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    render() {
-        return (h(Host, null, h("slot", null)));
-    }
-    get el() { return getElement(this); }
-};
-ListFlowItem.style = listFlowItemCss;
-
-export { ListFlowItem as list_flow_item };

package/dist/solutions-components/loadModules-827c5581.js

@@ -1,28 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { e as esriLoader } from './esri-loader-af2bbfd5.js';
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const loadModules = async (moduleNames, options) => {
-    const mods = await esriLoader.loadModules(moduleNames, options);
-    return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));
-};
-
-export { loadModules as l };

package/dist/solutions-components/loadModules-acccbc1c.js

@@ -1,21 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { e as esriLoader } from './esri-loader-af2bbfd5.js';
-
-/*
- *   Copyright (c) 2024 Esri
- *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
- *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
- *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
- *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
- */
-const loadModules = async (moduleNames, options) => {
-  esriLoader.setDefaultOptions({ url: 'https://jsdev.arcgis.com/4.29/' });
-  const mods = await esriLoader.loadModules(moduleNames, options);
-  return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
-};
-
-export { loadModules as l };

package/dist/solutions-components/loadable-aea90723.js

@@ -1,92 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { f as Build, i as forceUpdate } 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
- */
-const resolveMap = new WeakMap();
-const promiseMap = new WeakMap();
-/**
- * This helper util sets up the component for the ability to know when the component has been loaded.
- *
- * This should be used in the `componentWillLoad` lifecycle hook.
- *
- * ```
- * componentWillLoad(): void {
- *   setUpLoadableComponent(this);
- * }
- * ```
- *
- * @param component
- */
-function setUpLoadableComponent(component) {
-    promiseMap.set(component, new Promise((resolve) => resolveMap.set(component, resolve)));
-}
-/**
- * This helper util lets the loadable component know that it is now loaded.
- *
- * This should be used in the `componentDidLoad` lifecycle hook.
- *
- * ```
- * componentDidLoad(): void {
- *   setComponentLoaded(this);
- * }
- * ```
- *
- * @param component
- */
-function setComponentLoaded(component) {
-    resolveMap.get(component)();
-}
-/**
- * This helper util can be used to ensure a component has been loaded (The "componentDidLoad" Stencil lifecycle method has been called).
- *
- * Requires requires `LoadableComponent` to be implemented.
- *
- * A component developer can await this method before proceeding with any logic that requires a component to be loaded first.
- *
- * ```
- * async myMethod(): Promise<void> {
- *   await componentLoaded(this);
- * }
- * ```
- *
- * @param component
- * @returns Promise<void>
- */
-function componentLoaded(component) {
-    return promiseMap.get(component);
-}
-/**
- * This helper util can be used to ensuring the component is loaded and rendered by the browser (The "componentDidLoad" Stencil lifecycle method has been called and any internal elements are focusable).
- *
- * Requires requires `LoadableComponent` to be implemented.
- *
- * A component developer can await this method before proceeding with any logic that requires a component to be loaded first and then an internal element be focused.
- *
- * ```
- * async setFocus(): Promise<void> {
- *   await componentFocusable(this);
- *   this.internalElement?.focus();
- * }
- * ```
- *
- * @param component
- * @returns Promise<void>
- */
-async function componentFocusable(component) {
-    await componentLoaded(component);
-    if (!Build.isBrowser) {
-        return;
-    }
-    forceUpdate(component);
-    return new Promise((resolve) => requestAnimationFrame(() => resolve()));
-}
-
-export { setComponentLoaded as a, componentLoaded as b, componentFocusable as c, setUpLoadableComponent as s };

package/dist/solutions-components/locale-4cfbae3e.js

@@ -1,86 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { l as loadModules } from './loadModules-acccbc1c.js';
-import { l as languageMap } from './languageUtil-71a7a914.js';
-
-// https://medium.com/stencil-tricks/implementing-internationalisation-i18n-with-stencil-5e6559554117
-function getComponentClosestLanguage(element) {
-  var _a, _b, _c;
-  const closestElement = (_a = element.closest('[lang]')) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
-  // language set by the calling application or browser. defaults to english.
-  const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en').toLowerCase();
-  if (languageMap.has(lang)) {
-    return languageMap.get(lang);
-  }
-  else {
-    // "ru-RU" maps to "ru" use case
-    if (languageMap.has(lang.slice(0, 2))) {
-      return languageMap.get(lang.slice(0, 2));
-    }
-    else {
-      return 'en';
-    }
-  }
-}
-function fetchLocaleStringsForComponent(componentName, locale) {
-  return new Promise((resolve, reject) => {
-    const t9nDir = './assets/t9n';
-    const fileName = `resources_${locale}.json`;
-    const localeFilePath = `${t9nDir}/${componentName}/${fileName}`;
-    const { href } = new URL(localeFilePath, window.location.href);
-    fetch(href).then(result => {
-      if (result.ok)
-        resolve(result.json());
-      else
-        reject();
-    }, () => reject());
-  });
-}
-function getDefaultLanguage(intl, portal) {
-  var _a, _b;
-  // User profile - locale set in user profile
-  const userProfileLocale = (_a = portal === null || portal === void 0 ? void 0 : portal.user) === null || _a === void 0 ? void 0 : _a.culture;
-  // Browser - window.navigator.language
-  const browserLocale = (_b = window === null || window === void 0 ? void 0 : window.navigator) === null || _b === void 0 ? void 0 : _b.language;
-  // ArcGIS JS API - locale currently set in JS api
-  const jsapiLocale = intl.getLocale();
-  // Fallback locale - "en"
-  const fallbackLocale = 'en';
-  return intl.normalizeMessageBundleLocale(userProfileLocale || browserLocale || jsapiLocale || fallbackLocale);
-}
-async function getLocaleComponentStrings(element, locale) {
-  const componentName = element.tagName.toLowerCase();
-  const componentLanguage = locale !== null && locale !== void 0 ? locale : getComponentClosestLanguage(element);
-  let strings;
-  try {
-    strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
-  }
-  catch (e) {
-    console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
-    strings = await fetchLocaleStringsForComponent(componentName, 'en');
-  }
-  return [strings, componentLanguage];
-}
-async function getMessages(component, messageOverrides) {
-  const messages = await getLocaleComponentStrings(component.el);
-  updateMessages(component, messages, messageOverrides);
-  const [intl] = await loadModules(['esri/intl']);
-  intl.onLocaleChange(handleOnLocaleChange(component, messageOverrides));
-}
-function updateMessages(component, messages, messageOverrides) {
-  component.messages = messages[0];
-  if (messageOverrides) {
-    component.messages = Object.assign(Object.assign({}, component.messages), messageOverrides);
-  }
-}
-function handleOnLocaleChange(component, messageOverrides) {
-  return async (locale) => {
-    const messages = await getLocaleComponentStrings(component.el, locale);
-    updateMessages(component, messages, messageOverrides);
-  };
-}
-
-export { getDefaultLanguage as a, getLocaleComponentStrings as b, getComponentClosestLanguage as c, getMessages as g };