import { CommonModule } from '@angular/common';
import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
import { IonButton, IonIcon, IonLabel, IonSelect, IonSelectOption } from '@ionic/angular/standalone';
import { addIcons } from 'ionicons';
import { chevronDown } from 'ionicons/icons';
import { I18nService } from '../../../services/i18n';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
 * val-popover-selector
 *
 * A generic reusable popover selector component that can be used for any type of selection.
 * Provides a button trigger that opens a popover with selectable options.
 *
 * @example
 * // Basic usage
 * <val-popover-selector
 *   [props]="selectorProps"
 *   (selectionChange)="onSelectionChange($event)">
 * </val-popover-selector>
 *
 * @example
 * // With icon and custom styling
 * const selectorProps: PopoverSelectorMetadata = {
 *   options: [
 *     { value: 'option1', label: 'Option 1', icon: 'star' },
 *     { value: 'option2', label: 'Option 2', icon: 'heart' }
 *   ],
 *   selectedValue: 'option1',
 *   label: 'Choose option',
 *   icon: 'settings',
 *   color: 'primary',
 *   size: 'large',
 *   fill: 'solid'
 * };
 *
 * @input props: PopoverSelectorMetadata - Configuration for the selector
 * @output selectionChange: EventEmitter<string | string[]> - Emitted when selection changes
 */
export class PopoverSelectorComponent {
    constructor() {
        /**
         * Event emitted when the selection changes.
         * Emits the selected value(s).
         */
        this.selectionChange = new EventEmitter();
        this.i18n = inject(I18nService);
        // Register required icons
        addIcons({ chevronDown });
    }
    /**
     * Get placeholder text.
     */
    getPlaceholderText() {
        return this.props.placeholder || this.i18n.t('selectPlaceholder');
    }
    /**
     * Get cancel text.
     */
    getCancelText() {
        return this.props.cancelText || this.i18n.t('cancel');
    }
    /**
     * Get ok text.
     */
    getOkText() {
        return this.props.okText || this.i18n.t('ok');
    }
    /**
     * Handle selection change from the ion-select.
     * @param event - The ion-select change event
     */
    onSelectionChange(event) {
        const selectedValue = event.detail.value;
        this.selectionChange.emit(selectedValue);
    }
    /**
     * Get the display text for the trigger button.
     * Shows the selected option's label or placeholder.
     * @returns The display text
     */
    getDisplayText() {
        if (!this.props.selectedValue) {
            return this.getPlaceholderText();
        }
        if (Array.isArray(this.props.selectedValue)) {
            // Multiple selection
            if (this.props.selectedValue.length === 0) {
                return this.getPlaceholderText();
            }
            if (this.props.selectedValue.length === 1) {
                const option = this.props.options.find(opt => opt.value === this.props.selectedValue[0]);
                return option?.label || this.props.selectedValue[0];
            }
            return `${this.props.selectedValue.length} ${this.i18n.t('selected')}`;
        }
        // Single selection
        const selectedOption = this.props.options.find(opt => opt.value === this.props.selectedValue);
        return selectedOption?.label || this.props.selectedValue;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PopoverSelectorComponent, isStandalone: true, selector: "val-popover-selector", inputs: { props: "props" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: `
    <div class="popover-selector-container">
      <ion-label *ngIf="props.label" class="selector-label">{{ props.label }}</ion-label>
      <ion-select
        [value]="props.selectedValue"
        [placeholder]="getPlaceholderText()"
        [interface]="props.interface || 'popover'"
        [multiple]="props.multiple || false"
        [disabled]="props.disabled || false"
        [cancelText]="getCancelText()"
        [okText]="getOkText()"
        (ionChange)="onSelectionChange($event)"
        class="popover-selector-select"
      >
        <ion-button
          slot="trigger"
          [fill]="props.fill || 'clear'"
          [size]="props.size || 'default'"
          [shape]="'round'"
          [color]="props.color || 'medium'"
          [disabled]="props.disabled || false"
          class="selector-trigger"
        >
          <ion-icon *ngIf="props.icon" [name]="props.icon" slot="start"> </ion-icon>

          <span class="trigger-text">{{ getDisplayText() }}</span>

          <ion-icon name="chevron-down-outline" slot="end" class="chevron-icon"> </ion-icon>
        </ion-button>

        <ion-select-option *ngFor="let option of props.options" [value]="option.value" [disabled]="option.disabled">
          <div class="option-content">
            <ion-icon *ngIf="option.icon" [name]="option.icon" class="option-icon"> </ion-icon>
            <span>{{ option.label }}</span>
          </div>
        </ion-select-option>
      </ion-select>
    </div>
  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.popover-selector-container{display:inline-block;width:auto}.popover-selector-container .selector-label{display:block;margin-bottom:8px;font-weight:600;color:var(--ion-color-dark, #1a1a1a)}.popover-selector-select{display:inline-block;width:auto}.popover-selector-select .selector-trigger{--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--box-shadow: none;--border-radius: 24px;display:inline-flex;align-items:center;min-width:auto;width:auto;height:auto;min-height:40px;padding:10px 16px;margin:0;background:var(--ion-color-light, #f8f9fa);border:none;border-radius:24px;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.popover-selector-select .selector-trigger:hover:not([disabled]){background:var(--ion-color-light-shade, #e9ecef);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.popover-selector-select .selector-trigger:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.popover-selector-select .selector-trigger:focus-visible{outline:2px solid var(--ion-color-primary, #3880ff);outline-offset:2px}.popover-selector-select .selector-trigger .trigger-text{display:inline-block;margin:0 8px 0 0;font-weight:600;font-size:.875rem;color:var(--ion-color-dark, #1a1a1a);white-space:nowrap;line-height:1.4}.popover-selector-select .selector-trigger .chevron-icon{font-size:1rem;color:var(--ion-color-medium, #92949c);transition:transform .2s ease;margin-left:4px}.popover-selector-select .selector-trigger ion-icon[slot=start]{margin-right:8px;font-size:1rem;color:var(--ion-color-medium-shade, #808289)}.popover-selector-select .selector-trigger.select-expanded{background:var(--ion-color-light-shade, #e9ecef)}.popover-selector-select .selector-trigger.select-expanded .chevron-icon{transform:rotate(180deg);color:var(--ion-color-primary, #3880ff)}.popover-selector-select .selector-trigger[disabled]{opacity:.6;pointer-events:none;background:var(--ion-color-light-tint, #f4f5f8);box-shadow:none;transform:none}.option-content{display:flex;align-items:center;gap:12px;padding:6px 0}.option-content .option-icon{font-size:1.125rem;width:18px;height:18px;opacity:.8;color:var(--ion-color-medium-shade, #808289)}.option-content span{font-weight:500;color:var(--ion-color-dark, #1a1a1a);line-height:1.4}.popover-selector-container.size-small .selector-trigger{min-height:32px;padding:6px 12px;border-radius:18px}.popover-selector-container.size-small .selector-trigger .trigger-text{font-size:.75rem}.popover-selector-container.size-small .selector-trigger .chevron-icon,.popover-selector-container.size-small .selector-trigger ion-icon[slot=start]{font-size:.875rem}.popover-selector-container.size-large .selector-trigger{min-height:48px;padding:14px 20px;border-radius:28px}.popover-selector-container.size-large .selector-trigger .trigger-text{font-size:1rem}.popover-selector-container.size-large .selector-trigger .chevron-icon,.popover-selector-container.size-large .selector-trigger ion-icon[slot=start]{font-size:1.125rem}@media (max-width: 768px){.popover-selector-container .selector-trigger{min-height:38px;padding:9px 14px}.popover-selector-container .selector-trigger .trigger-text{font-size:.8125rem}}:host-context(.dark) .popover-selector-container .selector-label,:host-context(.ion-palette-dark) .popover-selector-container .selector-label,:host-context(html.ion-palette-dark) .popover-selector-container .selector-label,:host-context(body.dark) .popover-selector-container .selector-label,:host-context([data-theme=dark]) .popover-selector-container .selector-label{color:var(--ion-color-light, #f4f5f8)}:host-context(.dark) .popover-selector-container .selector-trigger,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger,:host-context(body.dark) .popover-selector-container .selector-trigger,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger{background:var(--ion-color-dark-tint, #383a3e)}:host-context(.dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context(body.dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context([data-theme=dark]) .popover-selector-container .selector-trigger:hover:not([disabled]){background:var(--ion-color-dark-shade, #2f2f2f)}:host-context(.dark) .popover-selector-container .selector-trigger .trigger-text,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger .trigger-text,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger .trigger-text,:host-context(body.dark) .popover-selector-container .selector-trigger .trigger-text,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger .trigger-text{color:var(--ion-color-light, #f4f5f8)}:host-context(.dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(.dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context(body.dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(body.dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context([data-theme=dark]) .popover-selector-container .selector-trigger .chevron-icon,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger ion-icon[slot=start]{color:var(--ion-color-light-shade, #d7d8da)}:host-context(.dark) .popover-selector-container .selector-trigger.select-expanded,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger.select-expanded,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger.select-expanded,:host-context(body.dark) .popover-selector-container .selector-trigger.select-expanded,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger.select-expanded{background:var(--ion-color-dark-shade, #2f2f2f)}ion-select{border-radius:8px;padding:.625rem;border:.125rem solid var(--ion-color-light)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverSelectorComponent, decorators: [{
            type: Component,
            args: [{ selector: 'val-popover-selector', standalone: true, imports: [CommonModule, IonButton, IonIcon, IonSelect, IonSelectOption, IonLabel], template: `
    <div class="popover-selector-container">
      <ion-label *ngIf="props.label" class="selector-label">{{ props.label }}</ion-label>
      <ion-select
        [value]="props.selectedValue"
        [placeholder]="getPlaceholderText()"
        [interface]="props.interface || 'popover'"
        [multiple]="props.multiple || false"
        [disabled]="props.disabled || false"
        [cancelText]="getCancelText()"
        [okText]="getOkText()"
        (ionChange)="onSelectionChange($event)"
        class="popover-selector-select"
      >
        <ion-button
          slot="trigger"
          [fill]="props.fill || 'clear'"
          [size]="props.size || 'default'"
          [shape]="'round'"
          [color]="props.color || 'medium'"
          [disabled]="props.disabled || false"
          class="selector-trigger"
        >
          <ion-icon *ngIf="props.icon" [name]="props.icon" slot="start"> </ion-icon>

          <span class="trigger-text">{{ getDisplayText() }}</span>

          <ion-icon name="chevron-down-outline" slot="end" class="chevron-icon"> </ion-icon>
        </ion-button>

        <ion-select-option *ngFor="let option of props.options" [value]="option.value" [disabled]="option.disabled">
          <div class="option-content">
            <ion-icon *ngIf="option.icon" [name]="option.icon" class="option-icon"> </ion-icon>
            <span>{{ option.label }}</span>
          </div>
        </ion-select-option>
      </ion-select>
    </div>
  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.popover-selector-container{display:inline-block;width:auto}.popover-selector-container .selector-label{display:block;margin-bottom:8px;font-weight:600;color:var(--ion-color-dark, #1a1a1a)}.popover-selector-select{display:inline-block;width:auto}.popover-selector-select .selector-trigger{--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--box-shadow: none;--border-radius: 24px;display:inline-flex;align-items:center;min-width:auto;width:auto;height:auto;min-height:40px;padding:10px 16px;margin:0;background:var(--ion-color-light, #f8f9fa);border:none;border-radius:24px;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.popover-selector-select .selector-trigger:hover:not([disabled]){background:var(--ion-color-light-shade, #e9ecef);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.popover-selector-select .selector-trigger:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.popover-selector-select .selector-trigger:focus-visible{outline:2px solid var(--ion-color-primary, #3880ff);outline-offset:2px}.popover-selector-select .selector-trigger .trigger-text{display:inline-block;margin:0 8px 0 0;font-weight:600;font-size:.875rem;color:var(--ion-color-dark, #1a1a1a);white-space:nowrap;line-height:1.4}.popover-selector-select .selector-trigger .chevron-icon{font-size:1rem;color:var(--ion-color-medium, #92949c);transition:transform .2s ease;margin-left:4px}.popover-selector-select .selector-trigger ion-icon[slot=start]{margin-right:8px;font-size:1rem;color:var(--ion-color-medium-shade, #808289)}.popover-selector-select .selector-trigger.select-expanded{background:var(--ion-color-light-shade, #e9ecef)}.popover-selector-select .selector-trigger.select-expanded .chevron-icon{transform:rotate(180deg);color:var(--ion-color-primary, #3880ff)}.popover-selector-select .selector-trigger[disabled]{opacity:.6;pointer-events:none;background:var(--ion-color-light-tint, #f4f5f8);box-shadow:none;transform:none}.option-content{display:flex;align-items:center;gap:12px;padding:6px 0}.option-content .option-icon{font-size:1.125rem;width:18px;height:18px;opacity:.8;color:var(--ion-color-medium-shade, #808289)}.option-content span{font-weight:500;color:var(--ion-color-dark, #1a1a1a);line-height:1.4}.popover-selector-container.size-small .selector-trigger{min-height:32px;padding:6px 12px;border-radius:18px}.popover-selector-container.size-small .selector-trigger .trigger-text{font-size:.75rem}.popover-selector-container.size-small .selector-trigger .chevron-icon,.popover-selector-container.size-small .selector-trigger ion-icon[slot=start]{font-size:.875rem}.popover-selector-container.size-large .selector-trigger{min-height:48px;padding:14px 20px;border-radius:28px}.popover-selector-container.size-large .selector-trigger .trigger-text{font-size:1rem}.popover-selector-container.size-large .selector-trigger .chevron-icon,.popover-selector-container.size-large .selector-trigger ion-icon[slot=start]{font-size:1.125rem}@media (max-width: 768px){.popover-selector-container .selector-trigger{min-height:38px;padding:9px 14px}.popover-selector-container .selector-trigger .trigger-text{font-size:.8125rem}}:host-context(.dark) .popover-selector-container .selector-label,:host-context(.ion-palette-dark) .popover-selector-container .selector-label,:host-context(html.ion-palette-dark) .popover-selector-container .selector-label,:host-context(body.dark) .popover-selector-container .selector-label,:host-context([data-theme=dark]) .popover-selector-container .selector-label{color:var(--ion-color-light, #f4f5f8)}:host-context(.dark) .popover-selector-container .selector-trigger,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger,:host-context(body.dark) .popover-selector-container .selector-trigger,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger{background:var(--ion-color-dark-tint, #383a3e)}:host-context(.dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context(body.dark) .popover-selector-container .selector-trigger:hover:not([disabled]),:host-context([data-theme=dark]) .popover-selector-container .selector-trigger:hover:not([disabled]){background:var(--ion-color-dark-shade, #2f2f2f)}:host-context(.dark) .popover-selector-container .selector-trigger .trigger-text,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger .trigger-text,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger .trigger-text,:host-context(body.dark) .popover-selector-container .selector-trigger .trigger-text,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger .trigger-text{color:var(--ion-color-light, #f4f5f8)}:host-context(.dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(.dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context(body.dark) .popover-selector-container .selector-trigger .chevron-icon,:host-context(body.dark) .popover-selector-container .selector-trigger ion-icon[slot=start],:host-context([data-theme=dark]) .popover-selector-container .selector-trigger .chevron-icon,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger ion-icon[slot=start]{color:var(--ion-color-light-shade, #d7d8da)}:host-context(.dark) .popover-selector-container .selector-trigger.select-expanded,:host-context(.ion-palette-dark) .popover-selector-container .selector-trigger.select-expanded,:host-context(html.ion-palette-dark) .popover-selector-container .selector-trigger.select-expanded,:host-context(body.dark) .popover-selector-container .selector-trigger.select-expanded,:host-context([data-theme=dark]) .popover-selector-container .selector-trigger.select-expanded{background:var(--ion-color-dark-shade, #2f2f2f)}ion-select{border-radius:8px;padding:.625rem;border:.125rem solid var(--ion-color-light)!important}\n"] }]
        }], ctorParameters: () => [], propDecorators: { props: [{
                type: Input
            }], selectionChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 