@ionic/core 8.8.4-dev.11776184632.103b8351 → 8.8.4-dev.11776246162.138c2737

package/dist/cjs/select-option-render-qQf4xz8P.js

@@ -1,67 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var index = require('./index-CzcLEdQ5.js');
-
-/**
- * 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 a span 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.
- *
- * Uses span elements because this content may render 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.
- */
-const renderClonedContent = (id, content, className) => {
-    return (index.h("span", { 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;
-                }
-                // Clear previous content and clone new nodes
-                el.innerHTML = '';
-                Array.from(content.childNodes).forEach((n) => el.appendChild(n.cloneNode(true)));
-                contentCache.set(el, content);
-            }
-        } }));
-};
-/**
- * Renders the label content for a select option within an overlay
- * interface based on the presence of rich content.
- *
- * Uses span elements because this content may render 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.
- */
-const renderOptionLabel = (option, className) => {
-    const { id, label, startContent, endContent, description } = option;
-    const hasRichContent = !!startContent || !!endContent || !!description;
-    // Render the main label
-    const labelEl = typeof label === 'string' || !label ? (index.h("span", { key: `${className}-label-${id}` }, label)) : (renderClonedContent(id, label, `${className}-text`));
-    if (!hasRichContent) {
-        return (index.h("span", { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    return (index.h("span", { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start'), index.h("span", { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (index.h("span", { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end')));
-};
-
-exports.renderOptionLabel = renderOptionLabel;