@pod-os/elements 0.25.3-rc.2f9e99a.0 → 0.25.3-rc.3de9abd.0

package/dist/esm/{refresher.utils-0e6b5f97.js.map → refresher.utils-d191622d.js.map}

@@ -1 +1 @@
-{"file":"refresher.utils-0e6b5f97.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/refresher/refresher.utils.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { writeTask } from \"@stencil/core\";\nimport { createAnimation } from \"../../utils/animation/animation\";\nimport { clamp, componentOnReady, transitionEndAsync } from \"../../utils/helpers\";\nexport const getRefresherAnimationType = (contentEl) => {\n    const previousSibling = contentEl.previousElementSibling;\n    const hasHeader = previousSibling !== null && previousSibling.tagName === 'ION-HEADER';\n    return hasHeader ? 'translate' : 'scale';\n};\nexport const createPullingAnimation = (type, pullingSpinner, refresherEl) => {\n    return type === 'scale'\n        ? createScaleAnimation(pullingSpinner, refresherEl)\n        : createTranslateAnimation(pullingSpinner, refresherEl);\n};\nconst createBaseAnimation = (pullingRefresherIcon) => {\n    const spinner = pullingRefresherIcon.querySelector('ion-spinner');\n    const circle = spinner.shadowRoot.querySelector('circle');\n    const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');\n    const arrowContainer = pullingRefresherIcon.querySelector('.arrow-container');\n    const arrow = arrowContainer ? arrowContainer.querySelector('ion-icon') : null;\n    const baseAnimation = createAnimation().duration(1000).easing('ease-out');\n    const spinnerArrowContainerAnimation = createAnimation()\n        .addElement(spinnerArrowContainer)\n        .keyframes([\n        { offset: 0, opacity: '0.3' },\n        { offset: 0.45, opacity: '0.3' },\n        { offset: 0.55, opacity: '1' },\n        { offset: 1, opacity: '1' },\n    ]);\n    const circleInnerAnimation = createAnimation()\n        .addElement(circle)\n        .keyframes([\n        { offset: 0, strokeDasharray: '1px, 200px' },\n        { offset: 0.2, strokeDasharray: '1px, 200px' },\n        { offset: 0.55, strokeDasharray: '100px, 200px' },\n        { offset: 1, strokeDasharray: '100px, 200px' },\n    ]);\n    const circleOuterAnimation = createAnimation()\n        .addElement(spinner)\n        .keyframes([\n        { offset: 0, transform: 'rotate(-90deg)' },\n        { offset: 1, transform: 'rotate(210deg)' },\n    ]);\n    /**\n     * Only add arrow animation if present\n     * this allows users to customize the spinners\n     * without errors being thrown\n     */\n    if (arrowContainer && arrow) {\n        const arrowContainerAnimation = createAnimation()\n            .addElement(arrowContainer)\n            .keyframes([\n            { offset: 0, transform: 'rotate(0deg)' },\n            { offset: 0.3, transform: 'rotate(0deg)' },\n            { offset: 0.55, transform: 'rotate(280deg)' },\n            { offset: 1, transform: 'rotate(400deg)' },\n        ]);\n        const arrowAnimation = createAnimation()\n            .addElement(arrow)\n            .keyframes([\n            { offset: 0, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.3, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.55, transform: 'translateX(-1.5px) scale(1)' },\n            { offset: 1, transform: 'translateX(-1.5px) scale(1)' },\n        ]);\n        baseAnimation.addAnimation([arrowContainerAnimation, arrowAnimation]);\n    }\n    return baseAnimation.addAnimation([spinnerArrowContainerAnimation, circleInnerAnimation, circleOuterAnimation]);\n};\nconst createScaleAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `scale(0) translateY(-${height}px)` },\n        { offset: 1, transform: 'scale(1) translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nconst createTranslateAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `translateY(-${height}px)` },\n        { offset: 1, transform: 'translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nexport const createSnapBackAnimation = (pullingRefresherIcon) => {\n    return createAnimation()\n        .duration(125)\n        .addElement(pullingRefresherIcon)\n        .fromTo('transform', 'translateY(var(--ion-pulling-refresher-translate, 100px))', 'translateY(0px)');\n};\n// iOS Native Refresher\n// -----------------------------\nexport const setSpinnerOpacity = (spinner, opacity) => {\n    spinner.style.setProperty('opacity', opacity.toString());\n};\nexport const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {\n    const max = 1;\n    writeTask(() => {\n        ticks.forEach((el, i) => {\n            /**\n             * Compute the opacity of each tick\n             * mark as a percentage of the pullAmount\n             * offset by max / numTicks so\n             * the tick marks are shown staggered.\n             */\n            const min = i * (max / numTicks);\n            const range = max - min;\n            const start = pullAmount - min;\n            const progression = clamp(0, start / range, 1);\n            el.style.setProperty('opacity', progression.toString());\n        });\n    });\n};\nexport const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {\n    writeTask(() => {\n        // If user pulls down quickly, the spinner should spin faster\n        spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');\n        spinner.style.setProperty('opacity', '1');\n    });\n};\nexport const translateElement = (el, value, duration = 200) => {\n    if (!el) {\n        return Promise.resolve();\n    }\n    const trans = transitionEndAsync(el, duration);\n    writeTask(() => {\n        el.style.setProperty('transition', `${duration}ms all ease-out`);\n        if (value === undefined) {\n            el.style.removeProperty('transform');\n        }\n        else {\n            el.style.setProperty('transform', `translate3d(0px, ${value}, 0px)`);\n        }\n    });\n    return trans;\n};\n// Utils\n// -----------------------------\n/**\n * In order to use the native iOS refresher the device must support rubber band scrolling.\n * As part of this, we need to exclude Desktop Safari because it has a slightly different rubber band effect that is not compatible with the native refresher in Ionic.\n *\n * We also need to be careful not to include devices that spoof their user agent.\n * For example, when using iOS emulation in Chrome the user agent will be spoofed such that\n * navigator.maxTouchPointer > 0. To work around this,\n * we check to see if the apple-pay-logo is supported as a named image which is only\n * true on Apple devices.\n *\n * We previously checked referencEl.style.webkitOverflowScrolling to explicitly check\n * for rubber band support. However, this property was removed on iPadOS and it's possible\n * that this will be removed on iOS in the future too.\n *\n */\nexport const supportsRubberBandScrolling = () => {\n    return navigator.maxTouchPoints > 0 && CSS.supports('background: -webkit-named-image(apple-pay-logo-black)');\n};\nexport const shouldUseNativeRefresher = async (referenceEl, mode) => {\n    const refresherContent = referenceEl.querySelector('ion-refresher-content');\n    if (!refresherContent) {\n        return Promise.resolve(false);\n    }\n    await new Promise((resolve) => componentOnReady(refresherContent, resolve));\n    const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');\n    const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');\n    return (pullingSpinner !== null &&\n        refreshingSpinner !== null &&\n        ((mode === 'ios' && supportsRubberBandScrolling()) || mode === 'md'));\n};\n"],"version":3}
+{"file":"refresher.utils-d191622d.js","mappings":"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","names":[],"sources":["../node_modules/@ionic/core/dist/collection/components/refresher/refresher.utils.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { writeTask } from \"@stencil/core\";\nimport { createAnimation } from \"../../utils/animation/animation\";\nimport { clamp, componentOnReady, transitionEndAsync } from \"../../utils/helpers\";\nexport const getRefresherAnimationType = (contentEl) => {\n    const previousSibling = contentEl.previousElementSibling;\n    const hasHeader = previousSibling !== null && previousSibling.tagName === 'ION-HEADER';\n    return hasHeader ? 'translate' : 'scale';\n};\nexport const createPullingAnimation = (type, pullingSpinner, refresherEl) => {\n    return type === 'scale'\n        ? createScaleAnimation(pullingSpinner, refresherEl)\n        : createTranslateAnimation(pullingSpinner, refresherEl);\n};\nconst createBaseAnimation = (pullingRefresherIcon) => {\n    const spinner = pullingRefresherIcon.querySelector('ion-spinner');\n    const circle = spinner.shadowRoot.querySelector('circle');\n    const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');\n    const arrowContainer = pullingRefresherIcon.querySelector('.arrow-container');\n    const arrow = arrowContainer ? arrowContainer.querySelector('ion-icon') : null;\n    const baseAnimation = createAnimation().duration(1000).easing('ease-out');\n    const spinnerArrowContainerAnimation = createAnimation()\n        .addElement(spinnerArrowContainer)\n        .keyframes([\n        { offset: 0, opacity: '0.3' },\n        { offset: 0.45, opacity: '0.3' },\n        { offset: 0.55, opacity: '1' },\n        { offset: 1, opacity: '1' },\n    ]);\n    const circleInnerAnimation = createAnimation()\n        .addElement(circle)\n        .keyframes([\n        { offset: 0, strokeDasharray: '1px, 200px' },\n        { offset: 0.2, strokeDasharray: '1px, 200px' },\n        { offset: 0.55, strokeDasharray: '100px, 200px' },\n        { offset: 1, strokeDasharray: '100px, 200px' },\n    ]);\n    const circleOuterAnimation = createAnimation()\n        .addElement(spinner)\n        .keyframes([\n        { offset: 0, transform: 'rotate(-90deg)' },\n        { offset: 1, transform: 'rotate(210deg)' },\n    ]);\n    /**\n     * Only add arrow animation if present\n     * this allows users to customize the spinners\n     * without errors being thrown\n     */\n    if (arrowContainer && arrow) {\n        const arrowContainerAnimation = createAnimation()\n            .addElement(arrowContainer)\n            .keyframes([\n            { offset: 0, transform: 'rotate(0deg)' },\n            { offset: 0.3, transform: 'rotate(0deg)' },\n            { offset: 0.55, transform: 'rotate(280deg)' },\n            { offset: 1, transform: 'rotate(400deg)' },\n        ]);\n        const arrowAnimation = createAnimation()\n            .addElement(arrow)\n            .keyframes([\n            { offset: 0, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.3, transform: 'translateX(2px) scale(0)' },\n            { offset: 0.55, transform: 'translateX(-1.5px) scale(1)' },\n            { offset: 1, transform: 'translateX(-1.5px) scale(1)' },\n        ]);\n        baseAnimation.addAnimation([arrowContainerAnimation, arrowAnimation]);\n    }\n    return baseAnimation.addAnimation([spinnerArrowContainerAnimation, circleInnerAnimation, circleOuterAnimation]);\n};\nconst createScaleAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `scale(0) translateY(-${height}px)` },\n        { offset: 1, transform: 'scale(1) translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nconst createTranslateAnimation = (pullingRefresherIcon, refresherEl) => {\n    /**\n     * Do not take the height of the refresher icon\n     * because at this point the DOM has not updated,\n     * so the refresher icon is still hidden with\n     * display: none.\n     * The `ion-refresher` container height\n     * is roughly the amount we need to offset\n     * the icon by when pulling down.\n     */\n    const height = refresherEl.clientHeight;\n    const spinnerAnimation = createAnimation()\n        .addElement(pullingRefresherIcon)\n        .keyframes([\n        { offset: 0, transform: `translateY(-${height}px)` },\n        { offset: 1, transform: 'translateY(100px)' },\n    ]);\n    return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);\n};\nexport const createSnapBackAnimation = (pullingRefresherIcon) => {\n    return createAnimation()\n        .duration(125)\n        .addElement(pullingRefresherIcon)\n        .fromTo('transform', 'translateY(var(--ion-pulling-refresher-translate, 100px))', 'translateY(0px)');\n};\n// iOS Native Refresher\n// -----------------------------\nexport const setSpinnerOpacity = (spinner, opacity) => {\n    spinner.style.setProperty('opacity', opacity.toString());\n};\nexport const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {\n    const max = 1;\n    writeTask(() => {\n        ticks.forEach((el, i) => {\n            /**\n             * Compute the opacity of each tick\n             * mark as a percentage of the pullAmount\n             * offset by max / numTicks so\n             * the tick marks are shown staggered.\n             */\n            const min = i * (max / numTicks);\n            const range = max - min;\n            const start = pullAmount - min;\n            const progression = clamp(0, start / range, 1);\n            el.style.setProperty('opacity', progression.toString());\n        });\n    });\n};\nexport const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {\n    writeTask(() => {\n        // If user pulls down quickly, the spinner should spin faster\n        spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');\n        spinner.style.setProperty('opacity', '1');\n    });\n};\nexport const translateElement = (el, value, duration = 200) => {\n    if (!el) {\n        return Promise.resolve();\n    }\n    const trans = transitionEndAsync(el, duration);\n    writeTask(() => {\n        el.style.setProperty('transition', `${duration}ms all ease-out`);\n        if (value === undefined) {\n            el.style.removeProperty('transform');\n        }\n        else {\n            el.style.setProperty('transform', `translate3d(0px, ${value}, 0px)`);\n        }\n    });\n    return trans;\n};\n// Utils\n// -----------------------------\n/**\n * In order to use the native iOS refresher the device must support rubber band scrolling.\n * As part of this, we need to exclude Desktop Safari because it has a slightly different rubber band effect that is not compatible with the native refresher in Ionic.\n *\n * We also need to be careful not to include devices that spoof their user agent.\n * For example, when using iOS emulation in Chrome the user agent will be spoofed such that\n * navigator.maxTouchPointer > 0. To work around this,\n * we check to see if the apple-pay-logo is supported as a named image which is only\n * true on Apple devices.\n *\n * We previously checked referencEl.style.webkitOverflowScrolling to explicitly check\n * for rubber band support. However, this property was removed on iPadOS and it's possible\n * that this will be removed on iOS in the future too.\n *\n */\nexport const supportsRubberBandScrolling = () => {\n    return navigator.maxTouchPoints > 0 && CSS.supports('background: -webkit-named-image(apple-pay-logo-black)');\n};\nexport const shouldUseNativeRefresher = async (referenceEl, mode) => {\n    const refresherContent = referenceEl.querySelector('ion-refresher-content');\n    if (!refresherContent) {\n        return Promise.resolve(false);\n    }\n    await new Promise((resolve) => componentOnReady(refresherContent, resolve));\n    const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');\n    const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');\n    return (pullingSpinner !== null &&\n        refreshingSpinner !== null &&\n        ((mode === 'ios' && supportsRubberBandScrolling()) || mode === 'md'));\n};\n"],"version":3}

package/dist/esm/{status-tap-e90a7a0d.js → status-tap-cdf580e7.js}

@@ -1,4 +1,4 @@
-import { f as readTask, w as writeTask } from './index-4fdc2561.js';
+import { f as readTask, w as writeTask } from './index-9725d917.js';
 import { a as findClosestIonContent, s as scrollToTop } from './index-12e18dab.js';
 import { a as componentOnReady } from './helpers-c51da066.js';
 import './index-f7ac0403.js';
@@ -39,4 +39,4 @@ const startStatusTap = () => {
 
 export { startStatusTap };
 
-//# sourceMappingURL=status-tap-e90a7a0d.js.map
+//# sourceMappingURL=status-tap-cdf580e7.js.map

package/dist/esm/{status-tap-e90a7a0d.js.map → status-tap-cdf580e7.js.map}

@@ -1 +1 @@
-{"file":"status-tap-e90a7a0d.js","mappings":";;;;;AAAA;AACA;AACA;AAIY,MAAC,cAAc,GAAG,MAAM;AACpC,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC;AACvB,IAAI,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM;AAC5C,QAAQ,QAAQ,CAAC,MAAM;AACvB,YAAY,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC;AACzC,YAAY,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC;AAC3C,YAAY,MAAM,EAAE,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;AACxE,YAAY,IAAI,CAAC,EAAE,EAAE;AACrB,gBAAgB,OAAO;AACvB,aAAa;AACb,YAAY,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACxD,YAAY,IAAI,SAAS,EAAE;AAC3B,gBAAgB,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;AAC1F,oBAAoB,SAAS,CAAC,YAAY;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAC5E,wBAAwB,MAAM,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAC1D,wBAAwB,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AACrE,qBAAqB,CAAC,CAAC;AACvB,iBAAiB,CAAC,CAAC;AACnB,aAAa;AACb,SAAS,CAAC,CAAC;AACX,KAAK,CAAC,CAAC;AACP;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/status-tap.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { findClosestIonContent, scrollToTop } from \"./content\";\nimport { componentOnReady } from \"./helpers\";\nexport const startStatusTap = () => {\n    const win = window;\n    win.addEventListener('statusTap', () => {\n        readTask(() => {\n            const width = win.innerWidth;\n            const height = win.innerHeight;\n            const el = document.elementFromPoint(width / 2, height / 2);\n            if (!el) {\n                return;\n            }\n            const contentEl = findClosestIonContent(el);\n            if (contentEl) {\n                new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {\n                    writeTask(async () => {\n                        /**\n                         * If scrolling and user taps status bar,\n                         * only calling scrollToTop is not enough\n                         * as engines like WebKit will jump the\n                         * scroll position back down and complete\n                         * any in-progress momentum scrolling.\n                         */\n                        contentEl.style.setProperty('--overflow', 'hidden');\n                        await scrollToTop(contentEl, 300);\n                        contentEl.style.removeProperty('--overflow');\n                    });\n                });\n            }\n        });\n    });\n};\n"],"version":3}
+{"file":"status-tap-cdf580e7.js","mappings":";;;;;AAAA;AACA;AACA;AAIY,MAAC,cAAc,GAAG,MAAM;AACpC,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC;AACvB,IAAI,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM;AAC5C,QAAQ,QAAQ,CAAC,MAAM;AACvB,YAAY,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC;AACzC,YAAY,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC;AAC3C,YAAY,MAAM,EAAE,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;AACxE,YAAY,IAAI,CAAC,EAAE,EAAE;AACrB,gBAAgB,OAAO;AACvB,aAAa;AACb,YAAY,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;AACxD,YAAY,IAAI,SAAS,EAAE;AAC3B,gBAAgB,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;AAC1F,oBAAoB,SAAS,CAAC,YAAY;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAC5E,wBAAwB,MAAM,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAC1D,wBAAwB,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AACrE,qBAAqB,CAAC,CAAC;AACvB,iBAAiB,CAAC,CAAC;AACnB,aAAa;AACb,SAAS,CAAC,CAAC;AACX,KAAK,CAAC,CAAC;AACP;;;;","names":[],"sources":["../node_modules/@ionic/core/dist/collection/utils/status-tap.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { findClosestIonContent, scrollToTop } from \"./content\";\nimport { componentOnReady } from \"./helpers\";\nexport const startStatusTap = () => {\n    const win = window;\n    win.addEventListener('statusTap', () => {\n        readTask(() => {\n            const width = win.innerWidth;\n            const height = win.innerHeight;\n            const el = document.elementFromPoint(width / 2, height / 2);\n            if (!el) {\n                return;\n            }\n            const contentEl = findClosestIonContent(el);\n            if (contentEl) {\n                new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {\n                    writeTask(async () => {\n                        /**\n                         * If scrolling and user taps status bar,\n                         * only calling scrollToTop is not enough\n                         * as engines like WebKit will jump the\n                         * scroll position back down and complete\n                         * any in-progress momentum scrolling.\n                         */\n                        contentEl.style.setProperty('--overflow', 'hidden');\n                        await scrollToTop(contentEl, 300);\n                        contentEl.style.removeProperty('--overflow');\n                    });\n                });\n            }\n        });\n    });\n};\n"],"version":3}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.25.3-rc.2f9e99a.0",
+  "version": "0.25.3-rc.3de9abd.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/ion-badge_2.cjs.entry.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-45dd971c.js');
-const theme = require('./theme-187bbc7d.js');
-const ionicGlobal = require('./ionic-global-c7ac1ce0.js');
-const index$1 = require('./index-ee29a70a.js');
-const PodOsAware = require('./PodOsAware-a16ddb44.js');
-const ResourceAware = require('./ResourceAware-7b6501ae.js');
-
-const badgeIosCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
-const IonBadgeIosStyle0 = badgeIosCss;
-
-const badgeMdCss = ":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
-const IonBadgeMdStyle0 = badgeMdCss;
-
-const Badge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-    }
-    render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '22d41ceefb76f40dfbf739fd71483f1272a45858', class: theme.createColorClasses(this.color, {
-                [mode]: true,
-            }) }, index.h("slot", { key: 'e7e65463bac5903971a8f9f6be55515f42b81a83' })));
-    }
-};
-Badge.style = {
-    ios: IonBadgeIosStyle0,
-    md: IonBadgeMdStyle0
-};
-
-const posAddLiteralValueCss = ":host{display:flex;align-items:center;gap:0.2rem}input{padding:var(--size-2);background-color:transparent;color:var(--pos-normal-text-color);border:none}input:focus{outline:2px solid var(--pos-primary-color);background-color:var(--pos-input-background-color);transition:outline 0.1s,\n    background-color 0.1s}";
-const PosAddLiteralValueStyle0 = posAddLiteralValueCss;
-
-const PosAddLiteralValue = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.subscribePodOs = index.createEvent(this, "pod-os:init", 7);
-        this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
-        this.addedLiteralValue = index.createEvent(this, "pod-os:added-literal-value", 7);
-        this.error = index.createEvent(this, "pod-os:error", 7);
-        this.receiveResource = (resource) => {
-            this.resource = resource;
-        };
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-    }
-    setName() { }
-    componentWillLoad() {
-        ResourceAware.subscribeResource(this);
-        PodOsAware.subscribePodOs(this);
-    }
-    async save() {
-        try {
-            await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);
-            const literal = {
-                predicate: this.selectedTermUri,
-                label: index$1.labelFromUri(this.selectedTermUri),
-                values: [this.currentValue],
-            };
-            this.addedLiteralValue.emit(literal);
-            this.currentValue = '';
-        }
-        catch (err) {
-            this.error.emit(err);
-        }
-    }
-    onTermSelected(event) {
-        this.selectedTermUri = event.detail.uri;
-        this.valueInput.focus();
-    }
-    render() {
-        var _a;
-        if (!((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable)) {
-            return;
-        }
-        return (index.h(index.Host, null, index.h("ion-icon", { name: "add-circle-outline" }), index.h("pos-select-term", { placeholder: "Add literal", "onPod-os:term-selected": ev => this.onTermSelected(ev) }), index.h("input", { ref: el => (this.valueInput = el), value: this.currentValue, placeholder: "", onInput: ev => (this.currentValue = ev.target.value), onChange: () => this.save() })));
-    }
-    static get watchers() { return {
-        "os": ["setName"]
-    }; }
-};
-PosAddLiteralValue.style = PosAddLiteralValueStyle0;
-
-exports.ion_badge = Badge;
-exports.pos_add_literal_value = PosAddLiteralValue;
-
-//# sourceMappingURL=ion-badge_2.cjs.entry.js.map

package/dist/cjs/ion-badge_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"ion-badge.pos-add-literal-value.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,q4BAAq4B,CAAC;AAC15B,0BAAe,WAAW;;ACD1B,MAAM,UAAU,GAAG,k7BAAk7B,CAAC;AACt8B,yBAAe,UAAU;;MCQZ,KAAK;IACd;;QACI,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,MAAM;QACF,MAAM,IAAI,GAAGA,sBAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAEC,wBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;gBACjG,CAAC,IAAI,GAAG,IAAI;aACf,CAAC,EAAE,EAAEF,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE;KAC9E;;;;;;;AClBL,MAAM,qBAAqB,GAAG,yTAAyT,CAAC;AACxV,iCAAe,qBAAqB;;MCSvB,kBAAkB;IAL/B;;;;;;QAoCE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;QAEF,iBAAY,GAAG,OAAO,EAAS;YAC7B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAwCH;IAvDC,OAAO,MAAK;IAIZ,iBAAiB;QACfG,+BAAiB,CAAC,IAAI,CAAC,CAAC;QACxBC,yBAAc,CAAC,IAAI,CAAC,CAAC;KACtB;IAUD,MAAM,IAAI;QACR,IAAI;YACF,MAAM,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvF,MAAM,OAAO,GAAY;gBACvB,SAAS,EAAE,IAAI,CAAC,eAAe;gBAC/B,KAAK,EAAEC,oBAAY,CAAC,IAAI,CAAC,eAAe,CAAC;gBACzC,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5B,CAAC;YACF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACtB;KACF;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;KACzB;IAED,MAAM;;QACJ,IAAI,EAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,CAAA,EAAE;YAC5B,OAAO;SACR;QACD,QACEL,QAACC,UAAI,QACHD,sBAAU,IAAI,EAAC,oBAAoB,GAAY,EAC/CA,6BAAiB,WAAW,EAAC,aAAa,4BAAyB,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,GAAI,EACpGA,mBACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,WAAW,EAAC,EAAE,EACd,OAAO,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,EAC1E,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,GACpB,CACJ,EACP;KACH;;;;;;;;;;","names":["getIonMode","h","Host","createColorClasses","subscribeResource","subscribePodOs","labelFromUri"],"sources":["../node_modules/@ionic/core/dist/collection/components/badge/badge.ios.css?tag=ion-badge&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/badge/badge.md.css?tag=ion-badge&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/badge/badge.js","src/components/pos-add-literal-value/pos-add-literal-value.css?tag=pos-add-literal-value&encapsulation=shadow","src/components/pos-add-literal-value/pos-add-literal-value.tsx"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the badge\n   * @prop --color: Text color of the badge\n   *\n   * @prop --padding-top: Top padding of the badge\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge\n   * @prop --padding-bottom: Bottom padding of the badge\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge\n   */\n  --background: var(--ion-color-primary, #3880ff);\n  --color: var(--ion-color-primary-contrast, #fff);\n  --padding-top: 3px;\n  --padding-end: 8px;\n  --padding-bottom: 3px;\n  --padding-start: 8px;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  display: inline-block;\n  min-width: 10px;\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  font-size: 0.8125rem;\n  font-weight: bold;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  contain: content;\n  vertical-align: baseline;\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(:empty) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  border-radius: 10px;\n  /**\n   * \"-apple-system-body\" on iOS never goes smaller than\n   * 14px according to https://developer.apple.com/design/human-interface-guidelines/typography#Specifications.\n   * However, we still keep the max() usage here for consistency\n   * with other components and in case \"-apple-system-body\" does\n   * go smaller than 14px in the future.\n   */\n  font-size: max(13px, 0.8125rem);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the badge\n   * @prop --color: Text color of the badge\n   *\n   * @prop --padding-top: Top padding of the badge\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the badge\n   * @prop --padding-bottom: Bottom padding of the badge\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the badge\n   */\n  --background: var(--ion-color-primary, #3880ff);\n  --color: var(--ion-color-primary-contrast, #fff);\n  --padding-top: 3px;\n  --padding-end: 8px;\n  --padding-bottom: 3px;\n  --padding-start: 8px;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  display: inline-block;\n  min-width: 10px;\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  font-size: 0.8125rem;\n  font-weight: bold;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  contain: content;\n  vertical-align: baseline;\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(:empty) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --padding-top: 3px;\n  --padding-end: 4px;\n  --padding-bottom: 4px;\n  --padding-start: 4px;\n  border-radius: 4px;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Badge {\n    constructor() {\n        this.color = undefined;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '22d41ceefb76f40dfbf739fd71483f1272a45858', class: createColorClasses(this.color, {\n                [mode]: true,\n            }) }, h(\"slot\", { key: 'e7e65463bac5903971a8f9f6be55515f42b81a83' })));\n    }\n    static get is() { return \"ion-badge\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"badge.ios.scss\"],\n            \"md\": [\"badge.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"badge.ios.css\"],\n            \"md\": [\"badge.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            }\n        };\n    }\n}\n",":host {\n  display: flex;\n  align-items: center;\n  gap: 0.2rem;\n}\n\ninput {\n  padding: var(--size-2);\n  background-color: transparent;\n  color: var(--pos-normal-text-color);\n  border: none;\n}\n\ninput:focus {\n  outline: 2px solid var(--pos-primary-color);\n  background-color: var(--pos-input-background-color);\n  transition:\n    outline 0.1s,\n    background-color 0.1s;\n}\n","import { Literal, PodOS, Thing, labelFromUri } from '@pod-os/core';\nimport { Component, Host, h, State, Event, Watch, EventEmitter } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-add-literal-value',\n  styleUrl: 'pos-add-literal-value.css',\n  shadow: true,\n})\nexport class PosAddLiteralValue implements ResourceAware, PodOsAware {\n  @State() os: PodOS;\n  @State() resource: Thing;\n\n  @State() currentValue: string;\n  @State() selectedTermUri: string;\n\n  @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: ResourceEventEmitter;\n\n  /**\n   * The entered literal value has been added to the resource and successfully stored to the Pod.\n   */\n  @Event({ eventName: 'pod-os:added-literal-value' }) addedLiteralValue: EventEmitter;\n\n  /**\n   * Something went wrong while adding the literal value.\n   */\n  @Event({ eventName: 'pod-os:error' }) error: EventEmitter;\n\n  @Watch('os')\n  setName() {}\n\n  private valueInput: HTMLInputElement;\n\n  componentWillLoad() {\n    subscribeResource(this);\n    subscribePodOs(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  receivePodOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  async save() {\n    try {\n      await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);\n      const literal: Literal = {\n        predicate: this.selectedTermUri,\n        label: labelFromUri(this.selectedTermUri),\n        values: [this.currentValue],\n      };\n      this.addedLiteralValue.emit(literal);\n      this.currentValue = '';\n    } catch (err) {\n      this.error.emit(err);\n    }\n  }\n\n  onTermSelected(event) {\n    this.selectedTermUri = event.detail.uri;\n    this.valueInput.focus();\n  }\n\n  render() {\n    if (!this.resource?.editable) {\n      return;\n    }\n    return (\n      <Host>\n        <ion-icon name=\"add-circle-outline\"></ion-icon>\n        <pos-select-term placeholder=\"Add literal\" onPod-os:term-selected={ev => this.onTermSelected(ev)} />\n        <input\n          ref={el => (this.valueInput = el)}\n          value={this.currentValue}\n          placeholder=\"\"\n          onInput={ev => (this.currentValue = (ev.target as HTMLInputElement).value)}\n          onChange={() => this.save()}\n        ></input>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/ion-card-title_6.cjs.entry.js

@@ -1,287 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-45dd971c.js');
-const theme = require('./theme-187bbc7d.js');
-const ionicGlobal = require('./ionic-global-c7ac1ce0.js');
-const ResourceAware = require('./ResourceAware-7b6501ae.js');
-
-const cardTitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}";
-const IonCardTitleIosStyle0 = cardTitleIosCss;
-
-const cardTitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}";
-const IonCardTitleMdStyle0 = cardTitleMdCss;
-
-const CardTitle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-    }
-    render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
-                'ion-inherit-color': true,
-                [mode]: true,
-            }) }, index.h("slot", { key: '8d87636ad703545b6d2297629205a5a8616eb94e' })));
-    }
-};
-CardTitle.style = {
-    ios: IonCardTitleIosStyle0,
-    md: IonCardTitleMdStyle0
-};
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const SIZE_TO_MEDIA = {
-    xs: '(min-width: 0px)',
-    sm: '(min-width: 576px)',
-    md: '(min-width: 768px)',
-    lg: '(min-width: 992px)',
-    xl: '(min-width: 1200px)',
-};
-// Check if the window matches the media query
-// at the breakpoint passed
-// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
-const matchBreakpoint = (breakpoint) => {
-    if (breakpoint === undefined || breakpoint === '') {
-        return true;
-    }
-    if (window.matchMedia) {
-        const mediaQuery = SIZE_TO_MEDIA[breakpoint];
-        return window.matchMedia(mediaQuery).matches;
-    }
-    return false;
-};
-
-const colCss = ":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";
-const IonColStyle0 = colCss;
-
-const win = typeof window !== 'undefined' ? window : undefined;
-// eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-const SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
-const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
-const Col = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.offset = undefined;
-        this.offsetXs = undefined;
-        this.offsetSm = undefined;
-        this.offsetMd = undefined;
-        this.offsetLg = undefined;
-        this.offsetXl = undefined;
-        this.pull = undefined;
-        this.pullXs = undefined;
-        this.pullSm = undefined;
-        this.pullMd = undefined;
-        this.pullLg = undefined;
-        this.pullXl = undefined;
-        this.push = undefined;
-        this.pushXs = undefined;
-        this.pushSm = undefined;
-        this.pushMd = undefined;
-        this.pushLg = undefined;
-        this.pushXl = undefined;
-        this.size = undefined;
-        this.sizeXs = undefined;
-        this.sizeSm = undefined;
-        this.sizeMd = undefined;
-        this.sizeLg = undefined;
-        this.sizeXl = undefined;
-    }
-    onResize() {
-        index.forceUpdate(this);
-    }
-    // Loop through all of the breakpoints to see if the media query
-    // matches and grab the column value from the relevant prop if so
-    getColumns(property) {
-        let matched;
-        for (const breakpoint of BREAKPOINTS) {
-            const matches = matchBreakpoint(breakpoint);
-            // Grab the value of the property, if it exists and our
-            // media query matches we return the value
-            const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
-            if (matches && columns !== undefined) {
-                matched = columns;
-            }
-        }
-        // Return the last matched columns since the breakpoints
-        // increase in size and we want to return the largest match
-        return matched;
-    }
-    calculateSize() {
-        const columns = this.getColumns('size');
-        // If size wasn't set for any breakpoint
-        // or if the user set the size without a value
-        // it means we need to stick with the default and return
-        // e.g. <ion-col size-md>
-        if (!columns || columns === '') {
-            return;
-        }
-        // If the size is set to auto then don't calculate a size
-        const colSize = columns === 'auto'
-            ? 'auto'
-            : // If CSS supports variables we should use the grid columns var
-                SUPPORTS_VARS
-                    ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
-                    : // Convert the columns to a percentage by dividing by the total number
-                        // of columns (12) and then multiplying by 100
-                        (columns / 12) * 100 + '%';
-        return {
-            flex: `0 0 ${colSize}`,
-            width: `${colSize}`,
-            'max-width': `${colSize}`,
-        };
-    }
-    // Called by push, pull, and offset since they use the same calculations
-    calculatePosition(property, modifier) {
-        const columns = this.getColumns(property);
-        if (!columns) {
-            return;
-        }
-        // If the number of columns passed are greater than 0 and less than
-        // 12 we can position the column, else default to auto
-        const amount = SUPPORTS_VARS
-            ? // If CSS supports variables we should use the grid columns var
-                `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
-            : // Convert the columns to a percentage by dividing by the total number
-                // of columns (12) and then multiplying by 100
-                columns > 0 && columns < 12
-                    ? (columns / 12) * 100 + '%'
-                    : 'auto';
-        return {
-            [modifier]: amount,
-        };
-    }
-    calculateOffset(isRTL) {
-        return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
-    }
-    calculatePull(isRTL) {
-        return this.calculatePosition('pull', isRTL ? 'left' : 'right');
-    }
-    calculatePush(isRTL) {
-        return this.calculatePosition('push', isRTL ? 'right' : 'left');
-    }
-    render() {
-        const isRTL = document.dir === 'rtl';
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '56ecf3b3f2be05d5f179f2d136d4ab05a4525da9', class: {
-                [mode]: true,
-            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '8f1113d39dcb709300ebbeaf81bc092c1dd8da3e' })));
-    }
-};
-Col.style = IonColStyle0;
-
-const gridCss = ":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}";
-const IonGridStyle0 = gridCss;
-
-const Grid = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.fixed = false;
-    }
-    render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'a1c2ff77f97761c2bbcd869b2cc7b1558032b406', class: {
-                [mode]: true,
-                'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: 'cd25166436cf3a63a11ad436a9b9c5a607e72600' })));
-    }
-};
-Grid.style = IonGridStyle0;
-
-const rowCss = ":host{display:flex;flex-wrap:wrap}";
-const IonRowStyle0 = rowCss;
-
-const Row = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '242c9a45b0bb39af2aebf412fdfa9a176babc834', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'd9015d663d631bbf20bd3e0821fed874cd6c5156' })));
-    }
-};
-Row.style = IonRowStyle0;
-
-const posLiteralsCss = ":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n  }\n}\n";
-const PosLiteralsStyle0 = posLiteralsCss;
-
-const PosLiterals = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
-        this.data = [];
-        this.receiveResource = (resource) => {
-            this.data = resource.literals();
-        };
-    }
-    componentWillLoad() {
-        ResourceAware.subscribeResource(this);
-    }
-    literalValueAdded(newLiteral) {
-        const existing = this.data.find(it => it.predicate === newLiteral.predicate);
-        if (!existing) {
-            this.data = [...this.data, newLiteral];
-        }
-        else {
-            this.data = this.data.map(it => {
-                return it.predicate === existing.predicate
-                    ? {
-                        predicate: existing.predicate,
-                        label: existing.label,
-                        values: [...existing.values, ...newLiteral.values],
-                    }
-                    : it;
-            });
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '571f571381d9a9c4bcf0188a782c46485266a3d8' }, this.data.length > 0 ? (index.h("dl", null, this.data.map(it => (index.h("div", { class: "predicate-values" }, index.h("dt", null, index.h("pos-predicate", { uri: it.predicate, label: it.label })), index.h("div", { class: "values" }, it.values.map(value => (index.h("dd", null, value))))))))) : null, index.h("pos-add-literal-value", { key: 'e1b58aba48a56e60ec8bb1087f054972bb2c437c', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
-    }
-};
-PosLiterals.style = PosLiteralsStyle0;
-
-const posTypeBadgesCss = ".types{display:flex;gap:var(--size-1)}.expanded{flex-direction:column;justify-content:flex-start;align-items:flex-start}ion-badge{color:#333;background:#eee}ion-badge.toggle{cursor:pointer}ion-badge.toggle:hover{background:#ddd}";
-const PosTypeBadgesStyle0 = posTypeBadgesCss;
-
-const PosTypeBadges = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
-        this.data = [];
-        this.typeLabels = [];
-        this.isExpanded = false;
-        this.receiveResource = (resource) => {
-            this.data = resource.types();
-            this.typeLabels = [...new Set(resource.types().map(it => it.label))];
-        };
-    }
-    componentWillLoad() {
-        ResourceAware.subscribeResource(this);
-    }
-    toggleDetails() {
-        this.isExpanded = !this.isExpanded;
-    }
-    render() {
-        if (this.data.length == 0) {
-            return null;
-        }
-        if (this.isExpanded) {
-            return (index.h("div", { class: "types expanded" }, index.h("ion-badge", { class: "toggle", onClick: () => this.toggleDetails() }, index.h("ion-icon", { name: "contract-outline" })), this.data.map(it => (index.h("ion-badge", null, it.uri)))));
-        }
-        else {
-            return (index.h(index.Host, null, index.h("div", { class: "types" }, this.typeLabels.map(it => (index.h("ion-badge", null, it))), index.h("ion-badge", { class: "toggle", onClick: () => this.toggleDetails() }, index.h("ion-icon", { name: "expand-outline" })))));
-        }
-    }
-};
-PosTypeBadges.style = PosTypeBadgesStyle0;
-
-exports.ion_card_title = CardTitle;
-exports.ion_col = Col;
-exports.ion_grid = Grid;
-exports.ion_row = Row;
-exports.pos_literals = PosLiterals;
-exports.pos_type_badges = PosTypeBadges;
-
-//# sourceMappingURL=ion-card-title_6.cjs.entry.js.map