@esri/solutions-components 0.11.29 → 0.11.31

package/dist/components/index3.js

@@ -1,199 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
-
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-export { createStore as c };

package/dist/components/instant-apps-app-guide.js

@@ -1,140 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getMessages } from './locale2.js';
-
-class AppGuideViewModel {
-    constructor() {
-        this.pages = [];
-        this.headerText = '';
-        this.pages = [];
-    }
-    setPages(pages) {
-        this.pages = pages;
-        this.setDefaultHeaderText();
-    }
-    setDefaultHeaderText() {
-        this.headerText = !!this.pages.length ? this.pages[0].title : '';
-    }
-}
-
-const instantAppsAppGuideCss = ":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1);overflow:auto}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem;font-weight:var(--calcite-font-weight-bold)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";
-const InstantAppsAppGuideStyle0 = instantAppsAppGuideCss;
-
-const CSS = {
-    contentList: 'instant-apps-app-guide__content-list',
-    contentListItem: 'instant-apps-app-guide__content-list--item',
-    contentWrapper: 'instant-apps-app-guide__content-wrapper'
-};
-const InstantAppsAppGuide$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsAppGuide extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Private Variables
-         */
-        this._viewModel = new AppGuideViewModel();
-        this.header = true;
-        this.data = undefined;
-        this.messages = undefined;
-        this.headerText = undefined;
-    }
-    watchPropHandler(newValue) {
-        this._setContent(newValue);
-    }
-    watchStateHandler(newValue) {
-        this._viewModel.headerText = newValue;
-    }
-    componentWillLoad() {
-        this._setContent(this === null || this === void 0 ? void 0 : this.data);
-    }
-    componentDidLoad() {
-        getMessages(this);
-    }
-    render() {
-        const pages = this._renderAppGuidePages(this._viewModel.pages);
-        const header = this._renderAppGuideHeader();
-        return (h(Host, { key: 'd51ebf2ffce61a29806d07f5ca2ab187a3437086' }, h("calcite-panel", { key: 'f2af393d6c5342726d05cf04fc3a8989f5eea113', scale: "s" }, header, h("calcite-carousel", { key: '221eb316a6f758f5cec40eaecdf68311ec950cfa', label: "App Guide", onCalciteCarouselChange: () => this._updateHeaderText(), ref: el => this._carouselRef = el, "arrow-type": this._getArrowType() }, pages))));
-    }
-    _setContent(content) {
-        this._viewModel.setPages(content);
-        this.headerText = this._viewModel.headerText;
-    }
-    _updateHeaderText() {
-        var _a;
-        const { _viewModel, _carouselRef, messages } = this;
-        if (!(_viewModel && _carouselRef))
-            return;
-        const nodeArray = Array.from(_carouselRef.childNodes);
-        const selectedNodeIndex = nodeArray.indexOf(_carouselRef.selectedItem);
-        // DOM nodes get updated after the viewModel is updated, so the selectedNodeIndex
-        // may be out of bounds of the pages collection in the viewModel when pages are removed.
-        // When this happens, we default to the title of the first page.
-        const pages = _viewModel === null || _viewModel === void 0 ? void 0 : _viewModel.pages;
-        const selectedPage = (_a = pages === null || pages === void 0 ? void 0 : pages[selectedNodeIndex]) !== null && _a !== void 0 ? _a : pages[0];
-        this.headerText = (selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.title) || (messages === null || messages === void 0 ? void 0 : messages.headerText);
-    }
-    _getArrowType() {
-        return this._viewModel.pages.length > 2 ? 'inline' : 'none';
-    }
-    _renderAppGuideHeader() {
-        const { messages, header, headerText } = this;
-        const displayHeader = !!header && (messages === null || messages === void 0 ? void 0 : messages.headerText);
-        const _headerText = headerText || (messages === null || messages === void 0 ? void 0 : messages.headerText);
-        return displayHeader ?
-            (h("span", { slot: "header-content" }, _headerText, " ", h("calcite-icon", { icon: "lightbulb", scale: "s" }))) :
-            null;
-    }
-    _renderAppGuidePages(pages) {
-        return pages.map((pageData, index) => {
-            const { content, type, title } = pageData;
-            return (h("calcite-carousel-item", { label: title, key: `page_${index}` }, h("div", { class: CSS.contentWrapper }, this._renderContentItems(content, type))));
-        });
-    }
-    _renderContentItems(content, type) {
-        switch (type) {
-            case 'list':
-                return (h("ol", { class: CSS.contentList }, content.map((contentItem, index) => (h("li", { key: `content-list-item-${index}`, class: CSS.contentListItem }, contentItem)))));
-            case 'paragraphs':
-            default:
-                return content.map((contentItem, index) => (h("p", { key: `content-paragraph-${index}` }, contentItem)));
-        }
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "data": ["watchPropHandler"],
-        "headerText": ["watchStateHandler"]
-    }; }
-    static get style() { return InstantAppsAppGuideStyle0; }
-}, [1, "instant-apps-app-guide", {
-        "header": [4],
-        "data": [16],
-        "messages": [32],
-        "headerText": [32]
-    }, undefined, {
-        "data": ["watchPropHandler"],
-        "headerText": ["watchStateHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-app-guide"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-app-guide":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsAppGuide$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsAppGuide = InstantAppsAppGuide$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsAppGuide, defineCustomElement };

package/dist/components/instant-apps-ckeditor-wrapper.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { I as InstantAppsCkeditorWrapper$1, d as defineCustomElement$1 } from './instant-apps-ckeditor-wrapper2.js';
-
-const InstantAppsCkeditorWrapper = InstantAppsCkeditorWrapper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsCkeditorWrapper, defineCustomElement };

package/dist/components/instant-apps-ckeditor-wrapper2.js

@@ -1,143 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const styles = `
-  .ck.ck-reset.ck-editor.ck-rounded-corners {
-    margin-top: 10px !important;
-    margin-left: 55px !important;
-  }
-  .ck-editor__editable {
-    height: 70px !important;
-    font-size: 0.875rem !important;
-    line-height: 	1.375 !important;
-    color: var(--calcite-color-text-1) !important;
-  }
-
-  .ck.ck-editor__editable_inline>:first-child,
-  .ck.ck-editor__editable_inline>:last-child {
-    --ck-spacing-large: 0.5rem !important;
-  }
-
-  .ck.ck-balloon-panel.ck-powered-by-balloon {
-    --ck-z-modal: 700;
-    z-index: 700;
-  }
-
-  .calcite-mode-dark .ck-editor__editable {
-    color: var(--calcite-color-text-inverse) !important;
-  }
-`;
-
-const instantAppsCkeditorWrapperCss = ":host{display:block}";
-const InstantAppsCkeditorWrapperStyle0 = instantAppsCkeditorWrapperCss;
-
-const CKEDITOR_STYLES_ID = 'instant-apps-components__ckeditor-wrapper';
-const InstantAppsCkeditorWrapper = /*@__PURE__*/ proxyCustomElement(class InstantAppsCkeditorWrapper extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.isFocused = createEvent(this, "isFocused", 7);
-        this.dataChanged = createEvent(this, "dataChanged", 7);
-        this.value = undefined;
-        this.editorInstance = undefined;
-        this.config = undefined;
-    }
-    updateValue() {
-        if (this.value)
-            this.editorInstance.setData(this.value);
-    }
-    async componentDidLoad() {
-        this.init();
-    }
-    componentDidUpdate() {
-        this.editorInstance.setData(this.value);
-    }
-    render() {
-        return (h(Host, { key: '26f62d5413e21916b77253476cf48f69682861d5' }, h("div", { key: '45a9d7b859a21e49c81afdaa3bdd5074f1428cd5' })));
-    }
-    init() {
-        this.applyStyles();
-        this.initEditor();
-    }
-    applyStyles() {
-        const exists = !!document.getElementById(CKEDITOR_STYLES_ID);
-        if (exists)
-            return;
-        const style = document.createElement('style');
-        style.id = CKEDITOR_STYLES_ID;
-        style.innerHTML = styles;
-        document.head.prepend(style);
-    }
-    async initEditor() {
-        const editor = await this.createEditor();
-        if (editor) {
-            this.editorInstance = editor;
-            if (this.value || this.value === '') {
-                editor.setData(this.value);
-            }
-            editor.editing.view.document.on('change:isFocused', this.getEditorFocusedCallback(editor));
-        }
-    }
-    async createEditor() {
-        try {
-            let editor;
-            if (this.config) {
-                editor = await ClassicEditor.create(this.el, this.config);
-            }
-            else {
-                editor = await ClassicEditor.create(this.el);
-            }
-            this.editorInstance = editor;
-            return Promise.resolve(editor);
-        }
-        catch (err) {
-            console.error(err);
-            return Promise.reject(null);
-        }
-    }
-    getEditorFocusedCallback(editor) {
-        return (_event, _name, _isFocused) => {
-            if (!_isFocused) {
-                const editorData = editor.getData();
-                if (this.value !== editorData) {
-                    this.value = editorData;
-                    this.dataChanged.emit(editorData);
-                }
-            }
-            else {
-                this.isFocused.emit();
-            }
-        };
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["updateValue"]
-    }; }
-    static get style() { return InstantAppsCkeditorWrapperStyle0; }
-}, [0, "instant-apps-ckeditor-wrapper", {
-        "value": [1025],
-        "editorInstance": [1032, "editor-instance"],
-        "config": [16]
-    }, undefined, {
-        "value": ["updateValue"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-ckeditor-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-ckeditor-wrapper":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsCkeditorWrapper);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { InstantAppsCkeditorWrapper as I, defineCustomElement as d };

package/dist/components/instant-apps-control-panel.js

@@ -1,114 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules2.js';
-
-const instantAppsControlPanelCss = ":host{display:block}";
-const InstantAppsControlPanelStyle0 = instantAppsControlPanelCss;
-
-const MODE = 'floating';
-const GROUP = 'instant-apps-control-panel';
-const BORDER = 'border-bottom: 1px solid var(--calcite-color-border-3)';
-const SLOT_NAME = 'components';
-const SLOT_SELECTOR = `[slot="${SLOT_NAME}"]`;
-const InstantAppsControlPanel$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsControlPanel extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.components = [];
-        this.view = undefined;
-    }
-    async componentWillLoad() {
-        const [Expand] = await loadModules(['esri/widgets/Expand']);
-        this.Expand = Expand;
-        this._handleComponents();
-    }
-    componentWillUpdate() {
-        this._handleComponents();
-    }
-    render() {
-        return (h(Host, { key: '45edbd93de055768fb4b58e9d12a7570d24bdd22' }, h("slot", { key: '47d507e456dfc86a068948280b21386bc08e735c', name: SLOT_NAME })));
-    }
-    _handleComponents() {
-        const componentsNode = this._getComponentsNode();
-        if (componentsNode) {
-            this._resetUI(componentsNode);
-            this._attachComponents(componentsNode);
-        }
-    }
-    _attachComponents(componentsNode) {
-        this.components.forEach(this._attachmentComponent(componentsNode));
-    }
-    _attachmentComponent(componentsNode) {
-        return (component, index) => {
-            let content = component.content;
-            // Check if component isExpand widget, if so, create expande widget
-            if (component.isExpand) {
-                content = this._getExpand(component);
-                if (component.expandIcon)
-                    content.expandIcon = component.expandIcon;
-                if (component.collapseTooltip)
-                    content.collapseTooltip = component.collapseTooltip;
-                if (component.expandTooltip)
-                    content.expandTooltip = component.expandTooltip;
-            }
-            // Check if dom node exists, if not create dom node
-            if (!content.container)
-                content.container = document.createElement('div');
-            // Append dom node to slot element
-            componentsNode === null || componentsNode === void 0 ? void 0 : componentsNode.appendChild(content.container);
-            // Create border for all components but last
-            const isNotLast = index !== this.components.length - 1;
-            if (isNotLast)
-                content.container.style = BORDER;
-        };
-    }
-    _getExpand(component) {
-        var _a;
-        const { view } = this;
-        const { content } = component;
-        const expanded = (_a = component === null || component === void 0 ? void 0 : component.expanded) !== null && _a !== void 0 ? _a : false;
-        return new this.Expand({ content, view, expanded, mode: MODE, group: GROUP });
-    }
-    _getComponentsNode() {
-        const selector = SLOT_SELECTOR;
-        return this.el.querySelector(selector);
-    }
-    _resetUI(componentsNode) {
-        const hasChildren = componentsNode.children.length > 0;
-        if (hasChildren) {
-            const { firstChild } = componentsNode;
-            while (firstChild) {
-                componentsNode.removeChild(firstChild);
-            }
-        }
-    }
-    get el() { return this; }
-    static get style() { return InstantAppsControlPanelStyle0; }
-}, [1, "instant-apps-control-panel", {
-        "components": [16],
-        "view": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-control-panel"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-control-panel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsControlPanel$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsControlPanel = InstantAppsControlPanel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsControlPanel, defineCustomElement };