@ionic/core 8.8.20-dev.11790592795.1cc6dc2f → 8.8.20-dev.11791573097.1f843ab0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-badge.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-card-content.js +1 -1
- package/components/ion-card-subtitle.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/p-5SA6gaJK.js +4 -0
- package/components/p-66lMN0uJ.js +4 -0
- package/components/p-Aiebb5BP.js +4 -0
- package/components/p-B4ChegHQ.js +4 -0
- package/components/p-B7oBVBLC.js +4 -0
- package/components/{p-BRCaVT6R.js → p-BWqyO-uf.js} +1 -1
- package/components/p-BZvWmOA3.js +4 -0
- package/components/p-CG9ZBpG3.js +4 -0
- package/components/{p-DRJsuCbz.js → p-ChmqgUIu.js} +1 -1
- package/components/p-D9nsoope.js +4 -0
- package/components/p-DgVHyszQ.js +4 -0
- package/components/p-HEjQpmqR.js +4 -0
- package/components/p-i78swphu.js +4 -0
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/ionic-swiper.ionic.css +1 -1
- package/css/ionic/ionic-swiper.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/dist/cjs/ion-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/ion-alert.cjs.entry.js +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +1 -1
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-card_5.cjs.entry.js +2 -2
- package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ion-chip.cjs.entry.js +1 -1
- package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-input-otp.cjs.entry.js +1 -1
- package/dist/cjs/ion-input.cjs.entry.js +1 -1
- package/dist/cjs/ion-item-option_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
- package/dist/cjs/ion-modal.cjs.entry.js +57 -86
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-range.cjs.entry.js +1 -1
- package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
- package/dist/cjs/ion-toast.cjs.entry.js +1 -1
- package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
- package/dist/collection/components/accordion/accordion.ionic.css +2 -2
- package/dist/collection/components/action-sheet/action-sheet.ionic.css +4 -4
- package/dist/collection/components/alert/alert.ionic.css +7 -7
- package/dist/collection/components/avatar/avatar.ionic.css +6 -6
- package/dist/collection/components/badge/badge.ionic.css +3 -3
- package/dist/collection/components/button/button.ionic.css +4 -4
- package/dist/collection/components/card-content/card-content.ionic.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +1 -1
- package/dist/collection/components/checkbox/checkbox.ionic.css +1 -1
- package/dist/collection/components/chip/chip.ionic.css +1 -1
- package/dist/collection/components/datetime/datetime.ionic.css +7 -7
- package/dist/collection/components/input/input.ionic.css +3 -3
- package/dist/collection/components/input-otp/input-otp.ionic.css +2 -2
- package/dist/collection/components/item/item.ionic.css +1 -1
- package/dist/collection/components/item-option/item-option.ionic.css +1 -1
- package/dist/collection/components/list-header/list-header.ionic.css +1 -1
- package/dist/collection/components/modal/gestures/sheet.js +58 -86
- package/dist/collection/components/modal/modal.ionic.css +1 -1
- package/dist/collection/components/popover/popover.ionic.css +1 -1
- package/dist/collection/components/radio/radio.ionic.css +2 -2
- package/dist/collection/components/radio-group/radio-group.ionic.css +1 -1
- package/dist/collection/components/range/range.ionic.css +1 -1
- package/dist/collection/components/searchbar/searchbar.ionic.css +1 -1
- package/dist/collection/components/segment-button/segment-button.ionic.css +1 -1
- package/dist/collection/components/select/select.ionic.css +3 -3
- package/dist/collection/components/select-modal/select-modal.ionic.css +3 -3
- package/dist/collection/components/select-popover/select-popover.ionic.css +2 -2
- package/dist/collection/components/tab-bar/tab-bar.ionic.css +1 -1
- package/dist/collection/components/tab-button/tab-button.ionic.css +1 -1
- package/dist/collection/components/textarea/textarea.ionic.css +3 -3
- package/dist/collection/components/title/title.ionic.css +2 -2
- package/dist/collection/components/toast/toast.ionic.css +4 -4
- package/dist/collection/components/toggle/toggle.ionic.css +2 -2
- package/dist/docs.json +1 -1
- package/dist/esm/ion-accordion_2.entry.js +1 -1
- package/dist/esm/ion-action-sheet.entry.js +1 -1
- package/dist/esm/ion-alert.entry.js +1 -1
- package/dist/esm/ion-app_8.entry.js +1 -1
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-button_2.entry.js +1 -1
- package/dist/esm/ion-card_5.entry.js +2 -2
- package/dist/esm/ion-checkbox.entry.js +1 -1
- package/dist/esm/ion-chip.entry.js +1 -1
- package/dist/esm/ion-datetime_3.entry.js +1 -1
- package/dist/esm/ion-input-otp.entry.js +1 -1
- package/dist/esm/ion-input.entry.js +1 -1
- package/dist/esm/ion-item-option_3.entry.js +1 -1
- package/dist/esm/ion-item_8.entry.js +2 -2
- package/dist/esm/ion-modal.entry.js +57 -86
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +2 -2
- package/dist/esm/ion-range.entry.js +1 -1
- package/dist/esm/ion-searchbar.entry.js +1 -1
- package/dist/esm/ion-segment_2.entry.js +1 -1
- package/dist/esm/ion-select-modal.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +1 -1
- package/dist/esm/ion-toggle.entry.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0f4e1dd6.entry.js +4 -0
- package/dist/ionic/p-13398145.entry.js +4 -0
- package/dist/ionic/p-1e314e2c.entry.js +4 -0
- package/dist/ionic/p-2413a0fc.entry.js +4 -0
- package/dist/ionic/p-35fab94d.entry.js +4 -0
- package/dist/ionic/p-378152d8.entry.js +4 -0
- package/dist/ionic/p-3a4f9b8a.entry.js +4 -0
- package/dist/ionic/p-3d466b08.entry.js +4 -0
- package/dist/ionic/p-511b48f7.entry.js +4 -0
- package/dist/ionic/{p-ab04f606.entry.js → p-551b18d6.entry.js} +1 -1
- package/dist/ionic/p-73cff9a4.entry.js +4 -0
- package/dist/ionic/{p-ce7bdadf.entry.js → p-777df225.entry.js} +1 -1
- package/dist/ionic/p-839a843e.entry.js +4 -0
- package/dist/ionic/p-8eee9154.entry.js +4 -0
- package/dist/ionic/p-9022f64b.entry.js +4 -0
- package/dist/ionic/{p-b92fc2b6.entry.js → p-9994becf.entry.js} +1 -1
- package/dist/ionic/p-9b786c57.entry.js +4 -0
- package/dist/ionic/p-a5994eac.entry.js +4 -0
- package/dist/ionic/p-b14486dc.entry.js +4 -0
- package/dist/ionic/p-b536494c.entry.js +4 -0
- package/dist/ionic/p-bdec9c7b.entry.js +4 -0
- package/dist/ionic/p-e1caa56c.entry.js +4 -0
- package/dist/ionic/p-ec4fa82d.entry.js +4 -0
- package/dist/ionic/{p-00006e47.entry.js → p-f1baf6b9.entry.js} +1 -1
- package/dist/ionic/p-f5e83e40.entry.js +4 -0
- package/dist/ionic/p-fc12f985.entry.js +4 -0
- package/hydrate/index.js +88 -117
- package/hydrate/index.mjs +88 -117
- package/package.json +4 -4
- package/components/p-B1Ckdhof.js +0 -4
- package/components/p-B8Vus3NC.js +0 -4
- package/components/p-BbGeDQXO.js +0 -4
- package/components/p-BooNwQGm.js +0 -4
- package/components/p-BrMzxZsq.js +0 -4
- package/components/p-C7g2sOXQ.js +0 -4
- package/components/p-CE7AgdzL.js +0 -4
- package/components/p-CGezXDvw.js +0 -4
- package/components/p-CuMUiFew.js +0 -4
- package/components/p-DQq1lHJB.js +0 -4
- package/components/p-DRlveqJv.js +0 -4
- package/dist/ionic/p-0e0b77a1.entry.js +0 -4
- package/dist/ionic/p-0ff0409b.entry.js +0 -4
- package/dist/ionic/p-1753c08d.entry.js +0 -4
- package/dist/ionic/p-3276f797.entry.js +0 -4
- package/dist/ionic/p-39ec9cf3.entry.js +0 -4
- package/dist/ionic/p-5a9a921d.entry.js +0 -4
- package/dist/ionic/p-6decd4a6.entry.js +0 -4
- package/dist/ionic/p-732bb10a.entry.js +0 -4
- package/dist/ionic/p-788418c5.entry.js +0 -4
- package/dist/ionic/p-7b3e8dcc.entry.js +0 -4
- package/dist/ionic/p-7efad059.entry.js +0 -4
- package/dist/ionic/p-89ce42f3.entry.js +0 -4
- package/dist/ionic/p-a32fd690.entry.js +0 -4
- package/dist/ionic/p-d1a8bb39.entry.js +0 -4
- package/dist/ionic/p-d6b9ab96.entry.js +0 -4
- package/dist/ionic/p-dd54075e.entry.js +0 -4
- package/dist/ionic/p-e386bba3.entry.js +0 -4
- package/dist/ionic/p-e69338d9.entry.js +0 -4
- package/dist/ionic/p-eb8a0235.entry.js +0 -4
- package/dist/ionic/p-f0436e04.entry.js +0 -4
- package/dist/ionic/p-f8f61876.entry.js +0 -4
- package/dist/ionic/p-fa146a10.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as t,t as e,H as o,c as i,h as n,d as a}from"./p-D0Iqw6OZ.js";import{c as s}from"./p-D1t981Ih.js";import{g as r,r as c,t as d,a as h,b as l}from"./p-Df6AAcu8.js";import{h as p}from"./p-DaJxRxSQ.js";import{c as m}from"./p-Cc3oC60a.js";import{b as g}from"./p-BU8Blvqg.js";import{d as b}from"./p-BZwQa9ey.js";const v=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.accordionGroupUpdateHandler=()=>{const t=this.accordionGroupEl;if(t){const e=t.value,o=this.value,i=Array.isArray(e)?e.includes(o):e===o;this.hasReceivedFirstUpdate&&i!==(4===this.state||8===this.state)&&(this.hasInteracted=!0),void 0!==e&&(this.hasReceivedFirstUpdate=!0)}this.updateState()},this.state=1,this.isNext=!1,this.isPrevious=!1,this.isLast=!1,this.hasInteracted=!1,this.hasEverBeenExpanded=!1,this.hasReceivedFirstUpdate=!1,this.value="ion-accordion-"+u++,this.disabled=!1,this.readonly=!1,this.toggleIconSlot="end",this.setItemDefaults=()=>{const t=this.getSlottedHeaderIonItem();t&&(t.button=!0,t.detail=!1,void 0===t.lines&&(t.lines="full"))},this.getSlottedHeaderIonItem=()=>{const{headerEl:t}=this;if(!t)return;const e=t.querySelector("slot");return e&&void 0!==e.assignedElements?e.assignedElements().find((t=>"ION-ITEM"===t.tagName)):void 0},this.setAria=(t=!1)=>{const e=this.getSlottedHeaderIonItem();if(!e)return;const o=r(e).querySelector("button");o&&o.setAttribute("aria-expanded",""+t)},this.slotToggleIcon=()=>{const t=this.getSlottedHeaderIonItem();if(!t)return;const{accordionToggleIcon:e,toggleIconSlot:o}=this;if(t.querySelector(".ion-accordion-toggle-icon"))return;const i=document.createElement("ion-icon");i.slot=o,i.lazy=!1,i.classList.add("ion-accordion-toggle-icon"),i.icon=e,i.setAttribute("aria-hidden","true"),t.appendChild(i)},this.expandAccordion=()=>{const{contentEl:t,contentElWrapper:e}=this;if(void 0===t||void 0===e)return this.state=4,void(this.hasEverBeenExpanded=!0);4!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.hasEverBeenExpanded=!0,this.shouldAnimate()?c((()=>{this.state=8,this.currentRaf=c((async()=>{const o=e.offsetHeight,i=d(t,2e3);t.style.setProperty("max-height",o+"px"),await i,this.state=4,t.style.removeProperty("max-height")}))})):this.state=4)},this.collapseAccordion=()=>{const{contentEl:t}=this;void 0!==t?1!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=c((async()=>{t.style.setProperty("max-height",t.offsetHeight+"px"),c((async()=>{const e=d(t,2e3);this.state=2,await e,this.state=1,t.style.removeProperty("max-height")}))})):this.state=1):this.state=1},this.shouldAnimate=()=>!(!this.hasInteracted||!this.hasEverBeenExpanded)&&("undefined"!=typeof window&&(!matchMedia("(prefers-reduced-motion: reduce)").matches&&!(!i.get("animated",!0)||this.accordionGroupEl&&!this.accordionGroupEl.animated))),this.updateState=async()=>{const t=this.accordionGroupEl,e=this.value;if(!t)return;const o=t.value,i=Array.isArray(o)?o.includes(e):o===e,n=this.getNextSibling();if(this.isLast=void 0===n,i)this.expandAccordion(),this.isNext=this.isPrevious=!1;else{this.collapseAccordion();const t=null==n?void 0:n.value;void 0!==t&&(this.isPrevious=Array.isArray(o)?o.includes(t):o===t);const e=this.getPreviousSibling(),i=null==e?void 0:e.value;void 0!==i&&(this.isNext=Array.isArray(o)?o.includes(i):o===i)}},this.getNextSibling=()=>{const t=this.el.nextElementSibling;if("ION-ACCORDION"===(null==t?void 0:t.tagName))return t},this.getPreviousSibling=()=>{const t=this.el.previousElementSibling;if("ION-ACCORDION"===(null==t?void 0:t.tagName))return t}}valueChanged(){this.updateState()}connectedCallback(){var t;const e=this.accordionGroupEl=null===(t=this.el)||void 0===t?void 0:t.closest("ion-accordion-group");e&&(this.updateState(),h(e,"ionValueChange",this.accordionGroupUpdateHandler))}disconnectedCallback(){const t=this.accordionGroupEl;t&&l(t,"ionValueChange",this.accordionGroupUpdateHandler)}componentDidLoad(){this.setItemDefaults(),this.slotToggleIcon(),c((()=>{this.setAria(4===this.state||8===this.state)}))}get accordionToggleIcon(){if(null!=this.toggleIcon)return this.toggleIcon;const t=g(this),e={ios:m,ionic:s,md:m};return i.get("accordionToggleIcon",e[t]||e.md)}toggleExpanded(){const{accordionGroupEl:t,disabled:e,readonly:o,value:i,state:n}=this;e||o||(this.hasInteracted=!0,!t)||t.requestAccordionToggle(i,1===n||2===n)}render(){const{disabled:t,readonly:e}=this,o=g(this),i=4===this.state||8===this.state,s=i?"header expanded":"header",r=i?"content expanded":"content";return this.setAria(i),n(a,{key:"dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca",class:{[o]:!0,"accordion-expanding":8===this.state,"accordion-expanded":4===this.state,"accordion-collapsing":2===this.state,"accordion-collapsed":1===this.state,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-last":this.isLast,"accordion-disabled":t,"accordion-readonly":e,"accordion-animated":this.shouldAnimate(),"in-accordion-group-expand-inset":p(".accordion-group-expand-inset",this.el)},tabindex:t?"-1":void 0},n("div",{key:"3e67b334a8b12eb337d2deae47b6a661cba41c74",onClick:()=>this.toggleExpanded(),id:"header",part:s,"aria-controls":"content",ref:t=>this.headerEl=t},n("slot",{key:"ae7618fb460577c6c31995d8e842c1de16263985",name:"header"})),n("div",{key:"9fc9964f77b9344f763c9adf69ce0bc09534bc75",id:"content",part:r,role:"region","aria-labelledby":"header",ref:t=>this.contentEl=t},n("div",{key:"996cf517f866dc516e4ce488c647364e8b2726c8",id:"content-wrapper",ref:t=>this.contentElWrapper=t},n("slot",{key:"b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7",name:"content"}))))}static get delegatesFocus(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return{ionic:':host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}',ios:":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}",md:":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}"}}},[305,"ion-accordion",{value:[1],disabled:[4],readonly:[4],toggleIcon:[1,"toggle-icon"],toggleIconSlot:[1,"toggle-icon-slot"],state:[32],isNext:[32],isPrevious:[32],isLast:[32],hasInteracted:[32]},void 0,{value:[{valueChanged:0}]}]);let u=0;const f=v,k=function(){"undefined"!=typeof customElements&&["ion-accordion","ion-icon"].forEach((t=>{switch(t){case"ion-accordion":customElements.get(e(t))||customElements.define(e(t),v);break;case"ion-icon":customElements.get(e(t))||b()}}))};export{f as IonAccordion,k as defineCustomElement}
|
|
4
|
+
import{p as t,t as e,H as o,c as i,h as n,d as a}from"./p-D0Iqw6OZ.js";import{c as s}from"./p-D1t981Ih.js";import{g as r,r as c,t as d,a as h,b as l}from"./p-Df6AAcu8.js";import{h as p}from"./p-DaJxRxSQ.js";import{c as m}from"./p-Cc3oC60a.js";import{b as g}from"./p-BU8Blvqg.js";import{d as b}from"./p-BZwQa9ey.js";const v=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.accordionGroupUpdateHandler=()=>{const t=this.accordionGroupEl;if(t){const e=t.value,o=this.value,i=Array.isArray(e)?e.includes(o):e===o;this.hasReceivedFirstUpdate&&i!==(4===this.state||8===this.state)&&(this.hasInteracted=!0),void 0!==e&&(this.hasReceivedFirstUpdate=!0)}this.updateState()},this.state=1,this.isNext=!1,this.isPrevious=!1,this.isLast=!1,this.hasInteracted=!1,this.hasEverBeenExpanded=!1,this.hasReceivedFirstUpdate=!1,this.value="ion-accordion-"+u++,this.disabled=!1,this.readonly=!1,this.toggleIconSlot="end",this.setItemDefaults=()=>{const t=this.getSlottedHeaderIonItem();t&&(t.button=!0,t.detail=!1,void 0===t.lines&&(t.lines="full"))},this.getSlottedHeaderIonItem=()=>{const{headerEl:t}=this;if(!t)return;const e=t.querySelector("slot");return e&&void 0!==e.assignedElements?e.assignedElements().find((t=>"ION-ITEM"===t.tagName)):void 0},this.setAria=(t=!1)=>{const e=this.getSlottedHeaderIonItem();if(!e)return;const o=r(e).querySelector("button");o&&o.setAttribute("aria-expanded",""+t)},this.slotToggleIcon=()=>{const t=this.getSlottedHeaderIonItem();if(!t)return;const{accordionToggleIcon:e,toggleIconSlot:o}=this;if(t.querySelector(".ion-accordion-toggle-icon"))return;const i=document.createElement("ion-icon");i.slot=o,i.lazy=!1,i.classList.add("ion-accordion-toggle-icon"),i.icon=e,i.setAttribute("aria-hidden","true"),t.appendChild(i)},this.expandAccordion=()=>{const{contentEl:t,contentElWrapper:e}=this;if(void 0===t||void 0===e)return this.state=4,void(this.hasEverBeenExpanded=!0);4!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.hasEverBeenExpanded=!0,this.shouldAnimate()?c((()=>{this.state=8,this.currentRaf=c((async()=>{const o=e.offsetHeight,i=d(t,2e3);t.style.setProperty("max-height",o+"px"),await i,this.state=4,t.style.removeProperty("max-height")}))})):this.state=4)},this.collapseAccordion=()=>{const{contentEl:t}=this;void 0!==t?1!==this.state&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=c((async()=>{t.style.setProperty("max-height",t.offsetHeight+"px"),c((async()=>{const e=d(t,2e3);this.state=2,await e,this.state=1,t.style.removeProperty("max-height")}))})):this.state=1):this.state=1},this.shouldAnimate=()=>!(!this.hasInteracted||!this.hasEverBeenExpanded)&&("undefined"!=typeof window&&(!matchMedia("(prefers-reduced-motion: reduce)").matches&&!(!i.get("animated",!0)||this.accordionGroupEl&&!this.accordionGroupEl.animated))),this.updateState=async()=>{const t=this.accordionGroupEl,e=this.value;if(!t)return;const o=t.value,i=Array.isArray(o)?o.includes(e):o===e,n=this.getNextSibling();if(this.isLast=void 0===n,i)this.expandAccordion(),this.isNext=this.isPrevious=!1;else{this.collapseAccordion();const t=null==n?void 0:n.value;void 0!==t&&(this.isPrevious=Array.isArray(o)?o.includes(t):o===t);const e=this.getPreviousSibling(),i=null==e?void 0:e.value;void 0!==i&&(this.isNext=Array.isArray(o)?o.includes(i):o===i)}},this.getNextSibling=()=>{const t=this.el.nextElementSibling;if("ION-ACCORDION"===(null==t?void 0:t.tagName))return t},this.getPreviousSibling=()=>{const t=this.el.previousElementSibling;if("ION-ACCORDION"===(null==t?void 0:t.tagName))return t}}valueChanged(){this.updateState()}connectedCallback(){var t;const e=this.accordionGroupEl=null===(t=this.el)||void 0===t?void 0:t.closest("ion-accordion-group");e&&(this.updateState(),h(e,"ionValueChange",this.accordionGroupUpdateHandler))}disconnectedCallback(){const t=this.accordionGroupEl;t&&l(t,"ionValueChange",this.accordionGroupUpdateHandler)}componentDidLoad(){this.setItemDefaults(),this.slotToggleIcon(),c((()=>{this.setAria(4===this.state||8===this.state)}))}get accordionToggleIcon(){if(null!=this.toggleIcon)return this.toggleIcon;const t=g(this),e={ios:m,ionic:s,md:m};return i.get("accordionToggleIcon",e[t]||e.md)}toggleExpanded(){const{accordionGroupEl:t,disabled:e,readonly:o,value:i,state:n}=this;e||o||(this.hasInteracted=!0,!t)||t.requestAccordionToggle(i,1===n||2===n)}render(){const{disabled:t,readonly:e}=this,o=g(this),i=4===this.state||8===this.state,s=i?"header expanded":"header",r=i?"content expanded":"content";return this.setAria(i),n(a,{key:"dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca",class:{[o]:!0,"accordion-expanding":8===this.state,"accordion-expanded":4===this.state,"accordion-collapsing":2===this.state,"accordion-collapsed":1===this.state,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-last":this.isLast,"accordion-disabled":t,"accordion-readonly":e,"accordion-animated":this.shouldAnimate(),"in-accordion-group-expand-inset":p(".accordion-group-expand-inset",this.el)},tabindex:t?"-1":void 0},n("div",{key:"3e67b334a8b12eb337d2deae47b6a661cba41c74",onClick:()=>this.toggleExpanded(),id:"header",part:s,"aria-controls":"content",ref:t=>this.headerEl=t},n("slot",{key:"ae7618fb460577c6c31995d8e842c1de16263985",name:"header"})),n("div",{key:"9fc9964f77b9344f763c9adf69ce0bc09534bc75",id:"content",part:r,role:"region","aria-labelledby":"header",ref:t=>this.contentEl=t},n("div",{key:"996cf517f866dc516e4ce488c647364e8b2726c8",id:"content-wrapper",ref:t=>this.contentElWrapper=t},n("slot",{key:"b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7",name:"content"}))))}static get delegatesFocus(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return{ionic:':host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}',ios:":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}",md:":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}"}}},[305,"ion-accordion",{value:[1],disabled:[4],readonly:[4],toggleIcon:[1,"toggle-icon"],toggleIconSlot:[1,"toggle-icon-slot"],state:[32],isNext:[32],isPrevious:[32],isLast:[32],hasInteracted:[32]},void 0,{value:[{valueChanged:0}]}]);let u=0;const f=v,k=function(){"undefined"!=typeof customElements&&["ion-accordion","ion-icon"].forEach((t=>{switch(t){case"ion-accordion":customElements.get(e(t))||customElements.define(e(t),v);break;case"ion-icon":customElements.get(e(t))||b()}}))};export{f as IonAccordion,k as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{A as o,d as s}from"./p-
|
|
4
|
+
import{A as o,d as s}from"./p-BZvWmOA3.js";const m=o,p=s;export{m as IonActionSheet,p as defineCustomElement}
|
package/components/ion-alert.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{A as o,d as
|
|
4
|
+
import{A as o,d as p}from"./p-CG9ZBpG3.js";const s=o,r=p;export{s as IonAlert,r as defineCustomElement}
|
package/components/ion-avatar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as t,H as a,h as e,d as o,t as r}from"./p-D0Iqw6OZ.js";import{b as n}from"./p-BU8Blvqg.js";const s=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}get hasImage(){return!!this.el.querySelector("ion-img")||!!this.el.querySelector("img")}get hasIcon(){return!!this.el.querySelector("ion-icon")}getSize(){const t=n(this),{size:a}=this;if("ionic"===t)return void 0===a?"medium":a}getShape(){const t=n(this),{shape:a}=this;if("ionic"===t)return void 0===a?"round":a}render(){const{hasImage:t,hasIcon:a,disabled:r}=this,s=n(this),i=this.getSize(),l=this.getShape();return e(o,{key:"78ff5863d80f0e334b679a1ba530008dee4e0e69",class:{[s]:!0,["avatar-"+i]:void 0!==i,["avatar-"+l]:void 0!==l,"avatar-image":t,"avatar-icon":a,"avatar-disabled":r}},e("slot",{key:"7f82734af2338a2afca67e1c600c64352a52e8a2"}))}get el(){return this}static get style(){return{ionic:':host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}:host(:not(.avatar-image)){-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)}:host(.avatar-xxsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-500, 1.25rem);width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-500, 1.25rem);width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--token-space-150, var(--token-scale-150, 6px));--padding-start:var(--token-space-150, var(--token-scale-150, 6px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);width:var(--token-scale-800, 32px);height:var(--token-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-200, var(--token-scale-200, 8px));width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--token-space-250, var(--token-scale-250, 10px));--padding-start:var(--token-space-250, var(--token-scale-250, 10px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);width:var(--token-scale-1400, 56px);height:var(--token-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--token-shape-soft-2xs, 4px)}:host(.avatar-medium.avatar-soft){--border-radius:var(--token-shape-soft-xs, 8px)}:host(.avatar-large.avatar-soft),:host(.avatar-xlarge.avatar-soft){--border-radius:var(--token-shape-soft-md, 16px)}:host(.avatar-xxsmall.avatar-round),:host(.avatar-xsmall.avatar-round),:host(.avatar-small.avatar-round){--border-radius:var(--token-shape-round-2xs, 999px)}:host(.avatar-medium.avatar-round){--border-radius:var(--token-shape-round-xs, 999px)}:host(.avatar-large.avatar-round),:host(.avatar-xlarge.avatar-round){--border-radius:var(--token-shape-round-md, 999px)}:host(.avatar-xxsmall.avatar-rectangular),:host(.avatar-xsmall.avatar-rectangular),:host(.avatar-small.avatar-rectangular){--border-radius:var(--token-shape-rectangular-2xs, 0px)}:host(.avatar-medium.avatar-rectangular){--border-radius:var(--token-shape-rectangular-xs, 0px)}:host(.avatar-large.avatar-rectangular),:host(.avatar-xlarge.avatar-rectangular){--border-radius:var(--token-shape-rectangular-md, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xxsmall) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}:host(.avatar-xsmall) ::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(.avatar-small) ::slotted(ion-icon){font-size:var(--token-font-size-500, 1.25rem)}:host(.avatar-medium) ::slotted(ion-icon){font-size:var(--token-font-size-600, 1.5rem)}:host(.avatar-large) ::slotted(ion-icon){font-size:var(--token-font-size-700, 1.75rem)}:host(.avatar-xlarge) ::slotted(ion-icon){font-size:var(--token-font-size-800, 2rem)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1));transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1));transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--token-scale-100, 4px));transform:translate(0, var(--token-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px));transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host(.avatar-disabled)::after{border-radius:var(--border-radius);right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}',ios:":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}",md:":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translateX(-100%);transform:translateX(-100%)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}"}}},[289,"ion-avatar",{size:[1],shape:[1],disabled:[4]}]),i=s,l=function(){"undefined"!=typeof customElements&&["ion-avatar"].forEach((t=>{"ion-avatar"===t&&(customElements.get(r(t))||customElements.define(r(t),s))}))};export{i as IonAvatar,l as defineCustomElement}
|
|
4
|
+
import{p as t,H as a,h as e,d as o,t as r}from"./p-D0Iqw6OZ.js";import{b as s}from"./p-BU8Blvqg.js";const n=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}get hasImage(){return!!this.el.querySelector("ion-img")||!!this.el.querySelector("img")}get hasIcon(){return!!this.el.querySelector("ion-icon")}getSize(){const t=s(this),{size:a}=this;if("ionic"===t)return void 0===a?"medium":a}getShape(){const t=s(this),{shape:a}=this;if("ionic"===t)return void 0===a?"round":a}render(){const{hasImage:t,hasIcon:a,disabled:r}=this,n=s(this),i=this.getSize(),l=this.getShape();return e(o,{key:"78ff5863d80f0e334b679a1ba530008dee4e0e69",class:{[n]:!0,["avatar-"+i]:void 0!==i,["avatar-"+l]:void 0!==l,"avatar-image":t,"avatar-icon":a,"avatar-disabled":r}},e("slot",{key:"7f82734af2338a2afca67e1c600c64352a52e8a2"}))}get el(){return this}static get style(){return{ionic:':host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}:host(:not(.avatar-image)){-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)}:host(.avatar-xxsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.666667;width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.666667;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--token-space-150, var(--token-scale-150, 6px));--padding-start:var(--token-space-150, var(--token-scale-150, 6px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.5;width:var(--token-scale-800, 32px);height:var(--token-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-200, var(--token-scale-200, 8px));width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--token-space-250, var(--token-scale-250, 10px));--padding-start:var(--token-space-250, var(--token-scale-250, 10px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.4;width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-300, var(--token-scale-300, 12px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.272727;width:var(--token-scale-1400, 56px);height:var(--token-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--token-shape-soft-2xs, 4px)}:host(.avatar-medium.avatar-soft){--border-radius:var(--token-shape-soft-xs, 8px)}:host(.avatar-large.avatar-soft),:host(.avatar-xlarge.avatar-soft){--border-radius:var(--token-shape-soft-md, 16px)}:host(.avatar-xxsmall.avatar-round),:host(.avatar-xsmall.avatar-round),:host(.avatar-small.avatar-round){--border-radius:var(--token-shape-round-2xs, 999px)}:host(.avatar-medium.avatar-round){--border-radius:var(--token-shape-round-xs, 999px)}:host(.avatar-large.avatar-round),:host(.avatar-xlarge.avatar-round){--border-radius:var(--token-shape-round-md, 999px)}:host(.avatar-xxsmall.avatar-rectangular),:host(.avatar-xsmall.avatar-rectangular),:host(.avatar-small.avatar-rectangular){--border-radius:var(--token-shape-rectangular-2xs, 0px)}:host(.avatar-medium.avatar-rectangular){--border-radius:var(--token-shape-rectangular-xs, 0px)}:host(.avatar-large.avatar-rectangular),:host(.avatar-xlarge.avatar-rectangular){--border-radius:var(--token-shape-rectangular-md, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xxsmall) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}:host(.avatar-xsmall) ::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(.avatar-small) ::slotted(ion-icon){font-size:var(--token-font-size-500, 1.25rem)}:host(.avatar-medium) ::slotted(ion-icon){font-size:var(--token-font-size-600, 1.5rem)}:host(.avatar-large) ::slotted(ion-icon){font-size:var(--token-font-size-700, 1.75rem)}:host(.avatar-xlarge) ::slotted(ion-icon){font-size:var(--token-font-size-800, 2rem)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1));transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1));transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--token-scale-100, 4px));transform:translate(0, var(--token-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px));transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host(.avatar-disabled)::after{border-radius:var(--border-radius);right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}',ios:":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}",md:":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translateX(-100%);transform:translateX(-100%)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}"}}},[289,"ion-avatar",{size:[1],shape:[1],disabled:[4]}]),i=n,l=function(){"undefined"!=typeof customElements&&["ion-avatar"].forEach((t=>{"ion-avatar"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{i as IonAvatar,l as defineCustomElement}
|
package/components/ion-badge.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as t,H as o,h as n,d as e,t as i}from"./p-D0Iqw6OZ.js";import{h as a,c as r}from"./p-DaJxRxSQ.js";import{b as s}from"./p-BU8Blvqg.js";const d=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}getShape(){const t=s(this),{shape:o}=this;if("ionic"===t)return void 0===o?"round":o}getSize(){const t=s(this),{size:o}=this;if("ionic"===t)return void 0===o?"small":o}getHue(){var t;const{hue:o}=this;if(void 0!==o)return o;const n=a("ion-avatar",this.el),e=a("ion-button",this.el),i=a("ion-tab-button",this.el),r=""!==(null===(t=this.el.textContent)||void 0===t?void 0:t.trim())||null!==this.el.querySelector("ion-icon");return n||e||i||!r?"bold":"subtle"}render(){var t,o;const i=this.getHue(),d=this.getShape(),l=this.getSize(),p=s(this);return n(e,{key:"4a447df7171ebcf4a649ebde14f0275b26c39c32",class:r(this.color,{[p]:!0,["badge-"+i]:void 0!==i,["badge-"+d]:void 0!==d,["badge-"+l]:void 0!==l,["badge-vertical-"+this.vertical]:void 0!==this.vertical,"in-button":a("ion-button",this.el),"in-tab-button":a("ion-tab-button",this.el),"long-badge":(null!==(o=null===(t=this.el.textContent)||void 0===t?void 0:t.trim().length)&&void 0!==o?o:0)>2})},n("slot",{key:"37d692d72315e305b656bb1b7bf44438da2704f7"}))}get el(){return this}static get style(){return{ionic:':host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-500, 1.25rem);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--token-scale-250, 10px)}:host(.badge-bold){--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)))}:host(.badge-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.badge-subtle){--background:var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));--color:var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.badge-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.badge-soft){border-radius:var(--token-shape-soft-xs, 8px)}:host(.badge-small.badge-soft){border-radius:var(--token-shape-soft-2xs, 4px)}:host(.badge-round){border-radius:var(--token-shape-round-sm, 999px)}:host(.badge-rectangular){border-radius:var(--token-shape-rectangular-sm, 0px)}:host(.badge-small){--padding-start:var(--token-space-050, var(--token-scale-050, 2px));--padding-end:var(--token-space-050, var(--token-scale-050, 2px));min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.badge-small) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}:host(.badge-medium),:host(.badge-large){--padding-start:var(--token-space-100, var(--token-scale-100, 4px));--padding-end:var(--token-space-100, var(--token-scale-100, 4px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem);min-width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.badge-medium) ::slotted(ion-icon),:host(.badge-large) ::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(:empty){--padding-start:0;--padding-end:0}:host([vertical]:not(:empty)){--padding-start:var(--token-scale-100, 4px);--padding-end:var(--token-scale-100, 4px);--padding-top:var(--token-scale-100, 4px);--padding-bottom:var(--token-scale-100, 4px)}:host(.badge-small:empty){min-width:var(--token-scale-200, 8px);height:var(--token-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical]) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical]) ::slotted(ion-icon){inset-inline-start:50%}:host(:not(:empty).in-button){--padding-start:var(--token-scale-050, 2px);--padding-end:var(--token-scale-050, 2px);font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-100, 0.01em);line-height:var(--token-font-line-height-500, 1.25rem);min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(:not(:empty).in-button) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}',ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);min-width:10px;font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-button):not(.in-tab-button)),:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px;font-size:0.5rem;line-height:10px}:host(:not(:empty).in-button){min-width:16px;height:16px;font-size:0.75rem;line-height:20px}:host(:not(:empty).in-button) ::slotted(ion-icon){font-size:12px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}:host([vertical].in-tab-button){position:relative;min-width:8px}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12px}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);min-width:10px;font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-button):not(.in-tab-button)),:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px;font-size:0.5rem;line-height:10px}:host(:not(:empty).in-button){min-width:16px;height:16px;font-size:0.75rem;line-height:20px}:host(:not(:empty).in-button) ::slotted(ion-icon){font-size:12px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}"}}},[289,"ion-badge",{color:[513],hue:[1],shape:[1],size:[1],vertical:[1]}]),l=d,p=function(){"undefined"!=typeof customElements&&["ion-badge"].forEach((t=>{"ion-badge"===t&&(customElements.get(i(t))||customElements.define(i(t),d))}))};export{l as IonBadge,p as defineCustomElement}
|
|
4
|
+
import{p as t,H as o,h as n,d as e,t as a}from"./p-D0Iqw6OZ.js";import{h as i,c as r}from"./p-DaJxRxSQ.js";import{b as s}from"./p-BU8Blvqg.js";const d=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}getShape(){const t=s(this),{shape:o}=this;if("ionic"===t)return void 0===o?"round":o}getSize(){const t=s(this),{size:o}=this;if("ionic"===t)return void 0===o?"small":o}getHue(){var t;const{hue:o}=this;if(void 0!==o)return o;const n=i("ion-avatar",this.el),e=i("ion-button",this.el),a=i("ion-tab-button",this.el),r=""!==(null===(t=this.el.textContent)||void 0===t?void 0:t.trim())||null!==this.el.querySelector("ion-icon");return n||e||a||!r?"bold":"subtle"}render(){var t,o;const a=this.getHue(),d=this.getShape(),l=this.getSize(),p=s(this);return n(e,{key:"4a447df7171ebcf4a649ebde14f0275b26c39c32",class:r(this.color,{[p]:!0,["badge-"+a]:void 0!==a,["badge-"+d]:void 0!==d,["badge-"+l]:void 0!==l,["badge-vertical-"+this.vertical]:void 0!==this.vertical,"in-button":i("ion-button",this.el),"in-tab-button":i("ion-tab-button",this.el),"long-badge":(null!==(o=null===(t=this.el.textContent)||void 0===t?void 0:t.trim().length)&&void 0!==o?o:0)>2})},n("slot",{key:"37d692d72315e305b656bb1b7bf44438da2704f7"}))}get el(){return this}static get style(){return{ionic:':host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.666667;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--token-scale-250, 10px)}:host(.badge-bold){--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)))}:host(.badge-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.badge-subtle){--background:var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));--color:var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.badge-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.badge-soft){border-radius:var(--token-shape-soft-xs, 8px)}:host(.badge-small.badge-soft){border-radius:var(--token-shape-soft-2xs, 4px)}:host(.badge-round){border-radius:var(--token-shape-round-sm, 999px)}:host(.badge-rectangular){border-radius:var(--token-shape-rectangular-sm, 0px)}:host(.badge-small){--padding-start:var(--token-space-050, var(--token-scale-050, 2px));--padding-end:var(--token-space-050, var(--token-scale-050, 2px));min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.badge-small) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}:host(.badge-medium),:host(.badge-large){--padding-start:var(--token-space-100, var(--token-scale-100, 4px));--padding-end:var(--token-space-100, var(--token-scale-100, 4px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;min-width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.badge-medium) ::slotted(ion-icon),:host(.badge-large) ::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(:empty){--padding-start:0;--padding-end:0}:host([vertical]:not(:empty)){--padding-start:var(--token-scale-100, 4px);--padding-end:var(--token-scale-100, 4px);--padding-top:var(--token-scale-100, 4px);--padding-bottom:var(--token-scale-100, 4px)}:host(.badge-small:empty){min-width:var(--token-scale-200, 8px);height:var(--token-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical]) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical]) ::slotted(ion-icon){inset-inline-start:50%}:host(:not(:empty).in-button){--padding-start:var(--token-scale-050, 2px);--padding-end:var(--token-scale-050, 2px);font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-100, 0.01em);line-height:1.666667;min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(:not(:empty).in-button) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}',ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);min-width:10px;font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-button):not(.in-tab-button)),:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px;font-size:0.5rem;line-height:10px}:host(:not(:empty).in-button){min-width:16px;height:16px;font-size:0.75rem;line-height:20px}:host(:not(:empty).in-button) ::slotted(ion-icon){font-size:12px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}:host([vertical].in-tab-button){position:relative;min-width:8px}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12px}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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:inline-block;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);min-width:10px;font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-button):not(.in-tab-button)),:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px;font-size:0.5rem;line-height:10px}:host(:not(:empty).in-button){min-width:16px;height:16px;font-size:0.75rem;line-height:20px}:host(:not(:empty).in-button) ::slotted(ion-icon){font-size:12px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}"}}},[289,"ion-badge",{color:[513],hue:[1],shape:[1],size:[1],vertical:[1]}]),l=d,p=function(){"undefined"!=typeof customElements&&["ion-badge"].forEach((t=>{"ion-badge"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))};export{l as IonBadge,p as defineCustomElement}
|
package/components/ion-button.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{B as o,d as s}from"./p-
|
|
4
|
+
import{B as o,d as s}from"./p-B7oBVBLC.js";const B=o,p=s;export{B as IonButton,p as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as
|
|
4
|
+
import{p as t,H as e,h as n,d as a,t as o}from"./p-D0Iqw6OZ.js";import{b as i}from"./p-BU8Blvqg.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){const t=i(this);return n(a,{key:"c01bc2a0212e1567b9654a4a79670ae636779764",class:{[t]:!0}},n("slot",{key:"beb72f0ed2c9924eb198a30bf6942a430b22d2a7"}))}static get style(){return{ionic:':host{position:relative}:host{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--token-space-400, var(--token-scale-400, 16px))}::slotted(img){margin-left:0;margin-right:0;margin-top:var(--token-space-200, var(--token-scale-200, 8px));margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}',ios:":host{position:relative}:host{display:block}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}",md:":host{position:relative}:host{display:block}:host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:13px;padding-bottom:13px;font-size:0.875rem;line-height:1.5}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:1.5}"}}},[289,"ion-card-content"]),p=s,r=function(){"undefined"!=typeof customElements&&["ion-card-content"].forEach((t=>{"ion-card-content"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))};export{p as IonCardContent,r as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as o,H as t,h as e,d as r,t as i}from"./p-D0Iqw6OZ.js";import{c as n}from"./p-DaJxRxSQ.js";import{b as
|
|
4
|
+
import{p as o,H as t,h as e,d as r,t as i}from"./p-D0Iqw6OZ.js";import{c as n}from"./p-DaJxRxSQ.js";import{b as s}from"./p-BU8Blvqg.js";const a=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){const o=s(this);return e(r,{key:"2599d9c0cdbe4dc8d35a0013d9884b88cd96acfc",role:"heading","aria-level":"3",class:n(this.color,{"ion-inherit-color":!0,[o]:!0})},e("slot",{key:"e786776c98e3a8b046777f185bb721fe6739c4cf"}))}static get style(){return{ionic:':host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--token-primitives-neutral-800, #6c727a);font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.5}',ios:":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.75rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}",md:":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.875rem;font-weight:500}"}}},[289,"ion-card-subtitle",{color:[513]}]),l=a,c=function(){"undefined"!=typeof customElements&&["ion-card-subtitle"].forEach((o=>{"ion-card-subtitle"===o&&(customElements.get(i(o))||customElements.define(i(o),a))}))};export{l as IonCardSubtitle,c as defineCustomElement}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{C as o,d as s}from"./p-
|
|
4
|
+
import{C as o,d as s}from"./p-Aiebb5BP.js";const p=o,r=s;export{p as IonCheckbox,r as defineCustomElement}
|
package/components/ion-chip.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{p as o,H as r,f as i,h as t,d as e,t as n}from"./p-D0Iqw6OZ.js";import{c as a}from"./p-DaJxRxSQ.js";import{b as s}from"./p-BU8Blvqg.js";import{d as l}from"./p-BHGSxffz.js";const c=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.outline=!1,this.disabled=!1,this.hue="subtle"}getShape(){const o=s(this),{shape:r}=this;return void 0===r?"ionic"===o?"round":"soft":r}getSize(){const o=s(this),{size:r}=this;if("ionic"===o)return void 0!==r?r:"large";void 0!==r&&i(`The "${r}" size is not supported in the ${o} theme.`)}render(){const{hue:o}=this,r=s(this),i=this.getSize(),n=this.getShape();return t(e,{key:"ec10528929fb43fcae7d2d7c9cc52bcf67d9823e","aria-disabled":this.disabled?"true":null,class:a(this.color,{[r]:!0,["chip-"+n]:!0,"chip-outline":this.outline,"chip-disabled":this.disabled,"ion-activatable":!0,"ion-focusable":!this.disabled,["chip-"+i]:void 0!==i,["chip-"+o]:void 0!==o})},t("slot",{key:"c88e9a90b9de62fded05d4323c5b4f86f2f3e96d"}),"md"===r&&t("ion-ripple-effect",{key:"f0395345064db0e02cbc886386b07d0d01cb02be"}))}static get style(){return{ionic:':host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--focus-ring-color:var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-padding-start:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-padding-end:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-end:var(--token-space-200, var(--token-scale-200, 8px));padding-top:var(--token-space-150, var(--token-scale-150, 6px));padding-bottom:var(--token-space-150, var(--token-scale-150, 6px));border-radius:var(--border-radius);font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-500, 1.25rem);gap:var(--token-space-100, var(--token-scale-100, 4px));line-height:100%;cursor:auto}:host(.chip-outline){border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:solid}:host(.ion-focused){outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--focus-ring-color)}:host(.chip-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}:host(.chip-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.chip-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.chip-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.chip-small){min-height:var(--token-scale-600, 24px);font-size:var(--token-font-size-300, 0.75rem)}:host(.chip-small) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--token-scale-800, 32px);font-size:var(--token-font-size-350, 0.875rem)}:host(.chip-large) ::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(.chip-subtle){--background:var(--token-primitives-neutral-100, #f6f7fa);--color:var(--token-primitives-neutral-800, #6c727a)}:host(.chip-outline.chip-subtle){border-color:var(--token-primitives-neutral-300, #e6eaee)}:host(.chip-bold){--background:var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #383e45));--color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff))}:host(.chip-outline.chip-bold){border-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.chip-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.chip-subtle.chip-outline.ion-color){border-color:var(--ion-color-subtle-shade)}:host(.chip-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.chip-bold.chip-outline.ion-color){border-color:var(--ion-color-shade)}',ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:var(--border-radius);-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;min-height:32px;font-family:var(--ion-font-family, inherit)}:host(.chip-disabled){opacity:0.4}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}@media (any-hover: hover){:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}:host(.chip-soft){--border-radius:10px}:host(.chip-round){--border-radius:999px}:host(.chip-rectangular){--border-radius:0px}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:var(--border-radius);-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;min-height:32px;font-family:var(--ion-font-family, inherit)}:host(.chip-disabled){opacity:0.4}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}@media (any-hover: hover){:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:0.875rem}:host(.chip-soft){--border-radius:8px}:host(.chip-round){--border-radius:999px}:host(.chip-rectangular){--border-radius:0px}"}}},[289,"ion-chip",{color:[513],outline:[4],disabled:[4],hue:[1],shape:[1],size:[1]}]),d=c,b=function(){"undefined"!=typeof customElements&&["ion-chip","ion-ripple-effect"].forEach((o=>{switch(o){case"ion-chip":customElements.get(n(o))||customElements.define(n(o),c);break;case"ion-ripple-effect":customElements.get(n(o))||l()}}))};export{d as IonChip,b as defineCustomElement}
|
|
4
|
+
import{p as o,H as r,f as i,h as t,d as e,t as n}from"./p-D0Iqw6OZ.js";import{c as a}from"./p-DaJxRxSQ.js";import{b as s}from"./p-BU8Blvqg.js";import{d as l}from"./p-BHGSxffz.js";const c=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.outline=!1,this.disabled=!1,this.hue="subtle"}getShape(){const o=s(this),{shape:r}=this;return void 0===r?"ionic"===o?"round":"soft":r}getSize(){const o=s(this),{size:r}=this;if("ionic"===o)return void 0!==r?r:"large";void 0!==r&&i(`The "${r}" size is not supported in the ${o} theme.`)}render(){const{hue:o}=this,r=s(this),i=this.getSize(),n=this.getShape();return t(e,{key:"ec10528929fb43fcae7d2d7c9cc52bcf67d9823e","aria-disabled":this.disabled?"true":null,class:a(this.color,{[r]:!0,["chip-"+n]:!0,"chip-outline":this.outline,"chip-disabled":this.disabled,"ion-activatable":!0,"ion-focusable":!this.disabled,["chip-"+i]:void 0!==i,["chip-"+o]:void 0!==o})},t("slot",{key:"c88e9a90b9de62fded05d4323c5b4f86f2f3e96d"}),"md"===r&&t("ion-ripple-effect",{key:"f0395345064db0e02cbc886386b07d0d01cb02be"}))}static get style(){return{ionic:':host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--focus-ring-color:var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-padding-start:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-padding-end:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-end:var(--token-space-200, var(--token-scale-200, 8px));padding-top:var(--token-space-150, var(--token-scale-150, 6px));padding-bottom:var(--token-space-150, var(--token-scale-150, 6px));border-radius:var(--border-radius);font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.666667;gap:var(--token-space-100, var(--token-scale-100, 4px));line-height:100%;cursor:auto}:host(.chip-outline){border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:solid}:host(.ion-focused){outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--focus-ring-color)}:host(.chip-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}:host(.chip-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.chip-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.chip-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.chip-small){min-height:var(--token-scale-600, 24px);font-size:var(--token-font-size-300, 0.75rem)}:host(.chip-small) ::slotted(ion-icon){font-size:var(--token-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--token-scale-800, 32px);font-size:var(--token-font-size-350, 0.875rem)}:host(.chip-large) ::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(.chip-subtle){--background:var(--token-primitives-neutral-100, #f6f7fa);--color:var(--token-primitives-neutral-800, #6c727a)}:host(.chip-outline.chip-subtle){border-color:var(--token-primitives-neutral-300, #e6eaee)}:host(.chip-bold){--background:var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #383e45));--color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff))}:host(.chip-outline.chip-bold){border-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}:host(.chip-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.chip-subtle.chip-outline.ion-color){border-color:var(--ion-color-subtle-shade)}:host(.chip-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.chip-bold.chip-outline.ion-color){border-color:var(--ion-color-shade)}',ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:var(--border-radius);-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;min-height:32px;font-family:var(--ion-font-family, inherit)}:host(.chip-disabled){opacity:0.4}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}@media (any-hover: hover){:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}:host(.chip-soft){--border-radius:10px}:host(.chip-round){--border-radius:999px}:host(.chip-rectangular){--border-radius:0px}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:var(--border-radius);-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;min-height:32px;font-family:var(--ion-font-family, inherit)}:host(.chip-disabled){opacity:0.4}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}@media (any-hover: hover){:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:0.875rem}:host(.chip-soft){--border-radius:8px}:host(.chip-round){--border-radius:999px}:host(.chip-rectangular){--border-radius:0px}"}}},[289,"ion-chip",{color:[513],outline:[4],disabled:[4],hue:[1],shape:[1],size:[1]}]),d=c,b=function(){"undefined"!=typeof customElements&&["ion-chip","ion-ripple-effect"].forEach((o=>{switch(o){case"ion-chip":customElements.get(n(o))||customElements.define(n(o),c);break;case"ion-ripple-effect":customElements.get(n(o))||l()}}))};export{d as IonChip,b as defineCustomElement}
|