@pod-os/elements 0.25.3-rc.ba1a8fa.0 → 0.25.3-rc.def4131.0

package/dist/elements/{p-87c81685.entry.js → p-428e79f5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,i as t,h as l,H as i,e as s,j as o}from"./p-42169e41.js";import{c as a}from"./p-4c78c8c9.js";import{c as r}from"./p-d1e7b393.js";import{i as n,c}from"./p-c8d1a48e.js";import{i as d,f as h,l as p,k as b,o as g}from"./p-71ee259b.js";import{p as u}from"./p-d6769f21.js";import{h as m,j as f,k as x}from"./p-a6c03ce8.js";import{i as w}from"./p-4d0cb38d.js";import{h as v,c as y}from"./p-669fab6c.js";import{w as k}from"./p-b951a801.js";import{t as j,k as C}from"./p-0ee8b7a7.js";import{g as z}from"./p-da0d920d.js";import"./p-7efd6867.js";import"./p-1fc8e557.js";import"./p-eba70ed1.js";const $=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:flex;position:relative;flex-grow:1;align-items:center;height:inherit;min-height:inherit;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;box-sizing:border-box}.select-wrapper .select-placeholder{transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:flex;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:flex;align-items:center;max-width:200px;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:flex;align-items:center;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{justify-content:space-between}:host(.select-justify-start) .select-wrapper{justify-content:start}:host(.select-justify-end) .select-wrapper{justify-content:end}:host(.select-label-placement-start) .select-wrapper{flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{flex-direction:column;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted([slot=start]){margin-inline-end:16px;margin-inline-start:0}::slotted([slot=end]){margin-inline-start:16px;margin-inline-end:0}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";const O=$;const S=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:flex;position:relative;flex-grow:1;align-items:center;height:inherit;min-height:inherit;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;box-sizing:border-box}.select-wrapper .select-placeholder{transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:flex;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:flex;align-items:center;max-width:200px;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:flex;align-items:center;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{justify-content:space-between}:host(.select-justify-start) .select-wrapper{justify-content:start}:host(.select-justify-end) .select-wrapper{justify-content:end}:host(.select-label-placement-start) .select-wrapper{flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{flex-direction:column;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted([slot=start]){margin-inline-end:16px;margin-inline-start:0}::slotted([slot=end]){margin-inline-start:16px;margin-inline-end:0}:host(.select-fill-solid){--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}:host(.select-fill-solid) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}:host-context([dir=rtl]):host(.select-fill-solid) .select-wrapper,:host-context([dir=rtl]).select-fill-solid .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){:host(.select-fill-solid:dir(rtl)) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:2px;--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.label-floating.select-fill-outline) .label-text-wrapper{transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-start{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-rtl.select-fill-outline) .select-outline-start{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-end{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-rtl.select-fill-outline) .select-outline-end{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-fill-outline) .select-outline-end{flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}:host(.legacy-select){--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:16px}.select-icon{width:0.8125rem;transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, gray)}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:2px;transform:scale(0);transition:transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){.select-highlight{left:0}:host-context([dir=rtl]) .select-highlight{left:unset;right:unset;right:0}[dir=rtl] .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}@supports (inset-inline-start: 0){:host(.in-item) .select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.in-item) .select-highlight{left:0}:host-context([dir=rtl]):host(.in-item) .select-highlight,:host-context([dir=rtl]).in-item .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.in-item:dir(rtl)) .select-highlight{left:unset;right:unset;right:0}}}:host(.select-expanded:not(.legacy-select):not(.has-expanded-icon)) .select-icon{transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host-context(.item-label-stacked) .select-icon,:host-context(.item-label-floating:not(.item-fill-outline)) .select-icon,:host-context(.item-label-floating.item-fill-outline){transform:translate3d(0,  -9px,  0)}:host-context(.item-has-focus):host(:not(.has-expanded-icon)) .select-icon{transform:rotate(180deg)}:host-context(.item-has-focus.item-label-stacked):host(:not(.has-expanded-icon)) .select-icon,:host-context(.item-has-focus.item-label-floating:not(.item-fill-outline)):host(:not(.has-expanded-icon)) .select-icon{transform:translate3d(0,  -9px,  0) rotate(180deg)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 0.8125rem - 4px)}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";const I=S;const A=class{constructor(l){e(this,l);this.ionChange=t(this,"ionChange",7);this.ionCancel=t(this,"ionCancel",7);this.ionDismiss=t(this,"ionDismiss",7);this.ionFocus=t(this,"ionFocus",7);this.ionBlur=t(this,"ionBlur",7);this.ionStyle=t(this,"ionStyle",7);this.inputId=`ion-sel-${P++}`;this.inheritedAttributes={};this.hasLoggedDeprecationWarning=false;this.onClick=e=>{const t=e.target;const l=t.closest('[slot="start"], [slot="end"]');if(t===this.el||l===null){this.setFocus();this.open(e)}else{e.preventDefault()}};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.isExpanded=false;this.cancelText="Cancel";this.color=undefined;this.compareWith=undefined;this.disabled=false;this.fill=undefined;this.interface="alert";this.interfaceOptions={};this.justify="space-between";this.label=undefined;this.labelPlacement="start";this.legacy=undefined;this.multiple=false;this.name=this.inputId;this.okText="OK";this.placeholder=undefined;this.selectedText=undefined;this.toggleIcon=undefined;this.expandedIcon=undefined;this.shape=undefined;this.value=undefined}styleChanged(){this.emitStyle()}setValue(e){this.value=e;this.ionChange.emit({value:e})}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label"])}async connectedCallback(){const{el:e}=this;this.legacyFormController=a(e);this.notchController=r(e,(()=>this.notchSpacerEl),(()=>this.labelSlot));this.updateOverlayOptions();this.emitStyle();this.mutationO=k(this.el,"ion-select-option",(async()=>{this.updateOverlayOptions();o(this)}))}disconnectedCallback(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.notchController){this.notchController.destroy();this.notchController=undefined}}async open(e){if(this.disabled||this.isExpanded){return undefined}this.isExpanded=true;const t=this.overlay=await this.createOverlay(e);t.onDidDismiss().then((()=>{this.overlay=undefined;this.isExpanded=false;this.ionDismiss.emit();this.setFocus()}));await t.present();if(this.interface==="popover"){const e=this.childOpts.map((e=>e.value)).indexOf(this.value);if(e>-1){const l=t.querySelector(`.select-interface-option:nth-child(${e+1})`);if(l){h(l);const e=l.querySelector("ion-radio, ion-checkbox");if(e){e.focus()}}}else{const e=t.querySelector("ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)");if(e){h(e.closest("ion-item"));e.focus()}}}return t}createOverlay(e){let t=this.interface;if(t==="action-sheet"&&this.multiple){console.warn(`Select interface cannot be "${t}" with a multi-value select. Using the "alert" interface instead.`);t="alert"}if(t==="popover"&&!e){console.warn(`Select interface cannot be a "${t}" without passing an event. Using the "alert" interface instead.`);t="alert"}if(t==="action-sheet"){return this.openActionSheet()}if(t==="popover"){return this.openPopover(e)}return this.openAlert()}updateOverlayOptions(){const e=this.overlay;if(!e){return}const t=this.childOpts;const l=this.value;switch(this.interface){case"action-sheet":e.buttons=this.createActionSheetButtons(t,l);break;case"popover":const i=e.querySelector("ion-select-popover");if(i){i.options=this.createPopoverOptions(t,l)}break;case"alert":const s=this.multiple?"checkbox":"radio";e.inputs=this.createAlertInputs(t,s,l);break}}createActionSheetButtons(e,t){const l=e.map((e=>{const l=T(e);const i=Array.from(e.classList).filter((e=>e!=="hydrated")).join(" ");const s=`${Y} ${i}`;return{role:n(t,l,this.compareWith)?"selected":"",text:e.textContent,cssClass:s,handler:()=>{this.setValue(l)}}}));l.push({text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}});return l}createAlertInputs(e,t,l){const i=e.map((e=>{const i=T(e);const s=Array.from(e.classList).filter((e=>e!=="hydrated")).join(" ");const o=`${Y} ${s}`;return{type:t,cssClass:o,label:e.textContent||"",value:i,checked:n(l,i,this.compareWith),disabled:e.disabled}}));return i}createPopoverOptions(e,t){const l=e.map((e=>{const l=T(e);const i=Array.from(e.classList).filter((e=>e!=="hydrated")).join(" ");const s=`${Y} ${i}`;return{text:e.textContent||"",cssClass:s,value:l,checked:n(t,l,this.compareWith),disabled:e.disabled,handler:e=>{this.setValue(e);if(!this.multiple){this.close()}}}}));return l}async openPopover(e){const{fill:t,labelPlacement:l}=this;const i=this.interfaceOptions;const s=z(this);const o=s==="md"?false:true;const a=this.multiple;const r=this.value;let n=e;let c="auto";if(this.legacyFormController.hasLegacyControl()){const t=this.el.closest("ion-item");if(t&&(t.classList.contains("item-label-floating")||t.classList.contains("item-label-stacked"))){n=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:t}});c="cover"}}else{const i=l==="floating"||l==="stacked";if(i||s==="md"&&t!==undefined){c="cover"}else{n=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:this.nativeWrapperEl}})}}const d=Object.assign(Object.assign({mode:s,event:n,alignment:"center",size:c,showBackdrop:o},i),{component:"ion-select-popover",cssClass:["select-popover",i.cssClass],componentProps:{header:i.header,subHeader:i.subHeader,message:i.message,multiple:a,value:r,options:this.createPopoverOptions(this.childOpts,r)}});return m.create(d)}async openActionSheet(){const e=z(this);const t=this.interfaceOptions;const l=Object.assign(Object.assign({mode:e},t),{buttons:this.createActionSheetButtons(this.childOpts,this.value),cssClass:["select-action-sheet",t.cssClass]});return f.create(l)}async openAlert(){let e;let t;if(this.legacyFormController.hasLegacyControl()){e=this.getLabel();t=e?e.textContent:null}else{t=this.labelText}const l=this.interfaceOptions;const i=this.multiple?"checkbox":"radio";const s=z(this);const o=Object.assign(Object.assign({mode:s},l),{header:l.header?l.header:t,inputs:this.createAlertInputs(this.childOpts,i,this.value),buttons:[{text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}},{text:this.okText,handler:e=>{this.setValue(e)}}],cssClass:["select-alert",l.cssClass,this.multiple?"multiple-select-alert":"single-select-alert"]});return x.create(o)}close(){if(!this.overlay){return Promise.resolve(false)}return this.overlay.dismiss()}getLabel(){return p(this.el)}hasValue(){return this.getText()!==""}get childOpts(){return Array.from(this.el.querySelectorAll("ion-select-option"))}get labelText(){const{label:e}=this;if(e!==undefined){return e}const{labelSlot:t}=this;if(t!==null){return t.textContent}return}getText(){const e=this.selectedText;if(e!=null&&e!==""){return e}return E(this.childOpts,this.value,this.compareWith)}setFocus(){if(this.focusEl){this.focusEl.focus()}}emitStyle(){const{disabled:e}=this;const t={"interactive-disabled":e};if(this.legacyFormController.hasLegacyControl()){t["interactive"]=true;t["select"]=true;t["select-disabled"]=e;t["has-placeholder"]=this.placeholder!==undefined;t["has-value"]=this.hasValue();t["has-focus"]=this.isExpanded;t["legacy"]=!!this.legacy}this.ionStyle.emit(t)}renderLabel(){const{label:e}=this;return l("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},e===undefined?l("slot",{name:"label"}):l("div",{class:"label-text"},e))}componentDidRender(){var e;(e=this.notchController)===null||e===void 0?void 0:e.calculateNotchWidth()}get labelSlot(){return this.el.querySelector('[slot="label"]')}get hasLabel(){return this.label!==undefined||this.labelSlot!==null}renderLabelContainer(){const e=z(this);const t=e==="md"&&this.fill==="outline";if(t){return[l("div",{class:"select-outline-container"},l("div",{class:"select-outline-start"}),l("div",{class:{"select-outline-notch":true,"select-outline-notch-hidden":!this.hasLabel}},l("div",{class:"notch-spacer","aria-hidden":"true",ref:e=>this.notchSpacerEl=e},this.label)),l("div",{class:"select-outline-end"})),this.renderLabel()]}return this.renderLabel()}renderSelect(){const{disabled:e,el:t,isExpanded:s,expandedIcon:o,labelPlacement:a,justify:r,placeholder:n,fill:c,shape:d,name:h,value:p}=this;const g=z(this);const u=a==="floating"||a==="stacked";const m=!u;const f=w(t)?"rtl":"ltr";const x=v("ion-item",this.el);const k=g==="md"&&c!=="outline"&&!x;const j=this.hasValue();const C=t.querySelector('[slot="start"], [slot="end"]')!==null;b(true,t,h,L(p),e);const $=a==="stacked"||a==="floating"&&(j||s||C);return l(i,{onClick:this.onClick,class:y(this.color,{[g]:true,"in-item":x,"in-item-color":v("ion-item.ion-color",t),"select-disabled":e,"select-expanded":s,"has-expanded-icon":o!==undefined,"has-value":j,"label-floating":$,"has-placeholder":n!==undefined,"ion-focusable":true,[`select-${f}`]:true,[`select-fill-${c}`]:c!==undefined,[`select-justify-${r}`]:m,[`select-shape-${d}`]:d!==undefined,[`select-label-placement-${a}`]:true})},l("label",{class:"select-wrapper",id:"select-label"},this.renderLabelContainer(),l("div",{class:"select-wrapper-inner"},l("slot",{name:"start"}),l("div",{class:"native-wrapper",ref:e=>this.nativeWrapperEl=e,part:"container"},this.renderSelectText(),this.renderListbox()),l("slot",{name:"end"}),!u&&this.renderSelectIcon()),u&&this.renderSelectIcon(),k&&l("div",{class:"select-highlight"})))}renderLegacySelect(){if(!this.hasLoggedDeprecationWarning){u(`ion-select now requires providing a label with either the "label" property or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the "label" property or the "aria-label" attribute.\n\nExample: <ion-select label="Favorite Color">...</ion-select>\nExample with aria-label: <ion-select aria-label="Favorite Color">...</ion-select>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`,this.el);if(this.legacy){u(`ion-select is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n    Developers can dismiss this warning by removing their usage of the "legacy" property and using the new select syntax.`,this.el)}this.hasLoggedDeprecationWarning=true}const{disabled:e,el:t,inputId:s,isExpanded:o,expandedIcon:a,name:r,placeholder:n,value:c}=this;const d=z(this);const{labelText:h,labelId:p}=g(t,s);b(true,t,r,L(c),e);const m=this.getText();let f=m;if(f===""&&n!==undefined){f=n}const x=h!==undefined?f!==""?`${f}, ${h}`:h:f;return l(i,{onClick:this.onClick,role:"button","aria-haspopup":"listbox","aria-disabled":e?"true":null,"aria-label":x,class:{[d]:true,"in-item":v("ion-item",t),"in-item-color":v("ion-item.ion-color",t),"select-disabled":e,"select-expanded":o,"has-expanded-icon":a!==undefined,"legacy-select":true}},this.renderSelectText(),this.renderSelectIcon(),l("label",{id:p},x),this.renderListbox())}renderSelectText(){const{placeholder:e}=this;const t=this.getText();let i=false;let s=t;if(s===""&&e!==undefined){s=e;i=true}const o={"select-text":true,"select-placeholder":i};const a=i?"placeholder":"text";return l("div",{"aria-hidden":"true",class:o,part:a},s)}renderSelectIcon(){const e=z(this);const{isExpanded:t,toggleIcon:i,expandedIcon:s}=this;let o;if(t&&s!==undefined){o=s}else{const t=e==="ios"?j:C;o=i!==null&&i!==void 0?i:t}return l("ion-icon",{class:"select-icon",part:"icon","aria-hidden":"true",icon:o})}get ariaLabel(){var e,t;const{placeholder:l,el:i,inputId:s,inheritedAttributes:o}=this;const a=this.getText();const{labelText:r}=g(i,s);const n=(t=(e=this.labelText)!==null&&e!==void 0?e:o["aria-label"])!==null&&t!==void 0?t:r;let c=a;if(c===""&&l!==undefined){c=l}if(n!==undefined){c=c===""?n:`${n}, ${c}`}return c}renderListbox(){const{disabled:e,inputId:t,isExpanded:i}=this;return l("button",{disabled:e,id:t,"aria-label":this.ariaLabel,"aria-haspopup":"dialog","aria-expanded":`${i}`,onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusEl=e})}render(){const{legacyFormController:e}=this;return e.hasLegacyControl()?this.renderLegacySelect():this.renderSelect()}get el(){return s(this)}static get watchers(){return{disabled:["styleChanged"],isExpanded:["styleChanged"],placeholder:["styleChanged"],value:["styleChanged"]}}};const T=e=>{const t=e.value;return t===undefined?e.textContent||"":t};const L=e=>{if(e==null){return undefined}if(Array.isArray(e)){return e.join(",")}return e.toString()};const E=(e,t,l)=>{if(t===undefined){return""}if(Array.isArray(t)){return t.map((t=>F(e,t,l))).filter((e=>e!==null)).join(", ")}else{return F(e,t,l)||""}};const F=(e,t,l)=>{const i=e.find((e=>c(t,T(e),l)));return i?i.textContent:null};let P=0;const Y="select-interface-option";A.style={ios:O,md:I};export{A as ion_select};
-//# sourceMappingURL=p-87c81685.entry.js.map
+import{r as e,i as t,h as l,H as i,d as s,j as o}from"./p-ad32e711.js";import{c as a}from"./p-4c78c8c9.js";import{c as r}from"./p-d1e7b393.js";import{i as n,c}from"./p-c8d1a48e.js";import{i as d,f as h,l as p,k as b,o as g}from"./p-71ee259b.js";import{p as u}from"./p-d6769f21.js";import{h as m,j as f,k as x}from"./p-d164af48.js";import{i as w}from"./p-4d0cb38d.js";import{h as v,c as y}from"./p-669fab6c.js";import{w as k}from"./p-b951a801.js";import{t as j,k as C}from"./p-0ee8b7a7.js";import{g as z}from"./p-17cb620a.js";import"./p-7efd6867.js";import"./p-f1a6f6f2.js";import"./p-eba70ed1.js";const $=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:flex;position:relative;flex-grow:1;align-items:center;height:inherit;min-height:inherit;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;box-sizing:border-box}.select-wrapper .select-placeholder{transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:flex;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:flex;align-items:center;max-width:200px;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:flex;align-items:center;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{justify-content:space-between}:host(.select-justify-start) .select-wrapper{justify-content:start}:host(.select-justify-end) .select-wrapper{justify-content:end}:host(.select-label-placement-start) .select-wrapper{flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{flex-direction:column;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted([slot=start]){margin-inline-end:16px;margin-inline-start:0}::slotted([slot=end]){margin-inline-start:16px;margin-inline-end:0}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";const O=$;const S=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:flex;position:relative;flex-grow:1;align-items:center;height:inherit;min-height:inherit;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;box-sizing:border-box}.select-wrapper .select-placeholder{transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:flex;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:flex;align-items:center;max-width:200px;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:flex;align-items:center;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{justify-content:space-between}:host(.select-justify-start) .select-wrapper{justify-content:start}:host(.select-justify-end) .select-wrapper{justify-content:end}:host(.select-label-placement-start) .select-wrapper{flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{flex-direction:column;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted([slot=start]){margin-inline-end:16px;margin-inline-start:0}::slotted([slot=end]){margin-inline-start:16px;margin-inline-end:0}:host(.select-fill-solid){--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}:host(.select-fill-solid) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}:host-context([dir=rtl]):host(.select-fill-solid) .select-wrapper,:host-context([dir=rtl]).select-fill-solid .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){:host(.select-fill-solid:dir(rtl)) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:2px;--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.label-floating.select-fill-outline) .label-text-wrapper{transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-start{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-rtl.select-fill-outline) .select-outline-start{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-end{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-rtl.select-fill-outline) .select-outline-end{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-fill-outline) .select-outline-end{flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}:host(.legacy-select){--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:16px}.select-icon{width:0.8125rem;transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, gray)}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:2px;transform:scale(0);transition:transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){.select-highlight{left:0}:host-context([dir=rtl]) .select-highlight{left:unset;right:unset;right:0}[dir=rtl] .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}@supports (inset-inline-start: 0){:host(.in-item) .select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.in-item) .select-highlight{left:0}:host-context([dir=rtl]):host(.in-item) .select-highlight,:host-context([dir=rtl]).in-item .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.in-item:dir(rtl)) .select-highlight{left:unset;right:unset;right:0}}}:host(.select-expanded:not(.legacy-select):not(.has-expanded-icon)) .select-icon{transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host-context(.item-label-stacked) .select-icon,:host-context(.item-label-floating:not(.item-fill-outline)) .select-icon,:host-context(.item-label-floating.item-fill-outline){transform:translate3d(0,  -9px,  0)}:host-context(.item-has-focus):host(:not(.has-expanded-icon)) .select-icon{transform:rotate(180deg)}:host-context(.item-has-focus.item-label-stacked):host(:not(.has-expanded-icon)) .select-icon,:host-context(.item-has-focus.item-label-floating:not(.item-fill-outline)):host(:not(.has-expanded-icon)) .select-icon{transform:translate3d(0,  -9px,  0) rotate(180deg)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 0.8125rem - 4px)}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";const I=S;const A=class{constructor(l){e(this,l);this.ionChange=t(this,"ionChange",7);this.ionCancel=t(this,"ionCancel",7);this.ionDismiss=t(this,"ionDismiss",7);this.ionFocus=t(this,"ionFocus",7);this.ionBlur=t(this,"ionBlur",7);this.ionStyle=t(this,"ionStyle",7);this.inputId=`ion-sel-${P++}`;this.inheritedAttributes={};this.hasLoggedDeprecationWarning=false;this.onClick=e=>{const t=e.target;const l=t.closest('[slot="start"], [slot="end"]');if(t===this.el||l===null){this.setFocus();this.open(e)}else{e.preventDefault()}};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.isExpanded=false;this.cancelText="Cancel";this.color=undefined;this.compareWith=undefined;this.disabled=false;this.fill=undefined;this.interface="alert";this.interfaceOptions={};this.justify="space-between";this.label=undefined;this.labelPlacement="start";this.legacy=undefined;this.multiple=false;this.name=this.inputId;this.okText="OK";this.placeholder=undefined;this.selectedText=undefined;this.toggleIcon=undefined;this.expandedIcon=undefined;this.shape=undefined;this.value=undefined}styleChanged(){this.emitStyle()}setValue(e){this.value=e;this.ionChange.emit({value:e})}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-label"])}async connectedCallback(){const{el:e}=this;this.legacyFormController=a(e);this.notchController=r(e,(()=>this.notchSpacerEl),(()=>this.labelSlot));this.updateOverlayOptions();this.emitStyle();this.mutationO=k(this.el,"ion-select-option",(async()=>{this.updateOverlayOptions();o(this)}))}disconnectedCallback(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.notchController){this.notchController.destroy();this.notchController=undefined}}async open(e){if(this.disabled||this.isExpanded){return undefined}this.isExpanded=true;const t=this.overlay=await this.createOverlay(e);t.onDidDismiss().then((()=>{this.overlay=undefined;this.isExpanded=false;this.ionDismiss.emit();this.setFocus()}));await t.present();if(this.interface==="popover"){const e=this.childOpts.map((e=>e.value)).indexOf(this.value);if(e>-1){const l=t.querySelector(`.select-interface-option:nth-child(${e+1})`);if(l){h(l);const e=l.querySelector("ion-radio, ion-checkbox");if(e){e.focus()}}}else{const e=t.querySelector("ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)");if(e){h(e.closest("ion-item"));e.focus()}}}return t}createOverlay(e){let t=this.interface;if(t==="action-sheet"&&this.multiple){console.warn(`Select interface cannot be "${t}" with a multi-value select. Using the "alert" interface instead.`);t="alert"}if(t==="popover"&&!e){console.warn(`Select interface cannot be a "${t}" without passing an event. Using the "alert" interface instead.`);t="alert"}if(t==="action-sheet"){return this.openActionSheet()}if(t==="popover"){return this.openPopover(e)}return this.openAlert()}updateOverlayOptions(){const e=this.overlay;if(!e){return}const t=this.childOpts;const l=this.value;switch(this.interface){case"action-sheet":e.buttons=this.createActionSheetButtons(t,l);break;case"popover":const i=e.querySelector("ion-select-popover");if(i){i.options=this.createPopoverOptions(t,l)}break;case"alert":const s=this.multiple?"checkbox":"radio";e.inputs=this.createAlertInputs(t,s,l);break}}createActionSheetButtons(e,t){const l=e.map((e=>{const l=T(e);const i=Array.from(e.classList).filter((e=>e!=="hydrated")).join(" ");const s=`${Y} ${i}`;return{role:n(t,l,this.compareWith)?"selected":"",text:e.textContent,cssClass:s,handler:()=>{this.setValue(l)}}}));l.push({text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}});return l}createAlertInputs(e,t,l){const i=e.map((e=>{const i=T(e);const s=Array.from(e.classList).filter((e=>e!=="hydrated")).join(" ");const o=`${Y} ${s}`;return{type:t,cssClass:o,label:e.textContent||"",value:i,checked:n(l,i,this.compareWith),disabled:e.disabled}}));return i}createPopoverOptions(e,t){const l=e.map((e=>{const l=T(e);const i=Array.from(e.classList).filter((e=>e!=="hydrated")).join(" ");const s=`${Y} ${i}`;return{text:e.textContent||"",cssClass:s,value:l,checked:n(t,l,this.compareWith),disabled:e.disabled,handler:e=>{this.setValue(e);if(!this.multiple){this.close()}}}}));return l}async openPopover(e){const{fill:t,labelPlacement:l}=this;const i=this.interfaceOptions;const s=z(this);const o=s==="md"?false:true;const a=this.multiple;const r=this.value;let n=e;let c="auto";if(this.legacyFormController.hasLegacyControl()){const t=this.el.closest("ion-item");if(t&&(t.classList.contains("item-label-floating")||t.classList.contains("item-label-stacked"))){n=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:t}});c="cover"}}else{const i=l==="floating"||l==="stacked";if(i||s==="md"&&t!==undefined){c="cover"}else{n=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:this.nativeWrapperEl}})}}const d=Object.assign(Object.assign({mode:s,event:n,alignment:"center",size:c,showBackdrop:o},i),{component:"ion-select-popover",cssClass:["select-popover",i.cssClass],componentProps:{header:i.header,subHeader:i.subHeader,message:i.message,multiple:a,value:r,options:this.createPopoverOptions(this.childOpts,r)}});return m.create(d)}async openActionSheet(){const e=z(this);const t=this.interfaceOptions;const l=Object.assign(Object.assign({mode:e},t),{buttons:this.createActionSheetButtons(this.childOpts,this.value),cssClass:["select-action-sheet",t.cssClass]});return f.create(l)}async openAlert(){let e;let t;if(this.legacyFormController.hasLegacyControl()){e=this.getLabel();t=e?e.textContent:null}else{t=this.labelText}const l=this.interfaceOptions;const i=this.multiple?"checkbox":"radio";const s=z(this);const o=Object.assign(Object.assign({mode:s},l),{header:l.header?l.header:t,inputs:this.createAlertInputs(this.childOpts,i,this.value),buttons:[{text:this.cancelText,role:"cancel",handler:()=>{this.ionCancel.emit()}},{text:this.okText,handler:e=>{this.setValue(e)}}],cssClass:["select-alert",l.cssClass,this.multiple?"multiple-select-alert":"single-select-alert"]});return x.create(o)}close(){if(!this.overlay){return Promise.resolve(false)}return this.overlay.dismiss()}getLabel(){return p(this.el)}hasValue(){return this.getText()!==""}get childOpts(){return Array.from(this.el.querySelectorAll("ion-select-option"))}get labelText(){const{label:e}=this;if(e!==undefined){return e}const{labelSlot:t}=this;if(t!==null){return t.textContent}return}getText(){const e=this.selectedText;if(e!=null&&e!==""){return e}return E(this.childOpts,this.value,this.compareWith)}setFocus(){if(this.focusEl){this.focusEl.focus()}}emitStyle(){const{disabled:e}=this;const t={"interactive-disabled":e};if(this.legacyFormController.hasLegacyControl()){t["interactive"]=true;t["select"]=true;t["select-disabled"]=e;t["has-placeholder"]=this.placeholder!==undefined;t["has-value"]=this.hasValue();t["has-focus"]=this.isExpanded;t["legacy"]=!!this.legacy}this.ionStyle.emit(t)}renderLabel(){const{label:e}=this;return l("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},e===undefined?l("slot",{name:"label"}):l("div",{class:"label-text"},e))}componentDidRender(){var e;(e=this.notchController)===null||e===void 0?void 0:e.calculateNotchWidth()}get labelSlot(){return this.el.querySelector('[slot="label"]')}get hasLabel(){return this.label!==undefined||this.labelSlot!==null}renderLabelContainer(){const e=z(this);const t=e==="md"&&this.fill==="outline";if(t){return[l("div",{class:"select-outline-container"},l("div",{class:"select-outline-start"}),l("div",{class:{"select-outline-notch":true,"select-outline-notch-hidden":!this.hasLabel}},l("div",{class:"notch-spacer","aria-hidden":"true",ref:e=>this.notchSpacerEl=e},this.label)),l("div",{class:"select-outline-end"})),this.renderLabel()]}return this.renderLabel()}renderSelect(){const{disabled:e,el:t,isExpanded:s,expandedIcon:o,labelPlacement:a,justify:r,placeholder:n,fill:c,shape:d,name:h,value:p}=this;const g=z(this);const u=a==="floating"||a==="stacked";const m=!u;const f=w(t)?"rtl":"ltr";const x=v("ion-item",this.el);const k=g==="md"&&c!=="outline"&&!x;const j=this.hasValue();const C=t.querySelector('[slot="start"], [slot="end"]')!==null;b(true,t,h,L(p),e);const $=a==="stacked"||a==="floating"&&(j||s||C);return l(i,{onClick:this.onClick,class:y(this.color,{[g]:true,"in-item":x,"in-item-color":v("ion-item.ion-color",t),"select-disabled":e,"select-expanded":s,"has-expanded-icon":o!==undefined,"has-value":j,"label-floating":$,"has-placeholder":n!==undefined,"ion-focusable":true,[`select-${f}`]:true,[`select-fill-${c}`]:c!==undefined,[`select-justify-${r}`]:m,[`select-shape-${d}`]:d!==undefined,[`select-label-placement-${a}`]:true})},l("label",{class:"select-wrapper",id:"select-label"},this.renderLabelContainer(),l("div",{class:"select-wrapper-inner"},l("slot",{name:"start"}),l("div",{class:"native-wrapper",ref:e=>this.nativeWrapperEl=e,part:"container"},this.renderSelectText(),this.renderListbox()),l("slot",{name:"end"}),!u&&this.renderSelectIcon()),u&&this.renderSelectIcon(),k&&l("div",{class:"select-highlight"})))}renderLegacySelect(){if(!this.hasLoggedDeprecationWarning){u(`ion-select now requires providing a label with either the "label" property or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the "label" property or the "aria-label" attribute.\n\nExample: <ion-select label="Favorite Color">...</ion-select>\nExample with aria-label: <ion-select aria-label="Favorite Color">...</ion-select>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`,this.el);if(this.legacy){u(`ion-select is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n    Developers can dismiss this warning by removing their usage of the "legacy" property and using the new select syntax.`,this.el)}this.hasLoggedDeprecationWarning=true}const{disabled:e,el:t,inputId:s,isExpanded:o,expandedIcon:a,name:r,placeholder:n,value:c}=this;const d=z(this);const{labelText:h,labelId:p}=g(t,s);b(true,t,r,L(c),e);const m=this.getText();let f=m;if(f===""&&n!==undefined){f=n}const x=h!==undefined?f!==""?`${f}, ${h}`:h:f;return l(i,{onClick:this.onClick,role:"button","aria-haspopup":"listbox","aria-disabled":e?"true":null,"aria-label":x,class:{[d]:true,"in-item":v("ion-item",t),"in-item-color":v("ion-item.ion-color",t),"select-disabled":e,"select-expanded":o,"has-expanded-icon":a!==undefined,"legacy-select":true}},this.renderSelectText(),this.renderSelectIcon(),l("label",{id:p},x),this.renderListbox())}renderSelectText(){const{placeholder:e}=this;const t=this.getText();let i=false;let s=t;if(s===""&&e!==undefined){s=e;i=true}const o={"select-text":true,"select-placeholder":i};const a=i?"placeholder":"text";return l("div",{"aria-hidden":"true",class:o,part:a},s)}renderSelectIcon(){const e=z(this);const{isExpanded:t,toggleIcon:i,expandedIcon:s}=this;let o;if(t&&s!==undefined){o=s}else{const t=e==="ios"?j:C;o=i!==null&&i!==void 0?i:t}return l("ion-icon",{class:"select-icon",part:"icon","aria-hidden":"true",icon:o})}get ariaLabel(){var e,t;const{placeholder:l,el:i,inputId:s,inheritedAttributes:o}=this;const a=this.getText();const{labelText:r}=g(i,s);const n=(t=(e=this.labelText)!==null&&e!==void 0?e:o["aria-label"])!==null&&t!==void 0?t:r;let c=a;if(c===""&&l!==undefined){c=l}if(n!==undefined){c=c===""?n:`${n}, ${c}`}return c}renderListbox(){const{disabled:e,inputId:t,isExpanded:i}=this;return l("button",{disabled:e,id:t,"aria-label":this.ariaLabel,"aria-haspopup":"dialog","aria-expanded":`${i}`,onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusEl=e})}render(){const{legacyFormController:e}=this;return e.hasLegacyControl()?this.renderLegacySelect():this.renderSelect()}get el(){return s(this)}static get watchers(){return{disabled:["styleChanged"],isExpanded:["styleChanged"],placeholder:["styleChanged"],value:["styleChanged"]}}};const T=e=>{const t=e.value;return t===undefined?e.textContent||"":t};const L=e=>{if(e==null){return undefined}if(Array.isArray(e)){return e.join(",")}return e.toString()};const E=(e,t,l)=>{if(t===undefined){return""}if(Array.isArray(t)){return t.map((t=>F(e,t,l))).filter((e=>e!==null)).join(", ")}else{return F(e,t,l)||""}};const F=(e,t,l)=>{const i=e.find((e=>c(t,T(e),l)));return i?i.textContent:null};let P=0;const Y="select-interface-option";A.style={ios:O,md:I};export{A as ion_select};
+//# sourceMappingURL=p-428e79f5.entry.js.map

package/dist/elements/{p-07d2bd5a.entry.js → p-43d3f9dd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,i,h as e}from"./p-42169e41.js";import{s as r,B as s}from"./p-b9dcf3b2.js";const o="iframe{background-color:white;width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";const a=o;const h=class{constructor(e){t(this,e);this.initializeOsEmitter=i(this,"pod-os:init",7);this.resourceLoadedEmitter=i(this,"pod-os:resource-loaded",7);this.loading=true;this.setOs=async t=>{this.os=t}}componentWillLoad(){r.onChange("isLoggedIn",(()=>this.fetchBlob()));this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=true;const t=await this.os.fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src);if(t.blob()){this.dataUri=URL.createObjectURL(t.blob());this.error=null}else{this.brokenFile=t}}catch(t){this.error=t}finally{this.loading=false}}render(){if(this.loading){return e("ion-skeleton-text",{animated:true})}if(this.error){return e("div",{class:"error"},this.error.message)}if(this.brokenFile){return e(s,{file:this.brokenFile})}return e("iframe",{src:this.dataUri})}static get watchers(){return{os:["fetchBlob"],src:["fetchBlob"]}}};h.style=a;export{h as pos_document};
-//# sourceMappingURL=p-07d2bd5a.entry.js.map
+import{r as t,i,h as e}from"./p-ad32e711.js";import{s as r,B as s}from"./p-dc0cae0c.js";const o="iframe{background-color:white;width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";const a=o;const c=class{constructor(e){t(this,e);this.initializeOsEmitter=i(this,"pod-os:init",7);this.resourceLoadedEmitter=i(this,"pod-os:resource-loaded",7);this.loading=true;this.setOs=async t=>{this.os=t}}componentWillLoad(){r.onChange("isLoggedIn",(()=>this.fetchBlob()));this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=true;const t=await this.os.fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src);if(t.blob()){this.dataUri=URL.createObjectURL(t.blob());this.error=null}else{this.brokenFile=t}}catch(t){this.error=t}finally{this.loading=false}}render(){if(this.loading){return e("ion-skeleton-text",{animated:true})}if(this.error){return e("div",{class:"error"},this.error.message)}if(this.brokenFile){return e(s,{file:this.brokenFile})}return e("iframe",{src:this.dataUri})}static get watchers(){return{os:["fetchBlob"],src:["fetchBlob"]}}};c.style=a;export{c as pos_document};
+//# sourceMappingURL=p-43d3f9dd.entry.js.map

package/dist/elements/p-489909a3.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as s,d as e,H as n}from"./p-ad32e711.js";import{a as o,d as h,r}from"./p-949b115f.js";import{m as a}from"./p-71ee259b.js";import{w as d}from"./p-b951a801.js";import{g as l}from"./p-17cb620a.js";import"./p-d6769f21.js";const c="ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;user-select:none}ion-item-sliding .item{user-select:none}.item-sliding-active-slide .item{position:relative;transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;order:1;transition-duration:0.6s;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;order:-1;transition-duration:0.6s;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){order:1}}";const p=c;const f=30;const m=.55;let u;const g=class{constructor(s){t(this,s);this.ionDrag=i(this,"ionDrag",7);this.item=null;this.openAmount=0;this.initialOpenAmount=0;this.optsWidthRightSide=0;this.optsWidthLeftSide=0;this.sides=0;this.optsDirty=true;this.contentEl=null;this.initialContentScrollY=true;this.state=2;this.disabled=false}disabledChanged(){if(this.gesture){this.gesture.enable(!this.disabled)}}async connectedCallback(){const{el:t}=this;this.item=t.querySelector("ion-item");this.contentEl=o(t);this.mutationObserver=d(t,"ion-item-option",(async()=>{await this.updateOptions()}));await this.updateOptions();this.gesture=(await import("./p-b943833e.js")).createGesture({el:t,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:t=>this.canStart(t),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.disabledChanged()}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.item=null;this.leftOptions=this.rightOptions=undefined;if(u===this.el){u=undefined}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=undefined}}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(t){var i;const s=this.item=(i=this.item)!==null&&i!==void 0?i:this.el.querySelector("ion-item");if(s===null){return}const e=this.getOptions(t);if(!e){return}if(t===undefined){t=e===this.leftOptions?"start":"end"}t=a(t)?"end":"start";const n=this.openAmount<0;const o=this.openAmount>0;if(n&&e===this.leftOptions){return}if(o&&e===this.rightOptions){return}this.closeOpened();this.state=4;requestAnimationFrame((()=>{this.calculateOptsWidth();const i=t==="end"?this.optsWidthRightSide:-this.optsWidthLeftSide;u=this.el;this.setOpenAmount(i,false);this.state=t==="end"?8:16}))}async close(){this.setOpenAmount(0,true)}async closeOpened(){if(u!==undefined){u.close();u=undefined;return true}return false}getOptions(t){if(t===undefined){return this.leftOptions||this.rightOptions}else if(t==="start"){return this.leftOptions}else{return this.rightOptions}}async updateOptions(){const t=this.el.querySelectorAll("ion-item-options");let i=0;this.leftOptions=this.rightOptions=undefined;for(let s=0;s<t.length;s++){const e=t.item(s);const n=e.componentOnReady!==undefined?await e.componentOnReady():e;const o=a(n.side)?"end":"start";if(o==="start"){this.leftOptions=n;i|=1}else{this.rightOptions=n;i|=2}}this.optsDirty=true;this.sides=i}canStart(t){const i=document.dir==="rtl";const s=i?window.innerWidth-t.startX<15:t.startX<15;if(s){return false}const e=u;if(e&&e!==this.el){this.closeOpened()}return!!(this.rightOptions||this.leftOptions)}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:t}=this;if(t){this.initialContentScrollY=h(t)}u=this.el;if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(this.openAmount===0){this.optsDirty=true;this.state=4}this.initialOpenAmount=this.openAmount;if(this.item){this.item.style.transition="none"}}onMove(t){if(this.optsDirty){this.calculateOptsWidth()}let i=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:i=Math.max(0,i);break;case 1:i=Math.min(0,i);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides);break}let s;if(i>this.optsWidthRightSide){s=this.optsWidthRightSide;i=s+(i-s)*m}else if(i<-this.optsWidthLeftSide){s=-this.optsWidthLeftSide;i=s+(i-s)*m}this.setOpenAmount(i,false)}onEnd(t){const{contentEl:i,initialContentScrollY:s}=this;if(i){r(i,s)}const e=t.velocityX;let n=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;const o=this.openAmount>0===!(e<0);const h=Math.abs(e)>.3;const a=Math.abs(this.openAmount)<Math.abs(n/2);if(b(o,h,a)){n=0}const d=this.state;this.setOpenAmount(n,true);if((d&32)!==0&&this.rightOptions){this.rightOptions.fireSwipeEvent()}else if((d&64)!==0&&this.leftOptions){this.leftOptions.fireSwipeEvent()}}calculateOptsWidth(){this.optsWidthRightSide=0;if(this.rightOptions){this.rightOptions.style.display="flex";this.optsWidthRightSide=this.rightOptions.offsetWidth;this.rightOptions.style.display=""}this.optsWidthLeftSide=0;if(this.leftOptions){this.leftOptions.style.display="flex";this.optsWidthLeftSide=this.leftOptions.offsetWidth;this.leftOptions.style.display=""}this.optsDirty=false}setOpenAmount(t,i){if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(!this.item){return}const{el:s}=this;const e=this.item.style;this.openAmount=t;if(i){e.transition=""}if(t>0){this.state=t>=this.optsWidthRightSide+f?8|32:8}else if(t<0){this.state=t<=-this.optsWidthLeftSide-f?16|64:16}else{s.classList.add("item-sliding-closing");if(this.gesture){this.gesture.enable(false)}this.tmr=setTimeout((()=>{this.state=2;this.tmr=undefined;if(this.gesture){this.gesture.enable(!this.disabled)}s.classList.remove("item-sliding-closing")}),600);u=undefined;e.transform="";return}e.transform=`translate3d(${-t}px,0,0)`;this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){if(this.openAmount>0){return this.openAmount/this.optsWidthRightSide}else if(this.openAmount<0){return this.openAmount/this.optsWidthLeftSide}else{return 0}}render(){const t=l(this);return s(n,{key:"7f191e38bf717e6ccb246aa7b9fbd29d01e64677",class:{[t]:true,"item-sliding-active-slide":this.state!==2,"item-sliding-active-options-end":(this.state&8)!==0,"item-sliding-active-options-start":(this.state&16)!==0,"item-sliding-active-swipe-end":(this.state&32)!==0,"item-sliding-active-swipe-start":(this.state&64)!==0}})}get el(){return e(this)}static get watchers(){return{disabled:["disabledChanged"]}}};const b=(t,i,s)=>!i&&s||t&&i;g.style=p;export{g as ion_item_sliding};
+//# sourceMappingURL=p-489909a3.entry.js.map

package/dist/elements/{p-01981011.entry.js.map → p-489909a3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["itemSlidingCss","IonItemSlidingStyle0","SWIPE_MARGIN","ELASTIC_FACTOR","openSlidingItem","ItemSliding","constructor","hostRef","this","item","openAmount","initialOpenAmount","optsWidthRightSide","optsWidthLeftSide","sides","optsDirty","contentEl","initialContentScrollY","state","disabled","disabledChanged","gesture","enable","connectedCallback","el","querySelector","findClosestIonContent","mutationObserver","watchForOptions","async","updateOptions","import","createGesture","gestureName","gesturePriority","threshold","canStart","ev","onStart","onMove","onEnd","disconnectedCallback","destroy","undefined","leftOptions","rightOptions","disconnect","getOpenAmount","Promise","resolve","getSlidingRatio","getSlidingRatioSync","open","side","_a","optionsToOpen","getOptions","isEndSide","isStartOpen","isEndOpen","closeOpened","requestAnimationFrame","calculateOptsWidth","width","setOpenAmount","close","options","querySelectorAll","i","length","option","componentOnReady","rtl","document","dir","atEdge","window","innerWidth","startX","selected","disableContentScrollY","tmr","clearTimeout","style","transition","deltaX","Math","max","min","console","warn","optsWidth","resetContentScrollY","velocity","velocityX","restingPoint","isResetDirection","isMovingFast","abs","isOnCloseZone","swipeShouldReset","fireSwipeEvent","display","offsetWidth","isFinal","classList","add","setTimeout","remove","transform","ionDrag","emit","amount","ratio","render","mode","getIonMode","h","Host","key","class","isOnResetZone"],"sources":["../node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.css?tag=ion-item-sliding","../node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\nion-item-sliding {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  user-select: none;\n}\n\nion-item-sliding .item {\n  user-select: none;\n}\n\n.item-sliding-active-slide .item {\n  position: relative;\n  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);\n  opacity: 1;\n  z-index: 2;\n  pointer-events: none;\n  will-change: transform;\n}\n\n.item-sliding-closing ion-item-options {\n  pointer-events: none;\n}\n\n.item-sliding-active-swipe-end .item-options-end .item-option-expandable {\n  /* stylelint-disable-next-line property-disallowed-list */\n  padding-left: 100%;\n  order: 1;\n  transition-duration: 0.6s;\n  transition-property: padding-left;\n}\n:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable {\n  order: -1;\n}\n\n[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable {\n  order: -1;\n}\n\n@supports selector(:dir(rtl)) {\n  .item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl) {\n    order: -1;\n  }\n}\n\n.item-sliding-active-swipe-start .item-options-start .item-option-expandable {\n  /* stylelint-disable-next-line property-disallowed-list */\n  padding-right: 100%;\n  order: -1;\n  transition-duration: 0.6s;\n  transition-property: padding-right;\n}\n:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable {\n  order: 1;\n}\n\n[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable {\n  order: 1;\n}\n\n@supports selector(:dir(rtl)) {\n  .item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl) {\n    order: 1;\n  }\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { findClosestIonContent, disableContentScrollY, resetContentScrollY } from \"../../utils/content/index\";\nimport { isEndSide } from \"../../utils/helpers\";\nimport { watchForOptions } from \"../../utils/watch-options\";\nimport { getIonMode } from \"../../global/ionic-global\";\nconst SWIPE_MARGIN = 30;\nconst ELASTIC_FACTOR = 0.55;\nlet openSlidingItem;\nexport class ItemSliding {\n    constructor() {\n        this.item = null;\n        this.openAmount = 0;\n        this.initialOpenAmount = 0;\n        this.optsWidthRightSide = 0;\n        this.optsWidthLeftSide = 0;\n        this.sides = 0 /* ItemSide.None */;\n        this.optsDirty = true;\n        this.contentEl = null;\n        this.initialContentScrollY = true;\n        this.state = 2 /* SlidingState.Disabled */;\n        this.disabled = false;\n    }\n    disabledChanged() {\n        if (this.gesture) {\n            this.gesture.enable(!this.disabled);\n        }\n    }\n    async connectedCallback() {\n        const { el } = this;\n        this.item = el.querySelector('ion-item');\n        this.contentEl = findClosestIonContent(el);\n        /**\n         * The MutationObserver needs to be added before we\n         * call updateOptions below otherwise we may miss\n         * ion-item-option elements that are added to the DOM\n         * while updateOptions is running and before the MutationObserver\n         * has been initialized.\n         */\n        this.mutationObserver = watchForOptions(el, 'ion-item-option', async () => {\n            await this.updateOptions();\n        });\n        await this.updateOptions();\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el,\n            gestureName: 'item-swipe',\n            gesturePriority: 100,\n            threshold: 5,\n            canStart: (ev) => this.canStart(ev),\n            onStart: () => this.onStart(),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.disabledChanged();\n    }\n    disconnectedCallback() {\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n        this.item = null;\n        this.leftOptions = this.rightOptions = undefined;\n        if (openSlidingItem === this.el) {\n            openSlidingItem = undefined;\n        }\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n            this.mutationObserver = undefined;\n        }\n    }\n    /**\n     * Get the amount the item is open in pixels.\n     */\n    getOpenAmount() {\n        return Promise.resolve(this.openAmount);\n    }\n    /**\n     * Get the ratio of the open amount of the item compared to the width of the options.\n     * If the number returned is positive, then the options on the right side are open.\n     * If the number returned is negative, then the options on the left side are open.\n     * If the absolute value of the number is greater than 1, the item is open more than\n     * the width of the options.\n     */\n    getSlidingRatio() {\n        return Promise.resolve(this.getSlidingRatioSync());\n    }\n    /**\n     * Open the sliding item.\n     *\n     * @param side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.\n     */\n    async open(side) {\n        var _a;\n        /**\n         * It is possible for the item to be added to the DOM\n         * after the item-sliding component was created. As a result,\n         * if this.item is null, then we should attempt to\n         * query for the ion-item again.\n         * However, if the item is already defined then\n         * we do not query for it again.\n         */\n        const item = (this.item = (_a = this.item) !== null && _a !== void 0 ? _a : this.el.querySelector('ion-item'));\n        if (item === null) {\n            return;\n        }\n        const optionsToOpen = this.getOptions(side);\n        if (!optionsToOpen) {\n            return;\n        }\n        /**\n         * If side is not set, we need to infer the side\n         * so we know which direction to move the options\n         */\n        if (side === undefined) {\n            side = optionsToOpen === this.leftOptions ? 'start' : 'end';\n        }\n        // In RTL we want to switch the sides\n        side = isEndSide(side) ? 'end' : 'start';\n        const isStartOpen = this.openAmount < 0;\n        const isEndOpen = this.openAmount > 0;\n        /**\n         * If a side is open and a user tries to\n         * re-open the same side, we should not do anything\n         */\n        if (isStartOpen && optionsToOpen === this.leftOptions) {\n            return;\n        }\n        if (isEndOpen && optionsToOpen === this.rightOptions) {\n            return;\n        }\n        this.closeOpened();\n        this.state = 4 /* SlidingState.Enabled */;\n        requestAnimationFrame(() => {\n            this.calculateOptsWidth();\n            const width = side === 'end' ? this.optsWidthRightSide : -this.optsWidthLeftSide;\n            openSlidingItem = this.el;\n            this.setOpenAmount(width, false);\n            this.state = side === 'end' ? 8 /* SlidingState.End */ : 16 /* SlidingState.Start */;\n        });\n    }\n    /**\n     * Close the sliding item. Items can also be closed from the [List](./list).\n     */\n    async close() {\n        this.setOpenAmount(0, true);\n    }\n    /**\n     * Close all of the sliding items in the list. Items can also be closed from the [List](./list).\n     */\n    async closeOpened() {\n        if (openSlidingItem !== undefined) {\n            openSlidingItem.close();\n            openSlidingItem = undefined;\n            return true;\n        }\n        return false;\n    }\n    /**\n     * Given an optional side, return the ion-item-options element.\n     *\n     * @param side This side of the options to get. If a side is not provided it will\n     * return the first one available.\n     */\n    getOptions(side) {\n        if (side === undefined) {\n            return this.leftOptions || this.rightOptions;\n        }\n        else if (side === 'start') {\n            return this.leftOptions;\n        }\n        else {\n            return this.rightOptions;\n        }\n    }\n    async updateOptions() {\n        const options = this.el.querySelectorAll('ion-item-options');\n        let sides = 0;\n        // Reset left and right options in case they were removed\n        this.leftOptions = this.rightOptions = undefined;\n        for (let i = 0; i < options.length; i++) {\n            const item = options.item(i);\n            /**\n             * We cannot use the componentOnReady helper\n             * util here since we need to wait for all of these items\n             * to be ready before we set `this.sides` and `this.optsDirty`.\n             */\n            // eslint-disable-next-line custom-rules/no-component-on-ready-method\n            const option = item.componentOnReady !== undefined ? await item.componentOnReady() : item;\n            const side = isEndSide(option.side) ? 'end' : 'start';\n            if (side === 'start') {\n                this.leftOptions = option;\n                sides |= 1 /* ItemSide.Start */;\n            }\n            else {\n                this.rightOptions = option;\n                sides |= 2 /* ItemSide.End */;\n            }\n        }\n        this.optsDirty = true;\n        this.sides = sides;\n    }\n    canStart(gesture) {\n        /**\n         * If very close to start of the screen\n         * do not open left side so swipe to go\n         * back will still work.\n         */\n        const rtl = document.dir === 'rtl';\n        const atEdge = rtl ? window.innerWidth - gesture.startX < 15 : gesture.startX < 15;\n        if (atEdge) {\n            return false;\n        }\n        const selected = openSlidingItem;\n        if (selected && selected !== this.el) {\n            this.closeOpened();\n        }\n        return !!(this.rightOptions || this.leftOptions);\n    }\n    onStart() {\n        /**\n         * We need to query for the ion-item\n         * every time the gesture starts. Developers\n         * may toggle ion-item elements via *ngIf.\n         */\n        this.item = this.el.querySelector('ion-item');\n        const { contentEl } = this;\n        if (contentEl) {\n            this.initialContentScrollY = disableContentScrollY(contentEl);\n        }\n        openSlidingItem = this.el;\n        if (this.tmr !== undefined) {\n            clearTimeout(this.tmr);\n            this.tmr = undefined;\n        }\n        if (this.openAmount === 0) {\n            this.optsDirty = true;\n            this.state = 4 /* SlidingState.Enabled */;\n        }\n        this.initialOpenAmount = this.openAmount;\n        if (this.item) {\n            this.item.style.transition = 'none';\n        }\n    }\n    onMove(gesture) {\n        if (this.optsDirty) {\n            this.calculateOptsWidth();\n        }\n        let openAmount = this.initialOpenAmount - gesture.deltaX;\n        switch (this.sides) {\n            case 2 /* ItemSide.End */:\n                openAmount = Math.max(0, openAmount);\n                break;\n            case 1 /* ItemSide.Start */:\n                openAmount = Math.min(0, openAmount);\n                break;\n            case 3 /* ItemSide.Both */:\n                break;\n            case 0 /* ItemSide.None */:\n                return;\n            default:\n                console.warn('invalid ItemSideFlags value', this.sides);\n                break;\n        }\n        let optsWidth;\n        if (openAmount > this.optsWidthRightSide) {\n            optsWidth = this.optsWidthRightSide;\n            openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;\n        }\n        else if (openAmount < -this.optsWidthLeftSide) {\n            optsWidth = -this.optsWidthLeftSide;\n            openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;\n        }\n        this.setOpenAmount(openAmount, false);\n    }\n    onEnd(gesture) {\n        const { contentEl, initialContentScrollY } = this;\n        if (contentEl) {\n            resetContentScrollY(contentEl, initialContentScrollY);\n        }\n        const velocity = gesture.velocityX;\n        let restingPoint = this.openAmount > 0 ? this.optsWidthRightSide : -this.optsWidthLeftSide;\n        // Check if the drag didn't clear the buttons mid-point\n        // and we aren't moving fast enough to swipe open\n        const isResetDirection = this.openAmount > 0 === !(velocity < 0);\n        const isMovingFast = Math.abs(velocity) > 0.3;\n        const isOnCloseZone = Math.abs(this.openAmount) < Math.abs(restingPoint / 2);\n        if (swipeShouldReset(isResetDirection, isMovingFast, isOnCloseZone)) {\n            restingPoint = 0;\n        }\n        const state = this.state;\n        this.setOpenAmount(restingPoint, true);\n        if ((state & 32 /* SlidingState.SwipeEnd */) !== 0 && this.rightOptions) {\n            this.rightOptions.fireSwipeEvent();\n        }\n        else if ((state & 64 /* SlidingState.SwipeStart */) !== 0 && this.leftOptions) {\n            this.leftOptions.fireSwipeEvent();\n        }\n    }\n    calculateOptsWidth() {\n        this.optsWidthRightSide = 0;\n        if (this.rightOptions) {\n            this.rightOptions.style.display = 'flex';\n            this.optsWidthRightSide = this.rightOptions.offsetWidth;\n            this.rightOptions.style.display = '';\n        }\n        this.optsWidthLeftSide = 0;\n        if (this.leftOptions) {\n            this.leftOptions.style.display = 'flex';\n            this.optsWidthLeftSide = this.leftOptions.offsetWidth;\n            this.leftOptions.style.display = '';\n        }\n        this.optsDirty = false;\n    }\n    setOpenAmount(openAmount, isFinal) {\n        if (this.tmr !== undefined) {\n            clearTimeout(this.tmr);\n            this.tmr = undefined;\n        }\n        if (!this.item) {\n            return;\n        }\n        const { el } = this;\n        const style = this.item.style;\n        this.openAmount = openAmount;\n        if (isFinal) {\n            style.transition = '';\n        }\n        if (openAmount > 0) {\n            this.state =\n                openAmount >= this.optsWidthRightSide + SWIPE_MARGIN\n                    ? 8 /* SlidingState.End */ | 32 /* SlidingState.SwipeEnd */\n                    : 8 /* SlidingState.End */;\n        }\n        else if (openAmount < 0) {\n            this.state =\n                openAmount <= -this.optsWidthLeftSide - SWIPE_MARGIN\n                    ? 16 /* SlidingState.Start */ | 64 /* SlidingState.SwipeStart */\n                    : 16 /* SlidingState.Start */;\n        }\n        else {\n            /**\n             * The sliding options should not be\n             * clickable while the item is closing.\n             */\n            el.classList.add('item-sliding-closing');\n            /**\n             * Item sliding cannot be interrupted\n             * while closing the item. If it did,\n             * it would allow the item to get into an\n             * inconsistent state where multiple\n             * items are then open at the same time.\n             */\n            if (this.gesture) {\n                this.gesture.enable(false);\n            }\n            this.tmr = setTimeout(() => {\n                this.state = 2 /* SlidingState.Disabled */;\n                this.tmr = undefined;\n                if (this.gesture) {\n                    this.gesture.enable(!this.disabled);\n                }\n                el.classList.remove('item-sliding-closing');\n            }, 600);\n            openSlidingItem = undefined;\n            style.transform = '';\n            return;\n        }\n        style.transform = `translate3d(${-openAmount}px,0,0)`;\n        this.ionDrag.emit({\n            amount: openAmount,\n            ratio: this.getSlidingRatioSync(),\n        });\n    }\n    getSlidingRatioSync() {\n        if (this.openAmount > 0) {\n            return this.openAmount / this.optsWidthRightSide;\n        }\n        else if (this.openAmount < 0) {\n            return this.openAmount / this.optsWidthLeftSide;\n        }\n        else {\n            return 0;\n        }\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '7f191e38bf717e6ccb246aa7b9fbd29d01e64677', class: {\n                [mode]: true,\n                'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,\n                'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,\n                'item-sliding-active-options-start': (this.state & 16 /* SlidingState.Start */) !== 0,\n                'item-sliding-active-swipe-end': (this.state & 32 /* SlidingState.SwipeEnd */) !== 0,\n                'item-sliding-active-swipe-start': (this.state & 64 /* SlidingState.SwipeStart */) !== 0,\n            } }));\n    }\n    static get is() { return \"ion-item-sliding\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"item-sliding.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"item-sliding.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the sliding item.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"state\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionDrag\",\n                \"name\": \"ionDrag\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the sliding position changes.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"getOpenAmount\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<number>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<number>\"\n                },\n                \"docs\": {\n                    \"text\": \"Get the amount the item is open in pixels.\",\n                    \"tags\": []\n                }\n            },\n            \"getSlidingRatio\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<number>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<number>\"\n                },\n                \"docs\": {\n                    \"text\": \"Get the ratio of the open amount of the item compared to the width of the options.\\nIf the number returned is positive, then the options on the right side are open.\\nIf the number returned is negative, then the options on the left side are open.\\nIf the absolute value of the number is greater than 1, the item is open more than\\nthe width of the options.\",\n                    \"tags\": []\n                }\n            },\n            \"open\": {\n                \"complexType\": {\n                    \"signature\": \"(side: Side | undefined) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"side\",\n                            \"type\": \"Side | undefined\",\n                            \"docs\": \"The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"Side\": {\n                            \"location\": \"import\",\n                            \"path\": \"../menu/menu-interface\",\n                            \"id\": \"src/components/menu/menu-interface.ts::Side\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Open the sliding item.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.\"\n                        }]\n                }\n            },\n            \"close\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Close the sliding item. Items can also be closed from the [List](./list).\",\n                    \"tags\": []\n                }\n            },\n            \"closeOpened\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<boolean>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"Close all of the sliding items in the list. Items can also be closed from the [List](./list).\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledChanged\"\n            }];\n    }\n}\nconst swipeShouldReset = (isResetDirection, isMovingFast, isOnResetZone) => {\n    // The logic required to know when the sliding item should close (openAmount=0)\n    // depends on three booleans (isResetDirection, isMovingFast, isOnResetZone)\n    // and it ended up being too complicated to be written manually without errors\n    // so the truth table is attached below: (0=false, 1=true)\n    // isResetDirection | isMovingFast | isOnResetZone || shouldClose\n    //         0        |       0      |       0       ||    0\n    //         0        |       0      |       1       ||    1\n    //         0        |       1      |       0       ||    0\n    //         0        |       1      |       1       ||    0\n    //         1        |       0      |       0       ||    0\n    //         1        |       0      |       1       ||    1\n    //         1        |       1      |       0       ||    1\n    //         1        |       1      |       1       ||    1\n    // The resulting expression was generated by resolving the K-map (Karnaugh map):\n    return (!isMovingFast && isOnResetZone) || (isResetDirection && isMovingFast);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["itemSlidingCss","IonItemSlidingStyle0","SWIPE_MARGIN","ELASTIC_FACTOR","openSlidingItem","ItemSliding","constructor","hostRef","this","item","openAmount","initialOpenAmount","optsWidthRightSide","optsWidthLeftSide","sides","optsDirty","contentEl","initialContentScrollY","state","disabled","disabledChanged","gesture","enable","connectedCallback","el","querySelector","findClosestIonContent","mutationObserver","watchForOptions","async","updateOptions","import","createGesture","gestureName","gesturePriority","threshold","canStart","ev","onStart","onMove","onEnd","disconnectedCallback","destroy","undefined","leftOptions","rightOptions","disconnect","getOpenAmount","Promise","resolve","getSlidingRatio","getSlidingRatioSync","open","side","_a","optionsToOpen","getOptions","isEndSide","isStartOpen","isEndOpen","closeOpened","requestAnimationFrame","calculateOptsWidth","width","setOpenAmount","close","options","querySelectorAll","i","length","option","componentOnReady","rtl","document","dir","atEdge","window","innerWidth","startX","selected","disableContentScrollY","tmr","clearTimeout","style","transition","deltaX","Math","max","min","console","warn","optsWidth","resetContentScrollY","velocity","velocityX","restingPoint","isResetDirection","isMovingFast","abs","isOnCloseZone","swipeShouldReset","fireSwipeEvent","display","offsetWidth","isFinal","classList","add","setTimeout","remove","transform","ionDrag","emit","amount","ratio","render","mode","getIonMode","h","Host","key","class","isOnResetZone"],"sources":["../node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.css?tag=ion-item-sliding","../node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\nion-item-sliding {\n  display: block;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  user-select: none;\n}\n\nion-item-sliding .item {\n  user-select: none;\n}\n\n.item-sliding-active-slide .item {\n  position: relative;\n  transition: transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);\n  opacity: 1;\n  z-index: 2;\n  pointer-events: none;\n  will-change: transform;\n}\n\n.item-sliding-closing ion-item-options {\n  pointer-events: none;\n}\n\n.item-sliding-active-swipe-end .item-options-end .item-option-expandable {\n  /* stylelint-disable-next-line property-disallowed-list */\n  padding-left: 100%;\n  order: 1;\n  transition-duration: 0.6s;\n  transition-property: padding-left;\n}\n:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable {\n  order: -1;\n}\n\n[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable {\n  order: -1;\n}\n\n@supports selector(:dir(rtl)) {\n  .item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl) {\n    order: -1;\n  }\n}\n\n.item-sliding-active-swipe-start .item-options-start .item-option-expandable {\n  /* stylelint-disable-next-line property-disallowed-list */\n  padding-right: 100%;\n  order: -1;\n  transition-duration: 0.6s;\n  transition-property: padding-right;\n}\n:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable {\n  order: 1;\n}\n\n[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable {\n  order: 1;\n}\n\n@supports selector(:dir(rtl)) {\n  .item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl) {\n    order: 1;\n  }\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { findClosestIonContent, disableContentScrollY, resetContentScrollY } from \"../../utils/content/index\";\nimport { isEndSide } from \"../../utils/helpers\";\nimport { watchForOptions } from \"../../utils/watch-options\";\nimport { getIonMode } from \"../../global/ionic-global\";\nconst SWIPE_MARGIN = 30;\nconst ELASTIC_FACTOR = 0.55;\nlet openSlidingItem;\nexport class ItemSliding {\n    constructor() {\n        this.item = null;\n        this.openAmount = 0;\n        this.initialOpenAmount = 0;\n        this.optsWidthRightSide = 0;\n        this.optsWidthLeftSide = 0;\n        this.sides = 0 /* ItemSide.None */;\n        this.optsDirty = true;\n        this.contentEl = null;\n        this.initialContentScrollY = true;\n        this.state = 2 /* SlidingState.Disabled */;\n        this.disabled = false;\n    }\n    disabledChanged() {\n        if (this.gesture) {\n            this.gesture.enable(!this.disabled);\n        }\n    }\n    async connectedCallback() {\n        const { el } = this;\n        this.item = el.querySelector('ion-item');\n        this.contentEl = findClosestIonContent(el);\n        /**\n         * The MutationObserver needs to be added before we\n         * call updateOptions below otherwise we may miss\n         * ion-item-option elements that are added to the DOM\n         * while updateOptions is running and before the MutationObserver\n         * has been initialized.\n         */\n        this.mutationObserver = watchForOptions(el, 'ion-item-option', async () => {\n            await this.updateOptions();\n        });\n        await this.updateOptions();\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el,\n            gestureName: 'item-swipe',\n            gesturePriority: 100,\n            threshold: 5,\n            canStart: (ev) => this.canStart(ev),\n            onStart: () => this.onStart(),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.disabledChanged();\n    }\n    disconnectedCallback() {\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n        this.item = null;\n        this.leftOptions = this.rightOptions = undefined;\n        if (openSlidingItem === this.el) {\n            openSlidingItem = undefined;\n        }\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n            this.mutationObserver = undefined;\n        }\n    }\n    /**\n     * Get the amount the item is open in pixels.\n     */\n    getOpenAmount() {\n        return Promise.resolve(this.openAmount);\n    }\n    /**\n     * Get the ratio of the open amount of the item compared to the width of the options.\n     * If the number returned is positive, then the options on the right side are open.\n     * If the number returned is negative, then the options on the left side are open.\n     * If the absolute value of the number is greater than 1, the item is open more than\n     * the width of the options.\n     */\n    getSlidingRatio() {\n        return Promise.resolve(this.getSlidingRatioSync());\n    }\n    /**\n     * Open the sliding item.\n     *\n     * @param side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.\n     */\n    async open(side) {\n        var _a;\n        /**\n         * It is possible for the item to be added to the DOM\n         * after the item-sliding component was created. As a result,\n         * if this.item is null, then we should attempt to\n         * query for the ion-item again.\n         * However, if the item is already defined then\n         * we do not query for it again.\n         */\n        const item = (this.item = (_a = this.item) !== null && _a !== void 0 ? _a : this.el.querySelector('ion-item'));\n        if (item === null) {\n            return;\n        }\n        const optionsToOpen = this.getOptions(side);\n        if (!optionsToOpen) {\n            return;\n        }\n        /**\n         * If side is not set, we need to infer the side\n         * so we know which direction to move the options\n         */\n        if (side === undefined) {\n            side = optionsToOpen === this.leftOptions ? 'start' : 'end';\n        }\n        // In RTL we want to switch the sides\n        side = isEndSide(side) ? 'end' : 'start';\n        const isStartOpen = this.openAmount < 0;\n        const isEndOpen = this.openAmount > 0;\n        /**\n         * If a side is open and a user tries to\n         * re-open the same side, we should not do anything\n         */\n        if (isStartOpen && optionsToOpen === this.leftOptions) {\n            return;\n        }\n        if (isEndOpen && optionsToOpen === this.rightOptions) {\n            return;\n        }\n        this.closeOpened();\n        this.state = 4 /* SlidingState.Enabled */;\n        requestAnimationFrame(() => {\n            this.calculateOptsWidth();\n            const width = side === 'end' ? this.optsWidthRightSide : -this.optsWidthLeftSide;\n            openSlidingItem = this.el;\n            this.setOpenAmount(width, false);\n            this.state = side === 'end' ? 8 /* SlidingState.End */ : 16 /* SlidingState.Start */;\n        });\n    }\n    /**\n     * Close the sliding item. Items can also be closed from the [List](./list).\n     */\n    async close() {\n        this.setOpenAmount(0, true);\n    }\n    /**\n     * Close all of the sliding items in the list. Items can also be closed from the [List](./list).\n     */\n    async closeOpened() {\n        if (openSlidingItem !== undefined) {\n            openSlidingItem.close();\n            openSlidingItem = undefined;\n            return true;\n        }\n        return false;\n    }\n    /**\n     * Given an optional side, return the ion-item-options element.\n     *\n     * @param side This side of the options to get. If a side is not provided it will\n     * return the first one available.\n     */\n    getOptions(side) {\n        if (side === undefined) {\n            return this.leftOptions || this.rightOptions;\n        }\n        else if (side === 'start') {\n            return this.leftOptions;\n        }\n        else {\n            return this.rightOptions;\n        }\n    }\n    async updateOptions() {\n        const options = this.el.querySelectorAll('ion-item-options');\n        let sides = 0;\n        // Reset left and right options in case they were removed\n        this.leftOptions = this.rightOptions = undefined;\n        for (let i = 0; i < options.length; i++) {\n            const item = options.item(i);\n            /**\n             * We cannot use the componentOnReady helper\n             * util here since we need to wait for all of these items\n             * to be ready before we set `this.sides` and `this.optsDirty`.\n             */\n            // eslint-disable-next-line custom-rules/no-component-on-ready-method\n            const option = item.componentOnReady !== undefined ? await item.componentOnReady() : item;\n            const side = isEndSide(option.side) ? 'end' : 'start';\n            if (side === 'start') {\n                this.leftOptions = option;\n                sides |= 1 /* ItemSide.Start */;\n            }\n            else {\n                this.rightOptions = option;\n                sides |= 2 /* ItemSide.End */;\n            }\n        }\n        this.optsDirty = true;\n        this.sides = sides;\n    }\n    canStart(gesture) {\n        /**\n         * If very close to start of the screen\n         * do not open left side so swipe to go\n         * back will still work.\n         */\n        const rtl = document.dir === 'rtl';\n        const atEdge = rtl ? window.innerWidth - gesture.startX < 15 : gesture.startX < 15;\n        if (atEdge) {\n            return false;\n        }\n        const selected = openSlidingItem;\n        if (selected && selected !== this.el) {\n            this.closeOpened();\n        }\n        return !!(this.rightOptions || this.leftOptions);\n    }\n    onStart() {\n        /**\n         * We need to query for the ion-item\n         * every time the gesture starts. Developers\n         * may toggle ion-item elements via *ngIf.\n         */\n        this.item = this.el.querySelector('ion-item');\n        const { contentEl } = this;\n        if (contentEl) {\n            this.initialContentScrollY = disableContentScrollY(contentEl);\n        }\n        openSlidingItem = this.el;\n        if (this.tmr !== undefined) {\n            clearTimeout(this.tmr);\n            this.tmr = undefined;\n        }\n        if (this.openAmount === 0) {\n            this.optsDirty = true;\n            this.state = 4 /* SlidingState.Enabled */;\n        }\n        this.initialOpenAmount = this.openAmount;\n        if (this.item) {\n            this.item.style.transition = 'none';\n        }\n    }\n    onMove(gesture) {\n        if (this.optsDirty) {\n            this.calculateOptsWidth();\n        }\n        let openAmount = this.initialOpenAmount - gesture.deltaX;\n        switch (this.sides) {\n            case 2 /* ItemSide.End */:\n                openAmount = Math.max(0, openAmount);\n                break;\n            case 1 /* ItemSide.Start */:\n                openAmount = Math.min(0, openAmount);\n                break;\n            case 3 /* ItemSide.Both */:\n                break;\n            case 0 /* ItemSide.None */:\n                return;\n            default:\n                console.warn('invalid ItemSideFlags value', this.sides);\n                break;\n        }\n        let optsWidth;\n        if (openAmount > this.optsWidthRightSide) {\n            optsWidth = this.optsWidthRightSide;\n            openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;\n        }\n        else if (openAmount < -this.optsWidthLeftSide) {\n            optsWidth = -this.optsWidthLeftSide;\n            openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;\n        }\n        this.setOpenAmount(openAmount, false);\n    }\n    onEnd(gesture) {\n        const { contentEl, initialContentScrollY } = this;\n        if (contentEl) {\n            resetContentScrollY(contentEl, initialContentScrollY);\n        }\n        const velocity = gesture.velocityX;\n        let restingPoint = this.openAmount > 0 ? this.optsWidthRightSide : -this.optsWidthLeftSide;\n        // Check if the drag didn't clear the buttons mid-point\n        // and we aren't moving fast enough to swipe open\n        const isResetDirection = this.openAmount > 0 === !(velocity < 0);\n        const isMovingFast = Math.abs(velocity) > 0.3;\n        const isOnCloseZone = Math.abs(this.openAmount) < Math.abs(restingPoint / 2);\n        if (swipeShouldReset(isResetDirection, isMovingFast, isOnCloseZone)) {\n            restingPoint = 0;\n        }\n        const state = this.state;\n        this.setOpenAmount(restingPoint, true);\n        if ((state & 32 /* SlidingState.SwipeEnd */) !== 0 && this.rightOptions) {\n            this.rightOptions.fireSwipeEvent();\n        }\n        else if ((state & 64 /* SlidingState.SwipeStart */) !== 0 && this.leftOptions) {\n            this.leftOptions.fireSwipeEvent();\n        }\n    }\n    calculateOptsWidth() {\n        this.optsWidthRightSide = 0;\n        if (this.rightOptions) {\n            this.rightOptions.style.display = 'flex';\n            this.optsWidthRightSide = this.rightOptions.offsetWidth;\n            this.rightOptions.style.display = '';\n        }\n        this.optsWidthLeftSide = 0;\n        if (this.leftOptions) {\n            this.leftOptions.style.display = 'flex';\n            this.optsWidthLeftSide = this.leftOptions.offsetWidth;\n            this.leftOptions.style.display = '';\n        }\n        this.optsDirty = false;\n    }\n    setOpenAmount(openAmount, isFinal) {\n        if (this.tmr !== undefined) {\n            clearTimeout(this.tmr);\n            this.tmr = undefined;\n        }\n        if (!this.item) {\n            return;\n        }\n        const { el } = this;\n        const style = this.item.style;\n        this.openAmount = openAmount;\n        if (isFinal) {\n            style.transition = '';\n        }\n        if (openAmount > 0) {\n            this.state =\n                openAmount >= this.optsWidthRightSide + SWIPE_MARGIN\n                    ? 8 /* SlidingState.End */ | 32 /* SlidingState.SwipeEnd */\n                    : 8 /* SlidingState.End */;\n        }\n        else if (openAmount < 0) {\n            this.state =\n                openAmount <= -this.optsWidthLeftSide - SWIPE_MARGIN\n                    ? 16 /* SlidingState.Start */ | 64 /* SlidingState.SwipeStart */\n                    : 16 /* SlidingState.Start */;\n        }\n        else {\n            /**\n             * The sliding options should not be\n             * clickable while the item is closing.\n             */\n            el.classList.add('item-sliding-closing');\n            /**\n             * Item sliding cannot be interrupted\n             * while closing the item. If it did,\n             * it would allow the item to get into an\n             * inconsistent state where multiple\n             * items are then open at the same time.\n             */\n            if (this.gesture) {\n                this.gesture.enable(false);\n            }\n            this.tmr = setTimeout(() => {\n                this.state = 2 /* SlidingState.Disabled */;\n                this.tmr = undefined;\n                if (this.gesture) {\n                    this.gesture.enable(!this.disabled);\n                }\n                el.classList.remove('item-sliding-closing');\n            }, 600);\n            openSlidingItem = undefined;\n            style.transform = '';\n            return;\n        }\n        style.transform = `translate3d(${-openAmount}px,0,0)`;\n        this.ionDrag.emit({\n            amount: openAmount,\n            ratio: this.getSlidingRatioSync(),\n        });\n    }\n    getSlidingRatioSync() {\n        if (this.openAmount > 0) {\n            return this.openAmount / this.optsWidthRightSide;\n        }\n        else if (this.openAmount < 0) {\n            return this.openAmount / this.optsWidthLeftSide;\n        }\n        else {\n            return 0;\n        }\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '7f191e38bf717e6ccb246aa7b9fbd29d01e64677', class: {\n                [mode]: true,\n                'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,\n                'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,\n                'item-sliding-active-options-start': (this.state & 16 /* SlidingState.Start */) !== 0,\n                'item-sliding-active-swipe-end': (this.state & 32 /* SlidingState.SwipeEnd */) !== 0,\n                'item-sliding-active-swipe-start': (this.state & 64 /* SlidingState.SwipeStart */) !== 0,\n            } }));\n    }\n    static get is() { return \"ion-item-sliding\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"item-sliding.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"item-sliding.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the sliding item.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"state\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionDrag\",\n                \"name\": \"ionDrag\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the sliding position changes.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"getOpenAmount\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<number>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<number>\"\n                },\n                \"docs\": {\n                    \"text\": \"Get the amount the item is open in pixels.\",\n                    \"tags\": []\n                }\n            },\n            \"getSlidingRatio\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<number>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<number>\"\n                },\n                \"docs\": {\n                    \"text\": \"Get the ratio of the open amount of the item compared to the width of the options.\\nIf the number returned is positive, then the options on the right side are open.\\nIf the number returned is negative, then the options on the left side are open.\\nIf the absolute value of the number is greater than 1, the item is open more than\\nthe width of the options.\",\n                    \"tags\": []\n                }\n            },\n            \"open\": {\n                \"complexType\": {\n                    \"signature\": \"(side: Side | undefined) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"side\",\n                            \"type\": \"Side | undefined\",\n                            \"docs\": \"The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"Side\": {\n                            \"location\": \"import\",\n                            \"path\": \"../menu/menu-interface\",\n                            \"id\": \"src/components/menu/menu-interface.ts::Side\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Open the sliding item.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item.\"\n                        }]\n                }\n            },\n            \"close\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Close the sliding item. Items can also be closed from the [List](./list).\",\n                    \"tags\": []\n                }\n            },\n            \"closeOpened\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<boolean>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"Close all of the sliding items in the list. Items can also be closed from the [List](./list).\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledChanged\"\n            }];\n    }\n}\nconst swipeShouldReset = (isResetDirection, isMovingFast, isOnResetZone) => {\n    // The logic required to know when the sliding item should close (openAmount=0)\n    // depends on three booleans (isResetDirection, isMovingFast, isOnResetZone)\n    // and it ended up being too complicated to be written manually without errors\n    // so the truth table is attached below: (0=false, 1=true)\n    // isResetDirection | isMovingFast | isOnResetZone || shouldClose\n    //         0        |       0      |       0       ||    0\n    //         0        |       0      |       1       ||    1\n    //         0        |       1      |       0       ||    0\n    //         0        |       1      |       1       ||    0\n    //         1        |       0      |       0       ||    0\n    //         1        |       0      |       1       ||    1\n    //         1        |       1      |       0       ||    1\n    //         1        |       1      |       1       ||    1\n    // The resulting expression was generated by resolving the K-map (Karnaugh map):\n    return (!isMovingFast && isOnResetZone) || (isResetDirection && isMovingFast);\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/p-4a049a02.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as s,H as t}from"./p-ad32e711.js";import{c as r}from"./p-669fab6c.js";import{g as c}from"./p-17cb620a.js";const a=":host(.ion-color){color:var(--ion-color-base)}";const e=a;const d=class{constructor(s){o(this,s);this.color=undefined}render(){const o=c(this);return s(t,{key:"4330b56cbc4e15953d9b3162fb40af728a8195dd",class:r(this.color,{[o]:true})},s("slot",{key:"ec674a71d8fbb04d537fd79d617d9db4a607c340"}))}};d.style=e;export{d as ion_text};
+//# sourceMappingURL=p-4a049a02.entry.js.map

package/dist/elements/p-57740997.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as i}from"./p-ad32e711.js";import{m as e}from"./p-3856e0a0.js";import{g as o}from"./p-17cb620a.js";import{u as a}from"./p-cdb96cf2.js";import"./p-7efd6867.js";import"./p-f1a6f6f2.js";import"./p-d6769f21.js";import"./p-71ee259b.js";import"./p-cbf050d6.js";const c=":host(.menu-toggle-hidden){display:none}";const n=c;const r=class{constructor(t){s(this,t);this.onClick=()=>e.toggle(this.menu);this.visible=false;this.menu=undefined;this.autoHide=true}connectedCallback(){this.visibilityChanged()}async visibilityChanged(){this.visible=await a(this.menu)}render(){const s=o(this);const e=this.autoHide&&!this.visible;return t(i,{key:"94a0815a634c6fb1991854bfbcf5b2b4b61d7710",onClick:this.onClick,"aria-hidden":e?"true":null,class:{[s]:true,"menu-toggle-hidden":e}},t("slot",{key:"f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c"}))}};r.style=n;export{r as ion_menu_toggle};
+//# sourceMappingURL=p-57740997.entry.js.map

package/dist/elements/{p-300ec095.entry.js → p-58ad0789.entry.js}

@@ -1,5 +1,5 @@
-import{f as o,w as t,r as s,h as i,H as e,e as a}from"./p-42169e41.js";import{f as r,p as n,g as c}from"./p-949b115f.js";import{c as f}from"./p-55f1e3d8.js";import{g as d}from"./p-da0d920d.js";import{c as p}from"./p-71ee259b.js";import"./p-d6769f21.js";import"./p-7efd6867.js";import"./p-67b68c5d.js";import"./p-21b22219.js";
+import{f as o,w as t,r as s,h as i,H as e,d as a}from"./p-ad32e711.js";import{f as r,p as n,g as c}from"./p-949b115f.js";import{c as f}from"./p-55f1e3d8.js";import{g as p}from"./p-17cb620a.js";import{c as d}from"./p-71ee259b.js";import"./p-d6769f21.js";import"./p-7efd6867.js";import"./p-67b68c5d.js";import"./p-21b22219.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const l=(s,i)=>{o((()=>{const o=s.scrollTop;const e=s.scrollHeight-s.clientHeight;const a=10;const r=e-a;const n=o-r;const c=p(0,1-n/a,1);t((()=>{i.style.setProperty("--opacity-scale",c.toString())}))}))};const b="ion-footer{display:block;position:relative;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports (backdrop-filter: blur(0)){.footer-background{left:0;right:0;top:0;bottom:0;position:absolute;backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}";const h=b;const m="ion-footer{display:block;position:relative;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{box-shadow:none}";const u=m;const g=class{constructor(o){s(this,o);this.keyboardCtrl=null;this.checkCollapsibleFooter=()=>{const o=d(this);if(o!=="ios"){return}const{collapse:t}=this;const s=t==="fade";this.destroyCollapsibleFooter();if(s){const o=this.el.closest("ion-app,ion-page,.ion-page,page-inner");const t=o?r(o):null;if(!t){n(this.el);return}this.setupFadeFooter(t)}};this.setupFadeFooter=async o=>{const t=this.scrollEl=await c(o);this.contentScrollCallback=()=>{l(t,this.el)};t.addEventListener("scroll",this.contentScrollCallback);l(t,this.el)};this.keyboardVisible=false;this.collapse=undefined;this.translucent=false}componentDidLoad(){this.checkCollapsibleFooter()}componentDidUpdate(){this.checkCollapsibleFooter()}async connectedCallback(){this.keyboardCtrl=await f((async(o,t)=>{if(o===false&&t!==undefined){await t}this.keyboardVisible=o}))}disconnectedCallback(){if(this.keyboardCtrl){this.keyboardCtrl.destroy()}}destroyCollapsibleFooter(){if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}}render(){const{translucent:o,collapse:t}=this;const s=d(this);const a=this.el.closest("ion-tabs");const r=a===null||a===void 0?void 0:a.querySelector(":scope > ion-tab-bar");return i(e,{key:"dd8fa96901e8a09759a9621b6513f0492b3a6197",role:"contentinfo",class:{[s]:true,[`footer-${s}`]:true,[`footer-translucent`]:o,[`footer-translucent-${s}`]:o,["footer-toolbar-padding"]:!this.keyboardVisible&&(!r||r.slot!=="bottom"),[`footer-collapse-${t}`]:t!==undefined}},s==="ios"&&o&&i("div",{key:"0fbb4ebf8e3951ff399f843dc11aab37fc48f8b7",class:"footer-background"}),i("slot",{key:"ecb14a65e3b6960670446c4428e3095b3231a3b0"}))}get el(){return a(this)}};g.style={ios:h,md:u};export{g as ion_footer};
-//# sourceMappingURL=p-300ec095.entry.js.map
+ */const l=(s,i)=>{o((()=>{const o=s.scrollTop;const e=s.scrollHeight-s.clientHeight;const a=10;const r=e-a;const n=o-r;const c=d(0,1-n/a,1);t((()=>{i.style.setProperty("--opacity-scale",c.toString())}))}))};const b="ion-footer{display:block;position:relative;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports (backdrop-filter: blur(0)){.footer-background{left:0;right:0;top:0;bottom:0;position:absolute;backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}";const h=b;const m="ion-footer{display:block;position:relative;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{box-shadow:none}";const u=m;const g=class{constructor(o){s(this,o);this.keyboardCtrl=null;this.checkCollapsibleFooter=()=>{const o=p(this);if(o!=="ios"){return}const{collapse:t}=this;const s=t==="fade";this.destroyCollapsibleFooter();if(s){const o=this.el.closest("ion-app,ion-page,.ion-page,page-inner");const t=o?r(o):null;if(!t){n(this.el);return}this.setupFadeFooter(t)}};this.setupFadeFooter=async o=>{const t=this.scrollEl=await c(o);this.contentScrollCallback=()=>{l(t,this.el)};t.addEventListener("scroll",this.contentScrollCallback);l(t,this.el)};this.keyboardVisible=false;this.collapse=undefined;this.translucent=false}componentDidLoad(){this.checkCollapsibleFooter()}componentDidUpdate(){this.checkCollapsibleFooter()}async connectedCallback(){this.keyboardCtrl=await f((async(o,t)=>{if(o===false&&t!==undefined){await t}this.keyboardVisible=o}))}disconnectedCallback(){if(this.keyboardCtrl){this.keyboardCtrl.destroy()}}destroyCollapsibleFooter(){if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}}render(){const{translucent:o,collapse:t}=this;const s=p(this);const a=this.el.closest("ion-tabs");const r=a===null||a===void 0?void 0:a.querySelector(":scope > ion-tab-bar");return i(e,{key:"dd8fa96901e8a09759a9621b6513f0492b3a6197",role:"contentinfo",class:{[s]:true,[`footer-${s}`]:true,[`footer-translucent`]:o,[`footer-translucent-${s}`]:o,["footer-toolbar-padding"]:!this.keyboardVisible&&(!r||r.slot!=="bottom"),[`footer-collapse-${t}`]:t!==undefined}},s==="ios"&&o&&i("div",{key:"0fbb4ebf8e3951ff399f843dc11aab37fc48f8b7",class:"footer-background"}),i("slot",{key:"ecb14a65e3b6960670446c4428e3095b3231a3b0"}))}get el(){return a(this)}};g.style={ios:h,md:u};export{g as ion_footer};
+//# sourceMappingURL=p-58ad0789.entry.js.map

package/dist/elements/p-5d1eb685.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as o,d as e}from"./p-ad32e711.js";import{g as i}from"./p-17cb620a.js";const s=":host{position:absolute;width:fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){left:0px;right:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";const r=s;const n=class{constructor(a){t(this,a);this.horizontal=undefined;this.vertical=undefined;this.edge=false;this.activated=false}activatedChanged(){const t=this.activated;const a=this.getFab();if(a){a.activated=t}Array.from(this.el.querySelectorAll("ion-fab-list")).forEach((a=>{a.activated=t}))}componentDidLoad(){if(this.activated){this.activatedChanged()}}async close(){this.activated=false}getFab(){return this.el.querySelector("ion-fab-button")}async toggle(){const t=!!this.el.querySelector("ion-fab-list");if(t){this.activated=!this.activated}}render(){const{horizontal:t,vertical:e,edge:s}=this;const r=i(this);return a(o,{key:"71df1068c3a2739a69d3571c2fe9bdf401a252cb",class:{[r]:true,[`fab-horizontal-${t}`]:t!==undefined,[`fab-vertical-${e}`]:e!==undefined,"fab-edge":s}},a("slot",{key:"c3afd4a009d355d664f8c04057acf86196bda844"}))}get el(){return e(this)}static get watchers(){return{activated:["activatedChanged"]}}};n.style=r;export{n as ion_fab};
+//# sourceMappingURL=p-5d1eb685.entry.js.map

package/dist/elements/{p-facc0ac5.entry.js.map → p-5d1eb685.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["fabCss","IonFabStyle0","Fab","constructor","hostRef","this","horizontal","undefined","vertical","edge","activated","activatedChanged","fab","getFab","Array","from","el","querySelectorAll","forEach","list","componentDidLoad","close","querySelector","toggle","hasList","render","mode","getIonMode","h","Host","key","class"],"sources":["../node_modules/@ionic/core/dist/collection/components/fab/fab.css?tag=ion-fab&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab/fab.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  position: absolute;\n  width: fit-content;\n  height: fit-content;\n  z-index: 999;\n}\n\n:host(.fab-horizontal-center) {\n  left: 0px;\n  right: 0px;\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n}\n\n:host(.fab-horizontal-start) {\n  /* stylelint-disable */\n  left: calc(10px + var(--ion-safe-area-left, 0px));\n  /* stylelint-enable */\n}\n:host-context([dir=rtl]):host(.fab-horizontal-start), :host-context([dir=rtl]).fab-horizontal-start {\n  right: calc(10px + var(--ion-safe-area-right, 0px));\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.fab-horizontal-start:dir(rtl)) {\n    right: calc(10px + var(--ion-safe-area-right, 0px));\n    left: unset;\n  }\n}\n\n:host(.fab-horizontal-end) {\n  /* stylelint-disable */\n  right: calc(10px + var(--ion-safe-area-right, 0px));\n  /* stylelint-enable */\n}\n:host-context([dir=rtl]):host(.fab-horizontal-end), :host-context([dir=rtl]).fab-horizontal-end {\n  left: calc(10px + var(--ion-safe-area-left, 0px));\n  right: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.fab-horizontal-end:dir(rtl)) {\n    left: calc(10px + var(--ion-safe-area-left, 0px));\n    right: unset;\n  }\n}\n\n:host(.fab-vertical-top) {\n  top: 10px;\n}\n\n/**\n * Reset the top value since edge\n * styles use margin-top.\n */\n:host(.fab-vertical-top.fab-edge) {\n  top: 0;\n}\n\n/**\n * We need to adjust the parent FAB button up by half\n * its height so that half of it sits on the header. As a result,\n * we target the slotted ion-fab-button instead of targeting the host.\n */\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button) {\n  margin-top: -50%;\n}\n\n/**\n * The small FAB button adds top and bottom margin. We need to account for\n * that margin when we adjust the FAB button for edge styles since we\n * are overriding the margin-top value below.\n */\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small) {\n  margin-top: calc((-100% + 16px) / 2);\n}\n\n/**\n * Since we are adjusting the FAB button we also need\n * to adjust the sibling ion-fab-list otherwise there will be\n * a gap between the parent FAB button and the associated list.\n */\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end) {\n  margin-top: -50%;\n}\n\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom) {\n  margin-top: calc(50% + 10px);\n}\n\n:host(.fab-vertical-bottom) {\n  bottom: 10px;\n}\n\n/**\n * Reset the bottom value since edge\n * styles use margin-bottom.\n */\n:host(.fab-vertical-bottom.fab-edge) {\n  bottom: 0;\n}\n\n/**\n * We need to adjust the parent FAB button down by half\n * its height so that half of it sits on the footer. As a result,\n * we target the slotted ion-fab-button instead of targeting the host.\n */\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button) {\n  margin-bottom: -50%;\n}\n\n/**\n * The small FAB button adds top and bottom margin. We need to account for\n * that margin when we adjust the FAB button for edge styles since we\n * are overriding the margin-bottom value below.\n */\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small) {\n  margin-bottom: calc((-100% + 16px) / 2);\n}\n\n/**\n * Since we are adjusting the FAB button we also need\n * to adjust the sibling ion-fab-list otherwise there will be\n * a gap between the parent FAB button and the associated list.\n */\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end) {\n  margin-bottom: -50%;\n}\n\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom) {\n  margin-bottom: calc(50% + 10px);\n}\n\n:host(.fab-vertical-center) {\n  top: 0px;\n  bottom: 0px;\n  margin-top: auto;\n  margin-bottom: auto;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class Fab {\n    constructor() {\n        this.horizontal = undefined;\n        this.vertical = undefined;\n        this.edge = false;\n        this.activated = false;\n    }\n    activatedChanged() {\n        const activated = this.activated;\n        const fab = this.getFab();\n        if (fab) {\n            fab.activated = activated;\n        }\n        Array.from(this.el.querySelectorAll('ion-fab-list')).forEach((list) => {\n            list.activated = activated;\n        });\n    }\n    componentDidLoad() {\n        if (this.activated) {\n            this.activatedChanged();\n        }\n    }\n    /**\n     * Close an active FAB list container.\n     */\n    async close() {\n        this.activated = false;\n    }\n    getFab() {\n        return this.el.querySelector('ion-fab-button');\n    }\n    /**\n     * Opens/Closes the FAB list container.\n     * @internal\n     */\n    async toggle() {\n        const hasList = !!this.el.querySelector('ion-fab-list');\n        if (hasList) {\n            this.activated = !this.activated;\n        }\n    }\n    render() {\n        const { horizontal, vertical, edge } = this;\n        const mode = getIonMode(this);\n        return (h(Host, { key: '71df1068c3a2739a69d3571c2fe9bdf401a252cb', class: {\n                [mode]: true,\n                [`fab-horizontal-${horizontal}`]: horizontal !== undefined,\n                [`fab-vertical-${vertical}`]: vertical !== undefined,\n                'fab-edge': edge,\n            } }, h(\"slot\", { key: 'c3afd4a009d355d664f8c04057acf86196bda844' })));\n    }\n    static get is() { return \"ion-fab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"fab.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"fab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"horizontal\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'start' | 'end' | 'center'\",\n                    \"resolved\": \"\\\"center\\\" | \\\"end\\\" | \\\"start\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Where to align the fab horizontally in the viewport.\"\n                },\n                \"attribute\": \"horizontal\",\n                \"reflect\": false\n            },\n            \"vertical\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'top' | 'bottom' | 'center'\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"center\\\" | \\\"top\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Where to align the fab vertically in the viewport.\"\n                },\n                \"attribute\": \"vertical\",\n                \"reflect\": false\n            },\n            \"edge\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the fab will display on the edge of the header if\\n`vertical` is `\\\"top\\\"`, and on the edge of the footer if\\nit is `\\\"bottom\\\"`. Should be used with a `fixed` slot.\"\n                },\n                \"attribute\": \"edge\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"activated\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, both the `ion-fab-button` and all `ion-fab-list` inside `ion-fab` will become active.\\nThat means `ion-fab-button` will become a `close` icon and `ion-fab-list` will become visible.\"\n                },\n                \"attribute\": \"activated\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"close\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Close an active FAB list container.\",\n                    \"tags\": []\n                }\n            },\n            \"toggle\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Opens/Closes the FAB list container.\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"activated\",\n                \"methodName\": \"activatedChanged\"\n            }];\n    }\n}\n"],"mappings":"wFAAA,MAAMA,EAAS,ywEACf,MAAAC,EAAeD,E,MCIFE,EAAG,MACZ,WAAAC,CAAAC,G,UACIC,KAAKC,WAAaC,UAClBF,KAAKG,SAAWD,UAChBF,KAAKI,KAAO,MACZJ,KAAKK,UAAY,K,CAErB,gBAAAC,GACI,MAAMD,EAAYL,KAAKK,UACvB,MAAME,EAAMP,KAAKQ,SACjB,GAAID,EAAK,CACLA,EAAIF,UAAYA,C,CAEpBI,MAAMC,KAAKV,KAAKW,GAAGC,iBAAiB,iBAAiBC,SAASC,IAC1DA,EAAKT,UAAYA,CAAS,G,CAGlC,gBAAAU,GACI,GAAIf,KAAKK,UAAW,CAChBL,KAAKM,kB,EAMb,WAAMU,GACFhB,KAAKK,UAAY,K,CAErB,MAAAG,GACI,OAAOR,KAAKW,GAAGM,cAAc,iB,CAMjC,YAAMC,GACF,MAAMC,IAAYnB,KAAKW,GAAGM,cAAc,gBACxC,GAAIE,EAAS,CACTnB,KAAKK,WAAaL,KAAKK,S,EAG/B,MAAAe,GACI,MAAMnB,WAAEA,EAAUE,SAAEA,EAAQC,KAAEA,GAASJ,KACvC,MAAMqB,EAAOC,EAAWtB,MACxB,OAAQuB,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClEL,CAACA,GAAO,KACR,CAAC,kBAAkBpB,KAAeA,IAAeC,UACjD,CAAC,gBAAgBC,KAAaA,IAAaD,UAC3C,WAAYE,IACXmB,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}
+{"version":3,"names":["fabCss","IonFabStyle0","Fab","constructor","hostRef","this","horizontal","undefined","vertical","edge","activated","activatedChanged","fab","getFab","Array","from","el","querySelectorAll","forEach","list","componentDidLoad","close","querySelector","toggle","hasList","render","mode","getIonMode","h","Host","key","class"],"sources":["../node_modules/@ionic/core/dist/collection/components/fab/fab.css?tag=ion-fab&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab/fab.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  position: absolute;\n  width: fit-content;\n  height: fit-content;\n  z-index: 999;\n}\n\n:host(.fab-horizontal-center) {\n  left: 0px;\n  right: 0px;\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n}\n\n:host(.fab-horizontal-start) {\n  /* stylelint-disable */\n  left: calc(10px + var(--ion-safe-area-left, 0px));\n  /* stylelint-enable */\n}\n:host-context([dir=rtl]):host(.fab-horizontal-start), :host-context([dir=rtl]).fab-horizontal-start {\n  right: calc(10px + var(--ion-safe-area-right, 0px));\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.fab-horizontal-start:dir(rtl)) {\n    right: calc(10px + var(--ion-safe-area-right, 0px));\n    left: unset;\n  }\n}\n\n:host(.fab-horizontal-end) {\n  /* stylelint-disable */\n  right: calc(10px + var(--ion-safe-area-right, 0px));\n  /* stylelint-enable */\n}\n:host-context([dir=rtl]):host(.fab-horizontal-end), :host-context([dir=rtl]).fab-horizontal-end {\n  left: calc(10px + var(--ion-safe-area-left, 0px));\n  right: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.fab-horizontal-end:dir(rtl)) {\n    left: calc(10px + var(--ion-safe-area-left, 0px));\n    right: unset;\n  }\n}\n\n:host(.fab-vertical-top) {\n  top: 10px;\n}\n\n/**\n * Reset the top value since edge\n * styles use margin-top.\n */\n:host(.fab-vertical-top.fab-edge) {\n  top: 0;\n}\n\n/**\n * We need to adjust the parent FAB button up by half\n * its height so that half of it sits on the header. As a result,\n * we target the slotted ion-fab-button instead of targeting the host.\n */\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button) {\n  margin-top: -50%;\n}\n\n/**\n * The small FAB button adds top and bottom margin. We need to account for\n * that margin when we adjust the FAB button for edge styles since we\n * are overriding the margin-top value below.\n */\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small) {\n  margin-top: calc((-100% + 16px) / 2);\n}\n\n/**\n * Since we are adjusting the FAB button we also need\n * to adjust the sibling ion-fab-list otherwise there will be\n * a gap between the parent FAB button and the associated list.\n */\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end) {\n  margin-top: -50%;\n}\n\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom) {\n  margin-top: calc(50% + 10px);\n}\n\n:host(.fab-vertical-bottom) {\n  bottom: 10px;\n}\n\n/**\n * Reset the bottom value since edge\n * styles use margin-bottom.\n */\n:host(.fab-vertical-bottom.fab-edge) {\n  bottom: 0;\n}\n\n/**\n * We need to adjust the parent FAB button down by half\n * its height so that half of it sits on the footer. As a result,\n * we target the slotted ion-fab-button instead of targeting the host.\n */\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button) {\n  margin-bottom: -50%;\n}\n\n/**\n * The small FAB button adds top and bottom margin. We need to account for\n * that margin when we adjust the FAB button for edge styles since we\n * are overriding the margin-bottom value below.\n */\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small) {\n  margin-bottom: calc((-100% + 16px) / 2);\n}\n\n/**\n * Since we are adjusting the FAB button we also need\n * to adjust the sibling ion-fab-list otherwise there will be\n * a gap between the parent FAB button and the associated list.\n */\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end) {\n  margin-bottom: -50%;\n}\n\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom) {\n  margin-bottom: calc(50% + 10px);\n}\n\n:host(.fab-vertical-center) {\n  top: 0px;\n  bottom: 0px;\n  margin-top: auto;\n  margin-bottom: auto;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class Fab {\n    constructor() {\n        this.horizontal = undefined;\n        this.vertical = undefined;\n        this.edge = false;\n        this.activated = false;\n    }\n    activatedChanged() {\n        const activated = this.activated;\n        const fab = this.getFab();\n        if (fab) {\n            fab.activated = activated;\n        }\n        Array.from(this.el.querySelectorAll('ion-fab-list')).forEach((list) => {\n            list.activated = activated;\n        });\n    }\n    componentDidLoad() {\n        if (this.activated) {\n            this.activatedChanged();\n        }\n    }\n    /**\n     * Close an active FAB list container.\n     */\n    async close() {\n        this.activated = false;\n    }\n    getFab() {\n        return this.el.querySelector('ion-fab-button');\n    }\n    /**\n     * Opens/Closes the FAB list container.\n     * @internal\n     */\n    async toggle() {\n        const hasList = !!this.el.querySelector('ion-fab-list');\n        if (hasList) {\n            this.activated = !this.activated;\n        }\n    }\n    render() {\n        const { horizontal, vertical, edge } = this;\n        const mode = getIonMode(this);\n        return (h(Host, { key: '71df1068c3a2739a69d3571c2fe9bdf401a252cb', class: {\n                [mode]: true,\n                [`fab-horizontal-${horizontal}`]: horizontal !== undefined,\n                [`fab-vertical-${vertical}`]: vertical !== undefined,\n                'fab-edge': edge,\n            } }, h(\"slot\", { key: 'c3afd4a009d355d664f8c04057acf86196bda844' })));\n    }\n    static get is() { return \"ion-fab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"fab.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"fab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"horizontal\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'start' | 'end' | 'center'\",\n                    \"resolved\": \"\\\"center\\\" | \\\"end\\\" | \\\"start\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Where to align the fab horizontally in the viewport.\"\n                },\n                \"attribute\": \"horizontal\",\n                \"reflect\": false\n            },\n            \"vertical\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'top' | 'bottom' | 'center'\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"center\\\" | \\\"top\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Where to align the fab vertically in the viewport.\"\n                },\n                \"attribute\": \"vertical\",\n                \"reflect\": false\n            },\n            \"edge\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the fab will display on the edge of the header if\\n`vertical` is `\\\"top\\\"`, and on the edge of the footer if\\nit is `\\\"bottom\\\"`. Should be used with a `fixed` slot.\"\n                },\n                \"attribute\": \"edge\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"activated\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, both the `ion-fab-button` and all `ion-fab-list` inside `ion-fab` will become active.\\nThat means `ion-fab-button` will become a `close` icon and `ion-fab-list` will become visible.\"\n                },\n                \"attribute\": \"activated\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"close\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Close an active FAB list container.\",\n                    \"tags\": []\n                }\n            },\n            \"toggle\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Opens/Closes the FAB list container.\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"activated\",\n                \"methodName\": \"activatedChanged\"\n            }];\n    }\n}\n"],"mappings":"6FAAA,MAAMA,EAAS,ywEACf,MAAAC,EAAeD,E,MCIFE,EAAG,MACZ,WAAAC,CAAAC,G,UACIC,KAAKC,WAAaC,UAClBF,KAAKG,SAAWD,UAChBF,KAAKI,KAAO,MACZJ,KAAKK,UAAY,K,CAErB,gBAAAC,GACI,MAAMD,EAAYL,KAAKK,UACvB,MAAME,EAAMP,KAAKQ,SACjB,GAAID,EAAK,CACLA,EAAIF,UAAYA,C,CAEpBI,MAAMC,KAAKV,KAAKW,GAAGC,iBAAiB,iBAAiBC,SAASC,IAC1DA,EAAKT,UAAYA,CAAS,G,CAGlC,gBAAAU,GACI,GAAIf,KAAKK,UAAW,CAChBL,KAAKM,kB,EAMb,WAAMU,GACFhB,KAAKK,UAAY,K,CAErB,MAAAG,GACI,OAAOR,KAAKW,GAAGM,cAAc,iB,CAMjC,YAAMC,GACF,MAAMC,IAAYnB,KAAKW,GAAGM,cAAc,gBACxC,GAAIE,EAAS,CACTnB,KAAKK,WAAaL,KAAKK,S,EAG/B,MAAAe,GACI,MAAMnB,WAAEA,EAAUE,SAAEA,EAAQC,KAAEA,GAASJ,KACvC,MAAMqB,EAAOC,EAAWtB,MACxB,OAAQuB,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClEL,CAACA,GAAO,KACR,CAAC,kBAAkBpB,KAAeA,IAAeC,UACjD,CAAC,gBAAgBC,KAAaA,IAAaD,UAC3C,WAAYE,IACXmB,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}