{"version":3,"file":"1169.0e281cf29b101b30e623.js","mappings":"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","sources":["webpack:///../node_modules/@ionic/core/components/item.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';\nimport { f as chevronForward } from './index6.js';\nimport { b as getIonMode } from './ionic-global.js';\nimport { d as inheritAttributes, r as raf } from './helpers.js';\nimport { p as printIonError } from './index7.js';\nimport { h as hostContext, c as createColorClasses, o as openURL } from './theme.js';\nimport { d as defineCustomElement$3 } from './icon.js';\nimport { d as defineCustomElement$2 } from './note.js';\nimport { d as defineCustomElement$1 } from './ripple-effect.js';\n\nconst itemIosCss = \":host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--show-full-highlight:0;--show-inset-highlight:0;--detail-icon-color:initial;--detail-icon-font-size:20px;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner{border-color:var(--ion-color-shade)}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-color.ion-activated) .item-native{color:var(--ion-color-contrast)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-color.ion-focused) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native::after{background:var(--ion-color-contrast)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--ion-color-contrast)}}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-native{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\\\"\\\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--inner-padding-start);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-inner{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end))}}.item-bottom{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-right:var(--inner-padding-end);padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-bottom{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--inner-padding-end);padding-inline-end:var(--inner-padding-end)}}.item-detail-icon{color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.item-highlight,.item-inner-highlight{left:0;right:0;top:0;bottom:0;border-radius:inherit;position:absolute;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:transform 200ms, border-bottom-width 200ms;transition:transform 200ms, border-bottom-width 200ms, -webkit-transform 200ms;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.item-interactive.ion-focused),:host(.item-interactive.item-has-focus),:host(.item-interactive.ion-touched.ion-invalid){--full-highlight-height:calc(var(--highlight-height) * var(--show-full-highlight));--inset-highlight-height:calc(var(--highlight-height) * var(--show-inset-highlight))}:host(.ion-focused) .item-highlight,:host(.ion-focused) .item-inner-highlight,:host(.item-has-focus) .item-highlight,:host(.item-has-focus) .item-inner-highlight{-webkit-transform:scaleX(1);transform:scaleX(1);border-style:var(--border-style);border-color:var(--highlight-background)}:host(.ion-focused) .item-highlight,:host(.item-has-focus) .item-highlight{border-width:var(--full-highlight-height);opacity:var(--show-full-highlight)}:host(.ion-focused) .item-inner-highlight,:host(.item-has-focus) .item-inner-highlight{border-bottom-width:var(--inset-highlight-height);opacity:var(--show-inset-highlight)}:host(.ion-focused.item-fill-solid) .item-highlight,:host(.item-has-focus.item-fill-solid) .item-highlight{border-width:calc(var(--full-highlight-height) - 1px)}:host(.ion-focused) .item-inner-highlight,:host(.ion-focused:not(.item-fill-outline)) .item-highlight,:host(.item-has-focus) .item-inner-highlight,:host(.item-has-focus:not(.item-fill-outline)) .item-highlight{border-top:none;border-right:none;border-left:none}:host(.item-interactive.ion-focused),:host(.item-interactive.item-has-focus){--highlight-background:var(--highlight-color-focused)}:host(.item-interactive.ion-valid){--highlight-background:var(--highlight-color-valid)}:host(.item-interactive.ion-invalid){--highlight-background:var(--highlight-color-invalid)}:host(.item-interactive.ion-invalid) ::slotted([slot=helper]){display:none}::slotted([slot=error]){display:none;color:var(--highlight-color-invalid)}:host(.item-interactive.ion-invalid) ::slotted([slot=error]){display:block}:host(:not(.item-label)) ::slotted(ion-select){--padding-start:0;max-width:none}:host(.item-label-stacked) ::slotted(ion-select),:host(.item-label-floating) ::slotted(ion-select){--padding-top:8px;--padding-bottom:8px;--padding-start:0;-ms-flex-item-align:stretch;align-self:stretch;width:100%;max-width:100%}:host(:not(.item-label)) ::slotted(ion-datetime){--padding-start:0}:host(.item-label-stacked) ::slotted(ion-datetime),:host(.item-label-floating) ::slotted(ion-datetime){--padding-start:0;width:100%}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio),:host(.item-multiple-inputs) ::slotted(ion-select){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host(.item-fill-solid) ::slotted([slot=start]),:host(.item-fill-solid) ::slotted([slot=end]),:host(.item-fill-outline) ::slotted([slot=start]),:host(.item-fill-outline) ::slotted([slot=end]){-ms-flex-item-align:center;align-self:center}::slotted([slot=helper]),::slotted([slot=error]),.item-counter{padding-top:5px;font-size:12px;z-index:1}.item-counter{margin-left:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-counter{margin-left:unset;-webkit-margin-start:auto;margin-inline-start:auto}}@media (prefers-reduced-motion: reduce){.item-highlight,.item-inner-highlight{-webkit-transition:none;transition:none}}:host{--min-height:44px;--transition:background-color 200ms linear, opacity 200ms linear;--padding-start:20px;--inner-padding-end:10px;--inner-border-width:0px 0px 0.55px 0px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:#000;--background-focused:#000;--background-hover:currentColor;--background-activated-opacity:.12;--background-focused-opacity:.15;--background-hover-opacity:.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--color:var(--ion-item-color, var(--ion-text-color, #000));--highlight-height:0px;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--bottom-padding-start:0px;font-size:17px}:host(.ion-activated){--transition:none}:host(.ion-color.ion-focused) .item-native::after{background:#000;opacity:0.15}:host(.ion-color.ion-activated) .item-native::after{background:#000;opacity:0.12}:host(.item-interactive){--show-full-highlight:0;--show-inset-highlight:1}:host(.item-lines-full){--border-width:0px 0px 0.55px 0px;--show-full-highlight:1;--show-inset-highlight:0}:host(.item-lines-inset){--inner-border-width:0px 0px 0.55px 0px;--show-full-highlight:0;--show-inset-highlight:1}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0px;--show-full-highlight:0}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0px;--show-inset-highlight:0}.item-highlight,.item-inner-highlight{-webkit-transition:none;transition:none}:host(.item-has-focus) .item-inner-highlight,:host(.item-has-focus) .item-highlight{border-top:none;border-right:none;border-left:none}::slotted([slot=start]){margin-left:0;margin-right:20px;margin-top:2px;margin-bottom:2px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:20px;margin-inline-end:20px}}::slotted([slot=end]){margin-left:10px;margin-right:10px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]){margin-top:7px;margin-bottom:7px}::slotted(ion-toggle[slot=start]),::slotted(ion-toggle[slot=end]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}::slotted(.button-small){--padding-top:0px;--padding-bottom:0px;--padding-start:.5em;--padding-end:.5em;height:24px;font-size:13px}::slotted(ion-avatar){width:36px;height:36px}::slotted(ion-thumbnail){--size:56px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}:host(.item-radio) ::slotted(ion-label),:host(.item-toggle) ::slotted(ion-label){margin-left:0px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.item-radio) ::slotted(ion-label),:host(.item-toggle) ::slotted(ion-label){margin-left:unset;-webkit-margin-start:0px;margin-inline-start:0px}}::slotted(ion-label){margin-left:0;margin-right:8px;margin-top:10px;margin-bottom:10px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-label){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.item-label-floating),:host(.item-label-stacked){--min-height:68px}:host(.item-label-stacked) ::slotted(ion-select),:host(.item-label-floating) ::slotted(ion-select){--padding-top:8px;--padding-bottom:8px;--padding-start:0px}:host(.item-label-fixed) ::slotted(ion-select),:host(.item-label-fixed) ::slotted(ion-datetime){--padding-start:0}\";\n\nconst itemMdCss = \":host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--show-full-highlight:0;--show-inset-highlight:0;--detail-icon-color:initial;--detail-icon-font-size:20px;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner{border-color:var(--ion-color-shade)}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-color.ion-activated) .item-native{color:var(--ion-color-contrast)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-color.ion-focused) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native::after{background:var(--ion-color-contrast)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--ion-color-contrast)}}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-native{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\\\"\\\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--inner-padding-start);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-inner{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end))}}.item-bottom{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-right:var(--inner-padding-end);padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-bottom{padding-left:unset;padding-right:unset;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--inner-padding-end);padding-inline-end:var(--inner-padding-end)}}.item-detail-icon{color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.item-highlight,.item-inner-highlight{left:0;right:0;top:0;bottom:0;border-radius:inherit;position:absolute;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:transform 200ms, border-bottom-width 200ms;transition:transform 200ms, border-bottom-width 200ms, -webkit-transform 200ms;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.item-interactive.ion-focused),:host(.item-interactive.item-has-focus),:host(.item-interactive.ion-touched.ion-invalid){--full-highlight-height:calc(var(--highlight-height) * var(--show-full-highlight));--inset-highlight-height:calc(var(--highlight-height) * var(--show-inset-highlight))}:host(.ion-focused) .item-highlight,:host(.ion-focused) .item-inner-highlight,:host(.item-has-focus) .item-highlight,:host(.item-has-focus) .item-inner-highlight{-webkit-transform:scaleX(1);transform:scaleX(1);border-style:var(--border-style);border-color:var(--highlight-background)}:host(.ion-focused) .item-highlight,:host(.item-has-focus) .item-highlight{border-width:var(--full-highlight-height);opacity:var(--show-full-highlight)}:host(.ion-focused) .item-inner-highlight,:host(.item-has-focus) .item-inner-highlight{border-bottom-width:var(--inset-highlight-height);opacity:var(--show-inset-highlight)}:host(.ion-focused.item-fill-solid) .item-highlight,:host(.item-has-focus.item-fill-solid) .item-highlight{border-width:calc(var(--full-highlight-height) - 1px)}:host(.ion-focused) .item-inner-highlight,:host(.ion-focused:not(.item-fill-outline)) .item-highlight,:host(.item-has-focus) .item-inner-highlight,:host(.item-has-focus:not(.item-fill-outline)) .item-highlight{border-top:none;border-right:none;border-left:none}:host(.item-interactive.ion-focused),:host(.item-interactive.item-has-focus){--highlight-background:var(--highlight-color-focused)}:host(.item-interactive.ion-valid){--highlight-background:var(--highlight-color-valid)}:host(.item-interactive.ion-invalid){--highlight-background:var(--highlight-color-invalid)}:host(.item-interactive.ion-invalid) ::slotted([slot=helper]){display:none}::slotted([slot=error]){display:none;color:var(--highlight-color-invalid)}:host(.item-interactive.ion-invalid) ::slotted([slot=error]){display:block}:host(:not(.item-label)) ::slotted(ion-select){--padding-start:0;max-width:none}:host(.item-label-stacked) ::slotted(ion-select),:host(.item-label-floating) ::slotted(ion-select){--padding-top:8px;--padding-bottom:8px;--padding-start:0;-ms-flex-item-align:stretch;align-self:stretch;width:100%;max-width:100%}:host(:not(.item-label)) ::slotted(ion-datetime){--padding-start:0}:host(.item-label-stacked) ::slotted(ion-datetime),:host(.item-label-floating) ::slotted(ion-datetime){--padding-start:0;width:100%}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio),:host(.item-multiple-inputs) ::slotted(ion-select){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host(.item-fill-solid) ::slotted([slot=start]),:host(.item-fill-solid) ::slotted([slot=end]),:host(.item-fill-outline) ::slotted([slot=start]),:host(.item-fill-outline) ::slotted([slot=end]){-ms-flex-item-align:center;align-self:center}::slotted([slot=helper]),::slotted([slot=error]),.item-counter{padding-top:5px;font-size:12px;z-index:1}.item-counter{margin-left:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.item-counter{margin-left:unset;-webkit-margin-start:auto;margin-inline-start:auto}}@media (prefers-reduced-motion: reduce){.item-highlight,.item-inner-highlight{-webkit-transition:none;transition:none}}:host{--min-height:48px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--color:var(--ion-item-color, var(--ion-text-color, #000));--transition:opacity 15ms linear, background-color 15ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0 0 1px 0;--highlight-height:1px;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);font-size:16px;font-weight:normal;text-transform:none}:host(.item-fill-outline){--highlight-height:2px}:host(.item-fill-none.item-interactive.ion-focus) .item-highlight,:host(.item-fill-none.item-interactive.item-has-focus) .item-highlight,:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-highlight{-webkit-transform:scaleX(1);transform:scaleX(1);border-width:0 0 var(--full-highlight-height) 0;border-style:var(--border-style);border-color:var(--highlight-background)}:host(.item-fill-none.item-interactive.ion-focus) .item-native,:host(.item-fill-none.item-interactive.item-has-focus) .item-native,:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-native{border-bottom-color:var(--highlight-background)}:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight{-webkit-transform:scaleX(1);transform:scaleX(1)}:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight,:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-highlight{border-width:var(--full-highlight-height);border-style:var(--border-style);border-color:var(--highlight-background)}:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-native{border-color:var(--highlight-background)}:host(.item-fill-solid.item-interactive.ion-focus) .item-highlight,:host(.item-fill-solid.item-interactive.item-has-focus) .item-highlight,:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-highlight{-webkit-transform:scaleX(1);transform:scaleX(1);border-width:0 0 var(--full-highlight-height) 0;border-style:var(--border-style);border-color:var(--highlight-background)}:host(.item-fill-solid.item-interactive.ion-focus) .item-native,:host(.item-fill-solid.item-interactive.item-has-focus) .item-native,:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-native{border-bottom-color:var(--highlight-background)}:host(.ion-color.ion-activated) .item-native::after{background:transparent}:host(.item-has-focus) .item-native{caret-color:var(--highlight-background)}:host(.item-interactive){--border-width:0 0 1px 0;--inner-border-width:0;--show-full-highlight:1;--show-inset-highlight:0}:host(.item-lines-full){--border-width:0 0 1px 0;--show-full-highlight:1;--show-inset-highlight:0}:host(.item-lines-inset){--inner-border-width:0 0 1px 0;--show-full-highlight:0;--show-inset-highlight:1}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0;--show-full-highlight:0}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0;--show-inset-highlight:0}:host(.item-fill-outline) .item-highlight{--position-offset:calc(-1 * var(--border-width));left:var(--position-offset);top:var(--position-offset);width:calc(100% + 2 * var(--border-width));height:calc(100% + 2 * var(--border-width));-webkit-transition:none;transition:none}:host-context([dir=rtl]):host(.item-fill-outline) .item-highlight,:host-context([dir=rtl]).item-fill-outline .item-highlight{left:unset;right:unset;right:var(--position-offset)}:host(.item-fill-outline.ion-focused) .item-native,:host(.item-fill-outline.item-has-focus) .item-native{border-color:transparent}:host(.item-multi-line) ::slotted([slot=start]),:host(.item-multi-line) ::slotted([slot=end]){margin-top:16px;margin-bottom:16px;-ms-flex-item-align:start;align-self:flex-start}::slotted([slot=start]){margin-right:32px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-right:unset;-webkit-margin-end:32px;margin-inline-end:32px}}::slotted([slot=end]){margin-left:32px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;-webkit-margin-start:32px;margin-inline-start:32px}}:host(.item-fill-solid) ::slotted([slot=start]),:host(.item-fill-solid) ::slotted([slot=end]),:host(.item-fill-outline) ::slotted([slot=start]),:host(.item-fill-outline) ::slotted([slot=end]){-ms-flex-item-align:center;align-self:center}::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:24px}:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) ::slotted(ion-icon){color:var(--ion-color-contrast)}::slotted(ion-icon[slot]){margin-top:12px;margin-bottom:12px}::slotted(ion-icon[slot=start]){margin-right:32px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=start]){margin-right:unset;-webkit-margin-end:32px;margin-inline-end:32px}}::slotted(ion-icon[slot=end]){margin-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-icon[slot=end]){margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}:host(.item-fill-solid) ::slotted(ion-icon[slot=start]),:host(.item-fill-outline) ::slotted(ion-icon[slot=start]){margin-right:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.item-fill-solid) ::slotted(ion-icon[slot=start]),:host(.item-fill-outline) ::slotted(ion-icon[slot=start]){margin-right:unset;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-toggle[slot=start]),::slotted(ion-toggle[slot=end]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}::slotted(ion-note){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:11px}::slotted(ion-note[slot]:not([slot=helper]):not([slot=error])){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}::slotted(ion-note[slot=start]){padding-right:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-note[slot=start]){padding-right:unset;-webkit-padding-end:16px;padding-inline-end:16px}}::slotted(ion-note[slot=end]){padding-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-note[slot=end]){padding-left:unset;-webkit-padding-start:16px;padding-inline-start:16px}}::slotted(ion-avatar){width:40px;height:40px}::slotted(ion-thumbnail){--size:56px}::slotted(ion-avatar),::slotted(ion-thumbnail){margin-top:8px;margin-bottom:8px}::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){margin-right:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){margin-right:unset;-webkit-margin-end:16px;margin-inline-end:16px}}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin-left:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin-left:unset;-webkit-margin-start:16px;margin-inline-start:16px}}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}:host(.item-label-fixed) ::slotted(ion-select),:host(.item-label-fixed) ::slotted(ion-datetime){--padding-start:8px}:host(.item-toggle) ::slotted(ion-label),:host(.item-radio) ::slotted(ion-label){margin-left:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.item-toggle) ::slotted(ion-label),:host(.item-radio) ::slotted(ion-label){margin-left:unset;-webkit-margin-start:0;margin-inline-start:0}}::slotted(.button-small){--padding-top:0;--padding-bottom:0;--padding-start:.6em;--padding-end:.6em;height:25px;font-size:12px}:host(.item-label-floating),:host(.item-label-stacked){--min-height:55px}:host(.item-label-stacked) ::slotted(ion-select),:host(.item-label-floating) ::slotted(ion-select){--padding-top:8px;--padding-bottom:8px;--padding-start:0}:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating){color:var(--ion-color-primary, #3880ff)}:host(.ion-color){--highlight-color-focused:var(--ion-color-contrast)}:host(.item-label-color){--highlight-color-focused:var(--ion-color-base)}:host(.item-fill-solid.ion-color),:host(.item-fill-outline.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.item-fill-solid){--background:var(--ion-color-step-50, #f2f2f2);--background-hover:var(--ion-color-step-100, #e6e6e6);--background-focused:var(--ion-color-step-150, #d9d9d9);--border-width:0 0 1px 0;--inner-border-width:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.item-fill-solid),:host-context([dir=rtl]).item-fill-solid{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(.item-fill-solid) .item-native{--border-color:var(--ion-color-step-500, gray)}:host(.item-fill-solid.ion-focused) .item-native,:host(.item-fill-solid.item-has-focus) .item-native{--background:var(--background-focused)}:host(.item-fill-solid.item-shape-round){border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.item-fill-solid.item-shape-round),:host-context([dir=rtl]).item-fill-solid.item-shape-round{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (any-hover: hover){:host(.item-fill-solid:hover) .item-native{--background:var(--background-hover);--border-color:var(--ion-color-step-750, #404040)}}:host(.item-fill-outline){--ripple-color:transparent;--background-focused:transparent;--background-hover:transparent;--border-color:var(--ion-color-step-500, gray);--border-width:1px;border:none;overflow:visible}:host(.item-fill-outline) .item-native{--native-padding-left:16px;border-radius:4px}:host(.item-fill-outline.item-shape-round) .item-native{--inner-padding-start:16px;border-radius:28px}:host(.item-fill-outline.item-shape-round) .item-bottom{padding-left:32px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.item-fill-outline.item-shape-round) .item-bottom{padding-left:unset;-webkit-padding-start:32px;padding-inline-start:32px}}:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-input:not(:first-child)),:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-textarea:not(:first-child)),:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-input:not(:first-child)),:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-textarea:not(:first-child)),:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-input:not(:first-child)),:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-textarea:not(:first-child)){-webkit-transform:translateY(-14px);transform:translateY(-14px)}@media (any-hover: hover){:host(.item-fill-outline:hover) .item-native{--border-color:var(--ion-color-step-750, #404040)}}.item-counter{letter-spacing:0.0333333333em}\";\n\nconst Item = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n  constructor() {\n    super();\n    this.__registerHost();\n    this.__attachShadow();\n    this.labelColorStyles = {};\n    this.itemStyles = new Map();\n    this.inheritedAriaAttributes = {};\n    this.multipleInputs = false;\n    this.focusable = true;\n    /**\n     * If `true`, a button tag will be rendered and the item will be tappable.\n     */\n    this.button = false;\n    /**\n     * The icon to use when `detail` is set to `true`.\n     */\n    this.detailIcon = chevronForward;\n    /**\n     * If `true`, the user cannot interact with the item.\n     */\n    this.disabled = false;\n    /**\n     * If `true`, a character counter will display the ratio of characters used and the total character limit. Only applies when the `maxlength` property is set on the inner `ion-input` or `ion-textarea`.\n     */\n    this.counter = false;\n    /**\n     * When using a router, it specifies the transition direction when navigating to\n     * another page using `href`.\n     */\n    this.routerDirection = 'forward';\n    /**\n     * The type of the button. Only used when an `onclick` or `button` property is present.\n     */\n    this.type = 'button';\n  }\n  counterFormatterChanged() {\n    this.updateCounterOutput(this.getFirstInput());\n  }\n  handleIonChange(ev) {\n    if (this.counter && ev.target === this.getFirstInput()) {\n      this.updateCounterOutput(ev.target);\n    }\n  }\n  labelColorChanged(ev) {\n    const { color } = this;\n    // There will be a conflict with item color if\n    // we apply the label color to item, so we ignore\n    // the label color if the user sets a color on item\n    if (color === undefined) {\n      this.labelColorStyles = ev.detail;\n    }\n  }\n  itemStyle(ev) {\n    ev.stopPropagation();\n    const tagName = ev.target.tagName;\n    const updatedStyles = ev.detail;\n    const newStyles = {};\n    const childStyles = this.itemStyles.get(tagName) || {};\n    let hasStyleChange = false;\n    Object.keys(updatedStyles).forEach((key) => {\n      if (updatedStyles[key]) {\n        const itemKey = `item-${key}`;\n        if (!childStyles[itemKey]) {\n          hasStyleChange = true;\n        }\n        newStyles[itemKey] = true;\n      }\n    });\n    if (!hasStyleChange && Object.keys(newStyles).length !== Object.keys(childStyles).length) {\n      hasStyleChange = true;\n    }\n    if (hasStyleChange) {\n      this.itemStyles.set(tagName, newStyles);\n      forceUpdate(this);\n    }\n  }\n  connectedCallback() {\n    if (this.counter) {\n      this.updateCounterOutput(this.getFirstInput());\n    }\n    this.hasStartEl();\n  }\n  componentDidUpdate() {\n    // Do not use @Listen here to avoid making all items\n    // appear as clickable to screen readers\n    // https://github.com/ionic-team/ionic-framework/issues/22011\n    const input = this.getFirstInput();\n    if (input !== undefined && !this.clickListener) {\n      this.clickListener = (ev) => this.delegateFocus(ev, input);\n      this.el.addEventListener('click', this.clickListener);\n    }\n  }\n  disconnectedCallback() {\n    const input = this.getFirstInput();\n    if (input !== undefined && this.clickListener) {\n      this.el.removeEventListener('click', this.clickListener);\n      this.clickListener = undefined;\n    }\n  }\n  componentWillLoad() {\n    this.inheritedAriaAttributes = inheritAttributes(this.el, ['aria-label']);\n  }\n  componentDidLoad() {\n    raf(() => {\n      this.setMultipleInputs();\n      this.focusable = this.isFocusable();\n    });\n  }\n  // If the item contains multiple clickable elements and/or inputs, then the item\n  // should not have a clickable input cover over the entire item to prevent\n  // interfering with their individual click events\n  setMultipleInputs() {\n    // The following elements have a clickable cover that is relative to the entire item\n    const covers = this.el.querySelectorAll('ion-checkbox, ion-datetime, ion-select, ion-radio');\n    // The following elements can accept focus alongside the previous elements\n    // therefore if these elements are also a child of item, we don't want the\n    // input cover on top of those interfering with their clicks\n    const inputs = this.el.querySelectorAll('ion-input, ion-range, ion-searchbar, ion-segment, ion-textarea, ion-toggle');\n    // The following elements should also stay clickable when an input with cover is present\n    const clickables = this.el.querySelectorAll('ion-anchor, ion-button, a, button');\n    // Check for multiple inputs to change the position of the input cover to relative\n    // for all of the covered inputs above\n    this.multipleInputs =\n      covers.length + inputs.length > 1 ||\n        covers.length + clickables.length > 1 ||\n        (covers.length > 0 && this.isClickable());\n  }\n  // If the item contains an input including a checkbox, datetime, select, or radio\n  // then the item will have a clickable input cover that covers the item\n  // that should get the hover, focused and activated states UNLESS it has multiple\n  // inputs, then those need to individually get each click\n  hasCover() {\n    const inputs = this.el.querySelectorAll('ion-checkbox, ion-datetime, ion-select, ion-radio');\n    return inputs.length === 1 && !this.multipleInputs;\n  }\n  // If the item has an href or button property it will render a native\n  // anchor or button that is clickable\n  isClickable() {\n    return this.href !== undefined || this.button;\n  }\n  canActivate() {\n    return this.isClickable() || this.hasCover();\n  }\n  isFocusable() {\n    const focusableChild = this.el.querySelector('.ion-focusable');\n    return this.canActivate() || focusableChild !== null;\n  }\n  getFirstInput() {\n    const inputs = this.el.querySelectorAll('ion-input, ion-textarea');\n    return inputs[0];\n  }\n  // This is needed for WebKit due to a delegatesFocus bug where\n  // clicking on the left padding of an item is not focusing the input\n  // but is opening the keyboard. It will no longer be needed with\n  // iOS 14.\n  delegateFocus(ev, input) {\n    const clickedItem = ev.target.tagName === 'ION-ITEM';\n    let firstActive = false;\n    // If the first input is the same as the active element we need\n    // to focus the first input again, but if the active element\n    // is another input inside of the item we shouldn't switch focus\n    if (document.activeElement) {\n      firstActive = input.querySelector('input, textarea') === document.activeElement;\n    }\n    // Only focus the first input if we clicked on an ion-item\n    // and the first input exists\n    if (clickedItem && (firstActive || !this.multipleInputs)) {\n      input.fireFocusEvents = false;\n      input.setBlur();\n      input.setFocus();\n      raf(() => {\n        input.fireFocusEvents = true;\n      });\n    }\n  }\n  updateCounterOutput(inputEl) {\n    var _a, _b;\n    const { counter, counterFormatter, defaultCounterFormatter } = this;\n    if (counter && !this.multipleInputs && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.maxlength) !== undefined) {\n      const length = (_b = (_a = inputEl === null || inputEl === void 0 ? void 0 : inputEl.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;\n      if (counterFormatter === undefined) {\n        this.counterString = defaultCounterFormatter(length, inputEl.maxlength);\n      }\n      else {\n        try {\n          this.counterString = counterFormatter(length, inputEl.maxlength);\n        }\n        catch (e) {\n          printIonError('Exception in provided `counterFormatter`.', e);\n          // Fallback to the default counter formatter when an exception happens\n          this.counterString = defaultCounterFormatter(length, inputEl.maxlength);\n        }\n      }\n    }\n  }\n  defaultCounterFormatter(length, maxlength) {\n    return `${length} / ${maxlength}`;\n  }\n  hasStartEl() {\n    const startEl = this.el.querySelector('[slot=\"start\"]');\n    if (startEl !== null) {\n      this.el.classList.add('item-has-start-slot');\n    }\n  }\n  render() {\n    const { counterString, detail, detailIcon, download, fill, labelColorStyles, lines, disabled, href, rel, shape, target, routerAnimation, routerDirection, inheritedAriaAttributes, } = this;\n    const childStyles = {};\n    const mode = getIonMode(this);\n    const clickable = this.isClickable();\n    const canActivate = this.canActivate();\n    const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';\n    const attrs = TagType === 'button'\n      ? { type: this.type }\n      : {\n        download,\n        href,\n        rel,\n        target,\n      };\n    // Only set onClick if the item is clickable to prevent screen\n    // readers from reading all items as clickable\n    const clickFn = clickable\n      ? {\n        onClick: (ev) => {\n          openURL(href, ev, routerDirection, routerAnimation);\n        },\n      }\n      : {};\n    const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;\n    this.itemStyles.forEach((value) => {\n      Object.assign(childStyles, value);\n    });\n    const ariaDisabled = disabled || childStyles['item-interactive-disabled'] ? 'true' : null;\n    const fillValue = fill || 'none';\n    const inList = hostContext('ion-list', this.el);\n    return (h(Host, { \"aria-disabled\": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses(this.color, {\n        item: true,\n        [mode]: true,\n        'item-lines-default': lines === undefined,\n        [`item-lines-${lines}`]: lines !== undefined,\n        [`item-fill-${fillValue}`]: true,\n        [`item-shape-${shape}`]: shape !== undefined,\n        'item-disabled': disabled,\n        'in-list': inList,\n        'item-multiple-inputs': this.multipleInputs,\n        'ion-activatable': canActivate,\n        'ion-focusable': this.focusable,\n        'item-rtl': document.dir === 'rtl',\n      })), role: inList ? 'listitem' : null }, h(TagType, Object.assign({}, attrs, inheritedAriaAttributes, { class: \"item-native\", part: \"native\", disabled: disabled }, clickFn), h(\"slot\", { name: \"start\" }), h(\"div\", { class: \"item-inner\" }, h(\"div\", { class: \"input-wrapper\" }, h(\"slot\", null)), h(\"slot\", { name: \"end\" }), showDetail && (h(\"ion-icon\", { icon: detailIcon, lazy: false, class: \"item-detail-icon\", part: \"detail-icon\", \"aria-hidden\": \"true\", \"flip-rtl\": detailIcon === chevronForward })), h(\"div\", { class: \"item-inner-highlight\" })), canActivate && mode === 'md' && h(\"ion-ripple-effect\", null), h(\"div\", { class: \"item-highlight\" })), h(\"div\", { class: \"item-bottom\" }, h(\"slot\", { name: \"error\" }), h(\"slot\", { name: \"helper\" }), counterString && h(\"ion-note\", { class: \"item-counter\" }, counterString))));\n  }\n  static get delegatesFocus() { return true; }\n  get el() { return this; }\n  static get watchers() { return {\n    \"counterFormatter\": [\"counterFormatterChanged\"]\n  }; }\n  static get style() { return {\n    ios: itemIosCss,\n    md: itemMdCss\n  }; }\n}, [49, \"ion-item\", {\n    \"color\": [513],\n    \"button\": [4],\n    \"detail\": [4],\n    \"detailIcon\": [1, \"detail-icon\"],\n    \"disabled\": [4],\n    \"download\": [1],\n    \"fill\": [1],\n    \"shape\": [1],\n    \"href\": [1],\n    \"rel\": [1],\n    \"lines\": [1],\n    \"counter\": [4],\n    \"routerAnimation\": [16],\n    \"routerDirection\": [1, \"router-direction\"],\n    \"target\": [1],\n    \"type\": [1],\n    \"counterFormatter\": [16],\n    \"multipleInputs\": [32],\n    \"focusable\": [32],\n    \"counterString\": [32]\n  }, [[0, \"ionChange\", \"handleIonChange\"], [0, \"ionColor\", \"labelColorChanged\"], [0, \"ionStyle\", \"itemStyle\"]]]);\nfunction defineCustomElement() {\n  if (typeof customElements === \"undefined\") {\n    return;\n  }\n  const components = [\"ion-item\", \"ion-icon\", \"ion-note\", \"ion-ripple-effect\"];\n  components.forEach(tagName => { switch (tagName) {\n    case \"ion-item\":\n      if (!customElements.get(tagName)) {\n        customElements.define(tagName, Item);\n      }\n      break;\n    case \"ion-icon\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$3();\n      }\n      break;\n    case \"ion-note\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$2();\n      }\n      break;\n    case \"ion-ripple-effect\":\n      if (!customElements.get(tagName)) {\n        defineCustomElement$1();\n      }\n      break;\n  } });\n}\n\nexport { Item as I, defineCustomElement as d };\n"],"names":["Item","constructor","super","this","__registerHost","__attachShadow","labelColorStyles","itemStyles","Map","inheritedAriaAttributes","multipleInputs","focusable","button","detailIcon","disabled","counter","routerDirection","type","counterFormatterChanged","updateCounterOutput","getFirstInput","handleIonChange","ev","target","labelColorChanged","color","undefined","detail","itemStyle","stopPropagation","tagName","updatedStyles","newStyles","childStyles","get","hasStyleChange","Object","keys","forEach","key","itemKey","length","set","connectedCallback","hasStartEl","componentDidUpdate","input","clickListener","delegateFocus","el","addEventListener","disconnectedCallback","removeEventListener","componentWillLoad","componentDidLoad","r","setMultipleInputs","isFocusable","covers","querySelectorAll","inputs","clickables","isClickable","hasCover","href","canActivate","focusableChild","querySelector","clickedItem","firstActive","document","activeElement","fireFocusEvents","setBlur","setFocus","inputEl","_a","_b","counterFormatter","defaultCounterFormatter","maxlength","value","toString","counterString","e","p","classList","add","render","download","fill","lines","rel","shape","routerAnimation","mode","clickable","TagType","attrs","clickFn","onClick","o","showDetail","assign","ariaDisabled","fillValue","inList","h","class","c","item","dir","role","part","name","icon","lazy","delegatesFocus","watchers","style","ios","md"],"sourceRoot":""}