@ionic/core 8.8.9-dev.11780493108.1d8e1a89 → 8.8.9-dev.11780604658.184bb991

package/dist/ionic/p-fbdbdb3e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{r as t,e as o,h as e,d as n,g as i,c as a,f as r}from"./p-Omi_TcwW.js";import{c as s}from"./p-D1t981Ih.js";import{g as d,r as c,f as h,m as l,t as p}from"./p-CHE1xWbg.js";import{h as g}from"./p-DaJxRxSQ.js";import{l as u}from"./p-D2tu5BUg.js";import{c as b}from"./p-DaknVxZR.js";import"./p-vXpMhGrs.js";const x=class{constructor(e){t(this,e),this.accordionGroupUpdateHandler=()=>{const t=this.accordionGroupEl;if(t){const o=t.value,e=this.value,n=Array.isArray(o)?o.includes(e):o===e;this.hasReceivedFirstUpdate&&n!==(4===this.state||8===this.state)&&(this.hasInteracted=!0),void 0!==o&&(this.hasReceivedFirstUpdate=!0)}this.updateState()},this.state=1,this.isNext=!1,this.isPrevious=!1,this.isLast=!1,this.hasInteracted=!1,this.hasEverBeenExpanded=!1,this.hasReceivedFirstUpdate=!1,this.value="ion-accordion-"+v++,this.disabled=!1,this.readonly=!1,this.toggleIconSlot="end",this.setItemDefaults=()=>{const t=this.getSlottedHeaderIonItem();t&&(t.button=!0,t.detail=!1,void 0===t.lines&&(t.lines="full"))},this.getSlottedHeaderIonItem=()=>{const{headerEl:t}=this;if(!t)return;const o=t.querySelector("slot");return o&&void 0!==o.assignedElements?o.assignedElements().find((t=>"ION-ITEM"===t.tagName)):void 0},this.setAria=(t=!1)=>{const o=this.getSlottedHeaderIonItem();if(!o)return;const e=d(o).querySelector("button");e&&e.setAttribute("aria-expanded",`${t}`)},this.slotToggleIcon=()=>{const t=this.getSlottedHeaderIonItem();if(!t)return;const{accordionToggleIcon:o,toggleIconSlot:e}=this;if(t.querySelector(".ion-accordion-toggle-icon"))return;const n=document.createElement("ion-icon");n.slot=e,n.lazy=!1,n.classList.add("ion-accordion-toggle-icon"),n.icon=o,n.setAttribute("aria-hidden","true"),t.appendChild(n)},this.expandAccordion=()=>{const{contentEl:t,contentElWrapper:o}=this;if(void 0===t||void 0===o)return this.state=4,void(this.hasEverBeenExpanded=!0);4!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.hasEverBeenExpanded=!0,this.shouldAnimate()?c((()=>{this.state=8,this.currentRaf=c((async()=>{const e=o.offsetHeight,n=p(t,2e3);t.style.setProperty("max-height",`${e}px`),await n,this.state=4,t.style.removeProperty("max-height")}))})):this.state=4)},this.collapseAccordion=()=>{const{contentEl:t}=this;void 0!==t?1!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=c((async()=>{t.style.setProperty("max-height",`${t.offsetHeight}px`),c((async()=>{const o=p(t,2e3);this.state=2,await o,this.state=1,t.style.removeProperty("max-height")}))})):this.state=1):this.state=1},this.shouldAnimate=()=>!(!this.hasInteracted||!this.hasEverBeenExpanded)&&("undefined"!=typeof window&&(!matchMedia("(prefers-reduced-motion: reduce)").matches&&!(!o.get("animated",!0)||this.accordionGroupEl&&!this.accordionGroupEl.animated))),this.updateState=async()=>{const t=this.accordionGroupEl,o=this.value;if(!t)return;const e=t.value,n=Array.isArray(e)?e.includes(o):e===o,i=this.getNextSibling();if(this.isLast=void 0===i,n)this.expandAccordion(),this.isNext=this.isPrevious=!1;else{this.collapseAccordion();const t=null==i?void 0:i.value;void 0!==t&&(this.isPrevious=Array.isArray(e)?e.includes(t):e===t);const o=this.getPreviousSibling(),n=null==o?void 0:o.value;void 0!==n&&(this.isNext=Array.isArray(e)?e.includes(n):e===n)}},this.getNextSibling=()=>{const t=this.el.nextElementSibling;if("ION-ACCORDION"===(null==t?void 0:t.tagName))return t},this.getPreviousSibling=()=>{const t=this.el.previousElementSibling;if("ION-ACCORDION"===(null==t?void 0:t.tagName))return t}}valueChanged(){this.updateState()}connectedCallback(){var t;const o=this.accordionGroupEl=null===(t=this.el)||void 0===t?void 0:t.closest("ion-accordion-group");o&&(this.updateState(),h(o,"ionValueChange",this.accordionGroupUpdateHandler))}disconnectedCallback(){const t=this.accordionGroupEl;t&&l(t,"ionValueChange",this.accordionGroupUpdateHandler)}componentDidLoad(){this.setItemDefaults(),this.slotToggleIcon(),c((()=>{this.setAria(4===this.state||8===this.state)}))}get accordionToggleIcon(){if(null!=this.toggleIcon)return this.toggleIcon;const t=b(this),e={ios:u,ionic:s,md:u};return o.get("accordionToggleIcon",e[t]||e.md)}toggleExpanded(){const{accordionGroupEl:t,disabled:o,readonly:e,value:n,state:i}=this;o||e||(this.hasInteracted=!0,!t)||t.requestAccordionToggle(n,1===i||2===i)}render(){const{disabled:t,readonly:o}=this,i=b(this),a=4===this.state||8===this.state,r=a?"header expanded":"header",s=a?"content expanded":"content";return this.setAria(a),e(n,{key:"dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca",class:{[i]:!0,"accordion-expanding":8===this.state,"accordion-expanded":4===this.state,"accordion-collapsing":2===this.state,"accordion-collapsed":1===this.state,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-last":this.isLast,"accordion-disabled":t,"accordion-readonly":o,"accordion-animated":this.shouldAnimate(),"in-accordion-group-expand-inset":g(".accordion-group-expand-inset",this.el)},tabindex:t?"-1":void 0},e("div",{key:"3e67b334a8b12eb337d2deae47b6a661cba41c74",onClick:()=>this.toggleExpanded(),id:"header",part:r,"aria-controls":"content",ref:t=>this.headerEl=t},e("slot",{key:"ae7618fb460577c6c31995d8e842c1de16263985",name:"header"})),e("div",{key:"9fc9964f77b9344f763c9adf69ce0bc09534bc75",id:"content",part:s,role:"region","aria-labelledby":"header",ref:t=>this.contentEl=t},e("div",{key:"996cf517f866dc516e4ce488c647364e8b2726c8",id:"content-wrapper",ref:t=>this.contentElWrapper=t},e("slot",{key:"b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7",name:"content"}))))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{value:[{valueChanged:0}]}}};let v=0;x.style={ionic:':host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));content:"";z-index:3}:host(.accordion-last)::after{display:none}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}#content-wrapper{-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));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}',ios:":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}",md:":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}"};const m=class{constructor(o){t(this,o),this.ionChange=a(this,"ionChange",7),this.ionValueChange=a(this,"ionValueChange",7),this.animated=!0,this.disabled=!1,this.readonly=!1,this.expand="compact"}valueChanged(){const{value:t,multiple:o}=this;!o&&Array.isArray(t)&&r(`[ion-accordion-group] - An array of values was passed, but multiple is "false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n  Value Passed: [${t.map((t=>`'${t}'`)).join(", ")}]\n`,this.el),this.ionValueChange.emit({value:this.value})}async disabledChanged(){const{disabled:t}=this,o=await this.getAccordions();for(const e of o)e.disabled=t}async readonlyChanged(){const{readonly:t}=this,o=await this.getAccordions();for(const e of o)e.readonly=t}async onKeydown(t){const o=document.activeElement;if(!o)return;if(!o.closest('ion-accordion [slot="header"]'))return;const e="ION-ACCORDION"===o.tagName?o:o.closest("ion-accordion");if(!e)return;if(e.closest("ion-accordion-group")!==this.el)return;const n=await this.getAccordions(),i=n.findIndex((t=>t===e));if(-1===i)return;let a;"ArrowDown"===t.key?a=this.findNextAccordion(n,i):"ArrowUp"===t.key?a=this.findPreviousAccordion(n,i):"Home"===t.key?a=n[0]:"End"===t.key&&(a=n[n.length-1]),void 0!==a&&a!==o&&a.focus()}async componentDidLoad(){this.disabled&&this.disabledChanged(),this.readonly&&this.readonlyChanged(),this.valueChanged()}setValue(t){const o=this.value=t;this.ionChange.emit({value:o})}async requestAccordionToggle(t,o){const{multiple:e,value:n,readonly:i,disabled:a}=this;if(!i&&!a)if(o)if(e){const o=null!=n?n:[],e=Array.isArray(o)?o:[o];void 0===e.find((o=>o===t))&&void 0!==t&&this.setValue([...e,t])}else this.setValue(t);else if(e){const o=null!=n?n:[],e=Array.isArray(o)?o:[o];this.setValue(e.filter((o=>o!==t)))}else this.setValue(void 0)}findNextAccordion(t,o){const e=t[o+1];return void 0===e?t[0]:e}findPreviousAccordion(t,o){const e=t[o-1];return void 0===e?t[t.length-1]:e}async getAccordions(){return Array.from(this.el.querySelectorAll(":scope > ion-accordion"))}getShape(){const t=b(this),{shape:o}=this;if("ionic"===t)return void 0===o?"round":o}render(){const{disabled:t,readonly:o,expand:i}=this,a=b(this),r=this.getShape();return e(n,{key:"3ff9248922382f2fe2eb9eb2fd895bb9aa91ef2f",class:{[a]:!0,"accordion-group-disabled":t,"accordion-group-readonly":o,[`accordion-group-expand-${i}`]:!0,[`accordion-group-shape-${r}`]:void 0!==r},role:"presentation"},e("slot",{key:"aaa96bfa504bb020c7897e44ac1502b12bb81faf"}))}get el(){return i(this)}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}]}}};m.style={ionic:":host{display:block}:host{min-width:calc(var(--token-scale-6200, 248px) + var(--token-space-600, var(--token-scale-600, 24px)));background-color:var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff))}:host(.accordion-group-expand-inset){-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.accordion-group-expand-inset.accordion-group-shape-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}",ios:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}",md:":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}"};export{x as ion_accordion,m as ion_accordion_group}

package/dist/ionic/p-ff09d2a5.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{r as o,h as s,d as r}from"./p-Omi_TcwW.js";import{c as a}from"./p-DaJxRxSQ.js";import{c as t}from"./p-DaknVxZR.js";const c=class{constructor(s){o(this,s)}render(){const o=t(this);return s(r,{key:"4a8be0173621ab64b2849bd02b569e479890c5c4",class:a(this.color,{[o]:!0})},s("slot",{key:"af7771d2fd855b5de843f32d58cd33a89051fa8b"}))}};c.style=":host(.ion-color){color:var(--ion-color-base)}";export{c as ion_text}

package/dist/ionic/p-vXpMhGrs.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const o="ion-focused",t=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];let e=null;const s=()=>(e||(e=c()),e),n=o=>{s().setFocus(o)},c=e=>{let s=[],n=!0;const c=e?e.shadowRoot:document,u=e||document.body,r=t=>{s.forEach((t=>t.classList.remove(o))),t.forEach((t=>t.classList.add(o))),s=t},d=()=>{n=!1,r([])},f=o=>{n=t.includes(o.key),n||r([])},i=o=>{if(n&&void 0!==o.composedPath){const t=o.composedPath().filter((o=>!!o.classList&&o.classList.contains("ion-focusable")));r(t)}},w=()=>{c.activeElement===u&&r([])};return c.addEventListener("keydown",f),c.addEventListener("focusin",i),c.addEventListener("focusout",w),c.addEventListener("touchstart",d,{passive:!0}),c.addEventListener("mousedown",d),{destroy:()=>{c.removeEventListener("keydown",f),c.removeEventListener("focusin",i),c.removeEventListener("focusout",w),c.removeEventListener("touchstart",d),c.removeEventListener("mousedown",d)},setFocus:r}};export{n as focusElements,s as getOrInitFocusVisibleUtility,c as startFocusVisible}

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

@@ -1,20 +0,0 @@
-import type { ComponentInterface } from '../../stencil-public-runtime';
-export declare class Divider implements ComponentInterface {
-    /**
-     * 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"`.
-     */
-    spacing?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
-    /**
-     * If `true`, the divider will have horizontal margins
-     * By default, it's `false`
-     */
-    inset: boolean;
-    render(): any;
-}

package/dist/types/components/gallery/gallery-constants.d.ts

@@ -1,9 +0,0 @@
-export declare const DEFAULT_COLUMNS: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-};
-export declare const DEFAULT_GAP = "16px";

package/dist/types/components/gallery/gallery-interface.d.ts

@@ -1,10 +0,0 @@
-export interface GalleryBreakpoints<T = string | number> {
-    xs?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-}
-export type GalleryColumns = GalleryBreakpoints | string | number;
-export type GalleryGap = GalleryBreakpoints | string | number;

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

@@ -1,185 +0,0 @@
-import type { ComponentInterface } from '../../stencil-public-runtime';
-import type { GalleryColumns, GalleryGap } from './gallery-interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- *
- * @slot - Content is placed in a responsive gallery layout.
- */
-export declare class Gallery implements ComponentInterface {
-    el: HTMLIonGalleryElement;
-    private masonryRaf?;
-    private resizeObserver?;
-    private lastWidth?;
-    private hasWarnedInvalidColumns;
-    private hasWarnedInvalidGap;
-    private hasWarnedUnusedOrder;
-    /**
-     * The visual layout of the gallery. When `uniform`, rows take up the height
-     * of the tallest item and are spaced evenly across the gallery. Additionally,
-     * items will have an aspect ratio of 1/1, forcing them to be square unless a
-     * height is explicitly set. When `masonry`, items will be positioned under each
-     * other with only the specified gap between them.
-     */
-    layout: 'uniform' | 'masonry';
-    /**
-     * The order in which items are positioned. Only applies when layout is
-     * `masonry`. When `sequential`, items are positioned in the order they are
-     * placed in the DOM. When `best-fit`, items are positioned under the column
-     * with the most available space. Defaults to `sequential` when layout is
-     * `masonry` and `order` is not explicitly set.
-     */
-    order?: 'sequential' | 'best-fit';
-    /**
-     * The number of columns to display. Can be set as a number or an object of
-     * breakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).
-     */
-    columns: GalleryColumns;
-    /**
-     * The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
-     * values like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,
-     * CSS variables like `var(--app-gallery-gap)`, or numbers (treated as pixel
-     * values). Can also be set as a breakpoint map
-     * (e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept
-     * space-separated values or CSS keyword values like `inherit`, `auto`, etc.
-     */
-    gap: GalleryGap;
-    protected onColumnsOrGapChanged(): void;
-    protected onLayoutOrOrderChanged(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    /**
-     * Listen for the load event on child elements.
-     * When the layout is `masonry`, this listener is used to schedule a resize
-     * of the masonry grid when the child elements load. This is useful for when
-     * images take time to load.
-     */
-    protected onChildLoad(ev: Event): void;
-    /**
-     * Listen for the slotchange event on the slot.
-     * When the layout is `masonry`, this listener is used to schedule a resize
-     * of the masonry grid when the slot changes. This is useful for when items
-     * are added or removed from the gallery.
-     */
-    private onSlotChange;
-    /**
-     * Recompute the gallery column and gap variables and masonry placement when
-     * columns, gap, layout, or order change.
-     */
-    private syncResponsiveLayout;
-    /**
-     * Batch masonry measurements to a single animation frame.
-     * This avoids repeated sync layouts during rapid resize/load/slot changes.
-     */
-    private scheduleMasonryResize;
-    /**
-     * Normalize a single column value (`columns` as a number, string, or one entry from
-     * a `columns` breakpoint map) to a positive integer. Returns `undefined` when
-     * the input cannot be interpreted as a finite number.
-     */
-    private sanitizeColumns;
-    /**
-     * Normalize a single gap value (`gap` as a number, a string such as a CSS
-     * length-percentage or `var()` reference, or one entry from a `gap`
-     * breakpoint map) to a CSS length string. Returns `undefined` when the
-     * input cannot be interpreted as a valid CSS length or `var()` reference.
-     */
-    private sanitizeGap;
-    /**
-     * Check if the value is a breakpoint map object.
-     */
-    private isBreakpointMap;
-    /**
-     * Check if the breakpoint map has any invalid values for the provided
-     * sanitizer. A breakpoint map is invalid when there are no valid breakpoint
-     * keys set (e.g. `{}` or `{ colums: 3 }`), or when a value under a
-     * breakpoint key fails the sanitizer (e.g. `{ xs: -3 }`, `{ sm: 'foo' }`).
-     */
-    private hasInvalidBreakpointMap;
-    /**
-     * Resolve a responsive value from a breakpoint map.
-     * Uses a breakpoint-specific default when custom values are missing/invalid.
-     */
-    private resolveFromBreakpoints;
-    /**
-     * Get the columns from a responsive breakpoint map.
-     * Returns the columns for the last matching breakpoint.
-     */
-    private getColumnsFromBreakpointMap;
-    /**
-     * Get the gap from a responsive breakpoint map.
-     * Returns the gap for the last matching breakpoint.
-     */
-    private getGapFromBreakpointMap;
-    /**
-     * Warn about an invalid columns value when it is set to a negative number,
-     * an empty breakpoint map, a map with no supported breakpoint keys,
-     * or a map with invalid breakpoint values.
-     */
-    private warnInvalidColumns;
-    /**
-     * Warn about an invalid gap value when it is set to a negative number,
-     * an empty breakpoint map, a map with no supported breakpoint keys,
-     * or a map with invalid breakpoint values.
-     */
-    private warnInvalidGap;
-    /**
-     * Warn when `order` is explicitly set while layout is `uniform`.
-     */
-    private warnUnusedOrder;
-    /**
-     * Resolve the active columns value for the current width. Falls back to
-     * the default responsive columns when the provided prop is invalid.
-     */
-    private getColumnsForWidth;
-    /**
-     * Resolve the active gap value for the current width.
-     */
-    private getGapForWidth;
-    /**
-     * Update the responsive styles for the gallery. This is used to update
-     * the columns and gap when the component width changes.
-     */
-    private updateResponsiveStyles;
-    /**
-     * Return all directly slotted children of the gallery that can be grid items
-     * with inline placement styles (HTML elements and SVG elements).
-     */
-    private getItems;
-    /**
-     * Clear the item styles for the given item element.
-     * This is used to switch between uniform and masonry layouts.
-     */
-    private clearItemStyles;
-    /**
-     * Clear placement styles for all items when leaving masonry mode.
-     */
-    private clearMasonryStyles;
-    /**
-     * Convert a rendered item height to the number of grid rows it should span.
-     * Returns undefined for images that are not fully loaded yet.
-     */
-    private calculateRowSpan;
-    /**
-     * Get the index of the column to position the item in.
-     * When the order is `best-fit`, the column with the shortest height is
-     * returned. Otherwise, items are placed in the column that matches their
-     * natural DOM order.
-     */
-    private getColumnIndex;
-    /**
-     * Apply masonry placement by assigning each item a column and row span.
-     */
-    private layoutMasonry;
-    /**
-     * Measure the host and children, then compute masonry placement.
-     */
-    private resizeMasonryGrid;
-    /**
-     * Resolved order for layout and CSS. Order should be `undefined` for
-     * the uniform layout. When order is not set, it should be `"sequential"`
-     * for the masonry layout.
-     */
-    private getOrder;
-    render(): any;
-}

package/dist/types/components/gallery/test/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const sharedStyles = "\n  ion-gallery {\n    width: 343px;\n  }\n\n  div {\n    color: #fff;\n    height: 150px;\n  }\n\n  div:nth-child(1) {\n    background: #ff6b6b;\n  }\n\n  div:nth-child(2) {\n    background: #4ecdc4;\n  }\n\n  div:nth-child(3) {\n    background: #ffe66d;\n    color: #333;\n  }\n\n  div:nth-child(4) {\n    background: #5f27cd;\n  }\n\n  div:nth-child(5) {\n    background: #7f8c8d;\n  }\n\n  div:nth-child(6) {\n    background: #ff9f43;\n  }\n\n  div:nth-child(7) {\n    background: #ff3f34;\n  }\n\n  div:nth-child(8) {\n    background: #2ecc71;\n  }\n\n  div:nth-child(9) {\n    background: #34495e;\n  }\n\n  div:nth-child(10) {\n    background: #1abc9c;\n  }\n\n  div:nth-child(11) {\n    background: #e67e22;\n  }\n\n  div:nth-child(12) {\n    background: #9b59b6;\n  }\n";
-export declare const numberToWords: (value: number) => string;

package/dist/types/components/modal/animations/ionic.enter.d.ts

@@ -1,6 +0,0 @@
-import type { Animation } from '../../../interface';
-import type { ModalAnimationOptions } from '../modal-interface';
-/**
- * Ionic Modal Enter Animation
- */
-export declare const ionicEnterAnimation: (baseEl: HTMLElement, opts: ModalAnimationOptions) => Animation;

package/dist/types/components/modal/animations/ionic.leave.d.ts

@@ -1,6 +0,0 @@
-import type { Animation } from '../../../interface';
-import type { ModalAnimationOptions } from '../modal-interface';
-/**
- * Md Modal Leave Animation
- */
-export declare const ionicLeaveAnimation: (baseEl: HTMLElement, opts: ModalAnimationOptions) => Animation;

package/dist/types/components/picker-legacy/animations/ios.enter.d.ts

@@ -1,5 +0,0 @@
-import type { Animation } from '../../../interface';
-/**
- * iOS Picker Enter Animation
- */
-export declare const iosEnterAnimation: (baseEl: HTMLElement) => Animation;

package/dist/types/components/picker-legacy/animations/ios.leave.d.ts

@@ -1,5 +0,0 @@
-import type { Animation } from '../../../interface';
-/**
- * iOS Picker Leave Animation
- */
-export declare const iosLeaveAnimation: (baseEl: HTMLElement) => Animation;

package/dist/types/components/picker-legacy/picker-interface.d.ts

@@ -1,52 +0,0 @@
-import type { AnimationBuilder, Mode } from '../../interface';
-export interface PickerOptions {
-    columns: PickerColumn[];
-    buttons?: PickerButton[];
-    cssClass?: string | string[];
-    showBackdrop?: boolean;
-    backdropDismiss?: boolean;
-    animated?: boolean;
-    mode?: Mode;
-    keyboardClose?: boolean;
-    id?: string;
-    htmlAttributes?: {
-        [key: string]: any;
-    };
-    enterAnimation?: AnimationBuilder;
-    leaveAnimation?: AnimationBuilder;
-}
-export interface PickerButton {
-    text?: string;
-    role?: string;
-    cssClass?: string | string[];
-    handler?: (value: any) => boolean | void;
-}
-export interface PickerColumn {
-    name: string;
-    align?: string;
-    /**
-     * Changing this value allows the initial value of a picker column to be set.
-     */
-    selectedIndex?: number;
-    prevSelected?: number;
-    prefix?: string;
-    suffix?: string;
-    options: PickerColumnOption[];
-    cssClass?: string | string[];
-    columnWidth?: string;
-    prefixWidth?: string;
-    suffixWidth?: string;
-    optionsWidth?: string;
-}
-export interface PickerColumnOption {
-    text?: string;
-    value?: any;
-    disabled?: boolean;
-    duration?: number;
-    transform?: string;
-    selected?: boolean;
-    /**
-     * The optional text to assign as the aria-label on the picker column option.
-     */
-    ariaLabel?: string;
-}

package/dist/types/components/picker-legacy/picker.d.ts

@@ -1,159 +0,0 @@
-import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../../interface';
-import type { OverlayEventDetail } from '../../utils/overlays-interface';
-import type { PickerButton, PickerColumn } from './picker-interface';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
-export declare class Picker implements ComponentInterface, OverlayInterface {
-    private readonly delegateController;
-    private readonly lockController;
-    private readonly triggerController;
-    private durationTimeout?;
-    lastFocus?: HTMLElement;
-    el: HTMLIonPickerLegacyElement;
-    presented: boolean;
-    /** @internal */
-    overlayIndex: number;
-    /** @internal */
-    delegate?: FrameworkDelegate;
-    /** @internal */
-    hasController: boolean;
-    /**
-     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-     */
-    keyboardClose: boolean;
-    /**
-     * Animation to use when the picker is presented.
-     */
-    enterAnimation?: AnimationBuilder;
-    /**
-     * Animation to use when the picker is dismissed.
-     */
-    leaveAnimation?: AnimationBuilder;
-    /**
-     * Array of buttons to be displayed at the top of the picker.
-     */
-    buttons: PickerButton[];
-    /**
-     * Array of columns to be displayed in the picker.
-     */
-    columns: PickerColumn[];
-    /**
-     * Additional classes to apply for custom CSS. If multiple classes are
-     * provided they should be separated by spaces.
-     */
-    cssClass?: string | string[];
-    /**
-     * Number of milliseconds to wait before dismissing the picker.
-     */
-    duration: number;
-    /**
-     * If `true`, a backdrop will be displayed behind the picker.
-     */
-    showBackdrop: boolean;
-    /**
-     * If `true`, the picker will be dismissed when the backdrop is clicked.
-     */
-    backdropDismiss: boolean;
-    /**
-     * If `true`, the picker will animate.
-     */
-    animated: boolean;
-    /**
-     * Additional attributes to pass to the picker.
-     */
-    htmlAttributes?: {
-        [key: string]: any;
-    };
-    /**
-     * If `true`, the picker will open. If `false`, the picker will close.
-     * Use this if you need finer grained control over presentation, otherwise
-     * just use the pickerController or the `trigger` property.
-     * Note: `isOpen` will not automatically be set back to `false` when
-     * the picker dismisses. You will need to do that in your code.
-     */
-    isOpen: boolean;
-    onIsOpenChange(newValue: boolean, oldValue: boolean): void;
-    /**
-     * An ID corresponding to the trigger element that
-     * causes the picker to open when clicked.
-     */
-    trigger: string | undefined;
-    triggerChanged(): void;
-    /**
-     * Emitted after the picker has presented.
-     */
-    didPresent: EventEmitter<void>;
-    /**
-     * Emitted before the picker has presented.
-     */
-    willPresent: EventEmitter<void>;
-    /**
-     * Emitted before the picker has dismissed.
-     */
-    willDismiss: EventEmitter<OverlayEventDetail>;
-    /**
-     * Emitted after the picker has dismissed.
-     */
-    didDismiss: EventEmitter<OverlayEventDetail>;
-    /**
-     * Emitted after the picker has presented.
-     * Shorthand for ionPickerWillDismiss.
-     */
-    didPresentShorthand: EventEmitter<void>;
-    /**
-     * Emitted before the picker has presented.
-     * Shorthand for ionPickerWillPresent.
-     */
-    willPresentShorthand: EventEmitter<void>;
-    /**
-     * Emitted before the picker has dismissed.
-     * Shorthand for ionPickerWillDismiss.
-     */
-    willDismissShorthand: EventEmitter<OverlayEventDetail>;
-    /**
-     * Emitted after the picker has dismissed.
-     * Shorthand for ionPickerDidDismiss.
-     */
-    didDismissShorthand: EventEmitter<OverlayEventDetail>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    /**
-     * Present the picker overlay after it has been created.
-     */
-    present(): Promise<void>;
-    /**
-     * Dismiss the picker overlay after it has been presented.
-     *
-     * @param data Any data to emit in the dismiss events.
-     * @param role The role of the element that is dismissing the picker.
-     * This can be useful in a button handler for determining which button was
-     * clicked to dismiss the picker.
-     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-     */
-    dismiss(data?: any, role?: string): Promise<boolean>;
-    /**
-     * Returns a promise that resolves when the picker did dismiss.
-     */
-    onDidDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
-    /**
-     * Returns a promise that resolves when the picker will dismiss.
-     */
-    onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
-    /**
-     * Get the column that matches the specified name.
-     *
-     * @param name The name of the column.
-     */
-    getColumn(name: string): Promise<PickerColumn | undefined>;
-    private buttonClick;
-    private callButtonHandler;
-    private getSelected;
-    private onBackdropTap;
-    private dispatchCancelHandler;
-    render(): any;
-}

package/dist/types/components/picker-legacy-column/picker-column.d.ts

@@ -1,46 +0,0 @@
-import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { PickerColumn } from '../picker-legacy/picker-interface';
-/**
- * @internal
- */
-export declare class PickerColumnCmp implements ComponentInterface {
-    private bounceFrom;
-    private lastIndex?;
-    private minY;
-    private maxY;
-    private optHeight;
-    private rotateFactor;
-    private scaleFactor;
-    private velocity;
-    private y;
-    private optsEl?;
-    private gesture?;
-    private rafId?;
-    private tmrId?;
-    private noAnimate;
-    private colDidChange;
-    el: HTMLElement;
-    /**
-     * Emitted when the selected value has changed
-     * @internal
-     */
-    ionPickerColChange: EventEmitter<PickerColumn>;
-    /** Picker column data */
-    col: PickerColumn;
-    protected colChanged(): void;
-    connectedCallback(): Promise<void>;
-    componentDidLoad(): void;
-    componentDidUpdate(): void;
-    disconnectedCallback(): void;
-    private emitColChange;
-    private setSelected;
-    private update;
-    private decelerate;
-    private indexForY;
-    private onStart;
-    private onMove;
-    private onEnd;
-    private refresh;
-    private onDomChange;
-    render(): any;
-}

package/dist/types/components/picker-legacy-column/test/test.utils.d.ts

@@ -1,9 +0,0 @@
-import type { E2EPage, ScreenshotFn } from "../../../utils/test/playwright/index";
-/**
- * Visual regression tests for picker-column.
- * @param page - The page to run the tests on.
- * @param screenshot - The screenshot function to generate unique screenshot names
- * @param buttonSelector - The selector for the button that opens the picker.
- * @param description - The description to amend to the screenshot names (typically 'single' or 'multiple').
- */
-export declare function testPickerColumn(page: E2EPage, screenshot: ScreenshotFn, buttonSelector: string, description: string): Promise<void>;

package/dist/types/utils/css-value-validation.d.ts

@@ -1,21 +0,0 @@
-/**
- * Helpers for validating user-supplied CSS values using regular expressions, without
- * relying on browser CSS APIs.
- */
-/**
- * Returns whether `value` matches the [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
- * syntax. Accepts `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
- * Also supports simple `calc` / `min` / `max` / `clamp(...)` functions.
- *
- * @param value String value to validate.
- */
-export declare function isValidLengthPercentage(value: string): boolean;
-/**
- * Returns whether `value` is a single [`var()`](https://developer.mozilla.org/en-US/docs/Web/CSS/var)
- * reference, e.g. `var(--my-token)` or `var(--my-token, 16px)`. The referenced
- * custom property is resolved by the browser, so the resolved value is not
- * validated here.
- *
- * @param value String value to validate.
- */
-export declare function isCssVariable(value: string): boolean;

package/dist/types/utils/select-option-render.d.ts

@@ -1,22 +0,0 @@
-import type { RichContentOption as RichContentOpt } from '../components/select/select-interface';
-interface RichContentOption extends RichContentOpt {
-    /** Unique identifier for stable virtual DOM keys across re-renders. */
-    id: string;
-    /** The main label for the option as a string or an HTMLElement. */
-    label?: string | HTMLElement;
-}
-/**
- * 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 declare const renderOptionLabel: (option: RichContentOption, className: string, useSpan?: boolean) => HTMLElement | string | undefined;
-export {};