voyager-ionic-core 8.8.17 → 9.0.1

package/dist/types/components/select/select.d.ts

@@ -18,7 +18,9 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part error-text - Supporting text displayed beneath the select when the select is invalid and touched.
  * @part bottom - The container element for helper text, error text, and counter.
  * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, selected values or placeholder, and toggle icons).
- * @part inner - The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons.
+ * @part start - The wrapper element for the content in the start slot.
+ * @part control - The wrapper element containing the label and native select control. When the label is not floating or stacked, this part also contains the dropdown icon.
+ * @part end - The wrapper element for the content in the end slot. When the label is floating or stacked, this part also contains the dropdown icon.
  */
 export declare class Select implements ComponentInterface {
     private inputId;
@@ -28,10 +30,14 @@ export declare class Select implements ComponentInterface {
     private focusEl?;
     private mutationO?;
     private inheritedAttributes;
+    private slotMutationController?;
     private nativeWrapperEl;
     private notchSpacerEl;
     private validationObserver?;
     private notchController?;
+    private startContainerController?;
+    private startContainerEl;
+    private customHTMLEnabled;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
     /**
@@ -203,6 +209,7 @@ export declare class Select implements ComponentInterface {
     ionStyle: EventEmitter<StyleEventDetail>;
     protected styleChanged(): void;
     private setValue;
+    private isValueEqual;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -238,6 +245,12 @@ export declare class Select implements ComponentInterface {
      * was passed.
      */
     private get labelText();
+    /**
+     * Returns the text to display in the select based on the selected value.
+     *
+     * @param useHTML If `true`, the returned text will include any custom HTML content from the selected option. If `false`, the returned text will be plain text without any HTML. Defaults to `false`.
+     * @returns The text to display in the select, either with or without HTML based on the `useHTML` parameter.
+     */
     private getText;
     private setFocus;
     private emitStyle;
@@ -259,15 +272,26 @@ export declare class Select implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for re-dispatched clicks (when already expanded) to
+     * prevent double-click events. Allows initial button clicks (from keyboard
+     * or mouse) and slotted content clicks to propagate so event delegation
+     * works for parent handlers.
      */
     private onLabelClick;
     /**
-     * Renders the border container
-     * when fill="outline".
+     * Renders the outline border with a notch for the label.
+     */
+    private renderOutlineContainer;
+    /**
+     * Wraps text nodes in the select text with span elements
+     * so spacing can be added between elements without
+     * changing the display to prevent losing the ellipses
+     * behavior.
+     *
+     * Only wraps when the string contains HTML elements
+     * alongside text.
      */
-    private renderLabelContainer;
+    private wrapSelectTextNodes;
     /**
      * Renders either the placeholder
      * or the selected values based on

package/dist/types/components/select-option/select-option.d.ts

@@ -1,14 +1,55 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ *
+ * @slot - Content is placed between the named slots if provided without a slot.
+ * @slot start - Content is placed to the left of the select option text in LTR, and to the right in RTL.
+ * @slot end - Content is placed to the right of the select option text in LTR, and to the left in RTL.
+ */
 export declare class SelectOption implements ComponentInterface {
     private inputId;
     el: HTMLElement;
     /**
-     * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
+     * If `true`, the user cannot interact with the select option.
      */
     disabled: boolean;
     /**
      * The text value of the option.
      */
     value?: any | null;
+    /**
+     * Text that is placed underneath the option text to provide additional details about the option.
+     */
+    description?: string;
+    /**
+     * Where the label is placed relative to the option's selection control
+     * (radio circle or checkbox box) when the option is rendered in an
+     * `alert`, `popover`, or `modal` interface.
+     * `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL.
+     * `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL.
+     *
+     * Applies to the `alert`, `popover`, and `modal` interfaces, but has no
+     * visible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).
+     *
+     * When unset, the interface picks a default based on mode and control
+     * type.
+     */
+    labelPlacement?: 'start' | 'end';
+    /**
+     * How to pack the label and the option's selection control within a line.
+     * `"start"`: The label and radio will appear on the left in LTR and
+     * on the right in RTL.
+     * `"end"`: The label and radio will appear on the right in LTR and
+     * on the left in RTL.
+     * `"space-between"`: The label and radio will appear on opposite
+     * ends of the line with space between the two elements.
+     *
+     * Applies to the `alert`, `popover`, and `modal` interfaces, but has no
+     * visible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).
+     *
+     * When unset, the interface picks a default based on mode and control
+     * type.
+     */
+    justify?: 'start' | 'end' | 'space-between';
     render(): any;
 }

package/dist/types/components/textarea/textarea.d.ts

@@ -23,9 +23,11 @@ export declare class Textarea implements ComponentInterface {
     private textareaWrapper?;
     private inheritedAttributes;
     private originalIonInput?;
-    private notchSpacerEl;
     private slotMutationController?;
     private notchController?;
+    private notchSpacerEl;
+    private startContainerController?;
+    private startContainerEl;
     /**
      * The value of the textarea when the textarea is focused.
      */
@@ -278,14 +280,19 @@ export declare class Textarea implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for clicks on the textarea's own content (label text,
+     * textarea field) to prevent double-click events. Allows clicks on slotted
+     * content to propagate so event delegation works for parent handlers.
+     *
+     * Only slots belonging directly to this textarea should be considered.
+     * The textarea itself may have a slot attribute when placed in an item
+     * or toolbar, which does not make its content slotted content.
      */
     private onLabelClick;
     /**
-     * Renders the border container when fill="outline".
+     * Renders the outline border with a notch for the label.
      */
-    private renderLabelContainer;
+    private renderOutlineContainer;
     /**
      * Renders the helper text or error text values
      */