@ionic/core 8.8.6-dev.11777569278.1613db2e → 8.8.6-dev.11777572994.1147595d

package/dist/collection/components/toolbar/toolbar.ionic.css

@@ -1,249 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host {
-  /**
-   * @prop --background: Background of the toolbar
-   *
-   * @prop --border-color: Color of the toolbar border
-   * @prop --border-style: Style of the toolbar border
-   * @prop --border-width: Width of the toolbar border
-   *
-   * @prop --color: Color of the toolbar text
-   *
-   * @prop --min-height: Minimum height of the toolbar
-   *
-   * @prop --opacity: Opacity of the toolbar background
-   *
-   * @prop --padding-top: Top padding of the toolbar
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar
-   * @prop --padding-bottom: Bottom padding of the toolbar
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar
-   */
-  --border-width: 0;
-  --border-style: solid;
-  --opacity: 1;
-  --opacity-scale: 1;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: block;
-  position: relative;
-  width: 100%;
-  padding-right: var(--ion-safe-area-right);
-  padding-left: var(--ion-safe-area-left);
-  color: var(--color);
-  contain: content;
-  box-sizing: border-box;
-}
-
-.toolbar-container {
-  -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: flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: var(--min-height);
-  contain: content;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-
-.toolbar-background {
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  transform: translateZ(0);
-  border-width: var(--border-width);
-  border-style: var(--border-style);
-  border-color: var(--border-color);
-  background: var(--background);
-  contain: strict;
-  opacity: calc(var(--opacity) * var(--opacity-scale));
-  pointer-events: none;
-}
-
-::slotted(ion-progress-bar) {
-  right: 0;
-  left: 0;
-  bottom: 0;
-  position: absolute;
-}
-
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-:host {
-  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
-  --border-color: currentColor;
-  --padding-top: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-start: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-end: var(--token-space-200, var(--token-scale-200, 8px));
-  --min-height: var(--token-scale-1400, 56px);
-}
-
-.toolbar-container {
-  gap: var(--token-space-400, var(--token-scale-400, 16px));
-  z-index: 10;
-}
-
-.toolbar-background {
-  z-index: -1;
-}
-
-.toolbar-content {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-:host(.toolbar-searchbar) ::slotted(ion-searchbar) {
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::slotted(ion-buttons) {
-  gap: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-::slotted(ion-title) {
-  -webkit-padding-start: var(--token-space-200, var(--token-scale-200, 8px));
-  padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
-  -webkit-padding-end: var(--token-space-200, var(--token-scale-200, 8px));
-  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-:host(.toolbar-title-large) ::slotted(ion-title) {
-  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
-  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
-}
-
-:host(.has-end-content) slot[name=end],
-:host(.show-end) slot[name=end] {
-  display: flex;
-  flex: 0 0 var(--start-end-size, 0);
-  justify-content: flex-end;
-  text-align: end;
-}
-
-:host(.has-start-content) slot[name=start],
-:host(.show-start) slot[name=start] {
-  display: flex;
-  flex: 0 0 var(--start-end-size, 0);
-}
-
-:host(.has-primary-content) slot[name=primary],
-:host(.show-primary) slot[name=primary] {
-  display: flex;
-  flex: 0 0 var(--primary-secondary-size, 0);
-  justify-content: flex-end;
-  text-align: end;
-}
-
-:host(.has-secondary-content) slot[name=secondary],
-:host(.show-secondary) slot[name=secondary] {
-  display: flex;
-  flex: 0 0 var(--primary-secondary-size, 0);
-}
-
-:host(.toolbar-title-placement-start) ::slotted(ion-title) {
-  text-align: start;
-}
-
-:host(.toolbar-title-placement-center) ::slotted(ion-title) {
-  text-align: center;
-}
-
-:host(.toolbar-title-placement-end) ::slotted(ion-title) {
-  text-align: end;
-}

package/dist/collection/utils/select-option-render.js

@@ -1,76 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { sanitizeDOMString } from "./sanitization";
-/**
- * Cache that maps rendered span elements to the source HTMLElement
- * they were cloned from. This prevents flickering when a user
- * selects an option that has rich content, as the content will only be
- * re-rendered if the source HTMLElement changes.
- */
-const contentCache = new WeakMap();
-/**
- * Renders cloned DOM content into an element via a ref callback.
- * The content is only cloned when the source element changes,
- * preventing flicker caused by destroying and recreating web
- * components (e.g., ion-avatar) on every re-render cycle.
- *
- * Span elements should be used when this content renders within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param id - Unique identifier for generating stable virtual DOM keys.
- * @param content - The HTMLElement container whose child nodes will be cloned.
- * @param className - CSS class applied to the wrapper span.
- * @param useSpan - Whether to use a span element instead of a div for the wrapper.
- */
-const renderClonedContent = (id, content, className, useSpan = false) => {
-    const Tag = useSpan ? 'span' : 'div';
-    return (h(Tag, { class: className, key: `${className}-${id}`, ref: (el) => {
-            if (el) {
-                const cached = contentCache.get(el);
-                // Skip if this element already has clones from the same source
-                if (cached === content) {
-                    return;
-                }
-                const sanitized = sanitizeDOMString(content.innerHTML);
-                el.innerHTML = sanitized !== null && sanitized !== void 0 ? sanitized : '';
-                contentCache.set(el, content);
-            }
-        } }));
-};
-/**
- * Renders the label content for a select option within an overlay
- * interface based on the presence of rich content.
- *
- * Span elements should be used when this content renders within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param option - The content option data containing label, slots,
- * and description.
- * @param className - The base CSS class for the label element.
- * @param useSpan - Whether to use a span element instead of a div for the label.
- */
-export const renderOptionLabel = (option, className, useSpan = false) => {
-    const { id, label, startContent, endContent, description } = option;
-    const hasRichContent = !!startContent || !!endContent || !!description;
-    const Tag = useSpan ? 'span' : 'div';
-    // Render simple string label if there is no rich content to display
-    if (!hasRichContent && (typeof label === 'string' || !label)) {
-        return (h(Tag, { class: className, key: `${className}-${id}` }, label));
-    }
-    // Render the main label
-    const labelEl = typeof label === 'string' || !label ? (
-    // Label is a simple string or undefined
-    h(Tag, { key: `${className}-label-${id}` }, label)) : (
-    // Label is an HTMLElement with potential rich content
-    renderClonedContent(id, label, `${className}-text`, useSpan));
-    // No rich content, render just the label
-    if (!hasRichContent) {
-        return (h(Tag, { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    // Render label with rich content (start, end, description)
-    return (h(Tag, { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start', useSpan), h(Tag, { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (h(Tag, { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end', useSpan)));
-};

package/dist/esm/caret-down-D1t981Ih.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretDownSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiIvPjwvc3ZnPg==';
-
-export { caretDownSvg as c };

package/dist/esm/caret-left-fIOYmaqA.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiLz48L3N2Zz4=';
-
-export { caretLeftSvg as c };

package/dist/esm/caret-right-BYSs-jZz.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretRightSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xODEuNjYsMTMzLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTY0LjY5LDEyOCw5MC4zNCw1My42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJsODAsODBBOCw4LDAsMCwxLDE4MS42NiwxMzMuNjZaIi8+PC9zdmc+';
-
-export { caretRightSvg as c };

package/dist/esm/config-BwKpO3Is.js

@@ -1,31 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const setupConfig = (config) => {
-    const win = window;
-    const Ionic = win.Ionic;
-    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-    if (Ionic && Ionic.config && Ionic.config.constructor.name !== 'Object') {
-        return;
-    }
-    win.Ionic = win.Ionic || {};
-    win.Ionic.config = Object.assign(Object.assign({}, win.Ionic.config), config);
-    return win.Ionic.config;
-};
-const getMode = () => {
-    var _a;
-    const win = window;
-    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
-    if (config) {
-        if (config.mode) {
-            return config.mode;
-        }
-        else {
-            return config.get('mode');
-        }
-    }
-    return 'md';
-};
-const ENABLE_HTML_CONTENT_DEFAULT = false;
-
-export { ENABLE_HTML_CONTENT_DEFAULT as E, getMode as g, setupConfig as s };

package/dist/esm/ion-divider.entry.js

@@ -1,49 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { r as registerInstance, h, d as Host } from './index-Omi_TcwW.js';
-import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
-
-const dividerIonicCss = () => `:host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5))}:host(.divider-inset){--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.divider-spacing-xsmall){--margin-top:var(--token-space-200, var(--token-scale-200, 8px));--margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.divider-spacing-small){--margin-top:var(--token-space-300, var(--token-scale-300, 12px));--margin-bottom:var(--token-space-300, var(--token-scale-300, 12px))}:host(.divider-spacing-medium){--margin-top:var(--token-space-400, var(--token-scale-400, 16px));--margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.divider-spacing-large){--margin-top:var(--token-space-600, var(--token-scale-600, 24px));--margin-bottom:var(--token-space-600, var(--token-scale-600, 24px))}:host(.divider-spacing-xlarge){--margin-top:var(--token-space-800, var(--token-scale-800, 32px));--margin-bottom:var(--token-space-800, var(--token-scale-800, 32px))}:host(.divider-spacing-xxlarge){--margin-top:var(--token-space-1000, var(--token-scale-1000, 40px));--margin-bottom:var(--token-space-1000, var(--token-scale-1000, 40px))}`;
-
-const dividerIosCss = () => `:host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}`;
-
-const dividerMdCss = () => `:host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}`;
-
-const Divider = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Set to `"xxsmall"` for the smallest spacing.
-         * Set to "xsmall" for very small spacing.
-         * Set to `"small"` for small spacing.
-         * Set to "medium" for medium spacing.
-         * Set to "large" for large spacing.
-         * Set to `"xlarge"` for the largest spacing.
-         *
-         * Defaults to `"medium"`.
-         */
-        this.spacing = 'medium';
-        /**
-         * If `true`, the divider will have horizontal margins
-         * By default, it's `false`
-         */
-        this.inset = false;
-    }
-    render() {
-        const { inset, spacing } = this;
-        const theme = getIonTheme(this);
-        return (h(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
-                [theme]: true,
-                [`divider-spacing-${spacing}`]: spacing !== undefined,
-                [`divider-inset`]: inset,
-            } }, h("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
-    }
-};
-Divider.style = {
-    ionic: dividerIonicCss(),
-    ios: dividerIosCss(),
-    md: dividerMdCss()
-};
-
-export { Divider as ion_divider };