{"version":3,"sources":["webpack:///./node_modules/@ionic/core/dist/esm-es5/theme-18cbe2cc.js","webpack:///./node_modules/@ionic/core/dist/esm-es5/ion-segment_2-md.entry.js"],"names":["hostContext","selector","el","closest","createColorClasses","color","_a","length","undefined","getClassMap","classes","map","Array","isArray","split","filter","c","trim","forEach","SCHEME","openURL","url","ev","direction","router","this","test","document","querySelector","preventDefault","push","Segment","prototype","valueChanged","value","didInit","updateButtons","ionChange","emit","segmentClick","selectedButton","target","connectedCallback","checked","getButtons","find","b","emitStyle","componentDidLoad","ionStyle","_i","button","from","querySelectorAll","render","mode","class","Object","assign","disabled","scrollable","defineProperty","get","enumerable","configurable","hostRef","ids","SegmentButton","checkedChanged","prev","ionSelect","_b","type","hasIcon","hasLabel","layout","onClick","_this"],"mappings":"+FAAA,gJACIA,EAAc,SAAUC,EAAUC,GAClC,OAAgC,OAAzBA,EAAGC,QAAQF,CAAQ,CAC9B,EAIIG,EAAqB,SAAUC,GAC/B,IAAIC,EACJ,MAAyB,UAAjB,OAAOD,GAAqC,EAAfA,EAAME,SAAeD,EAAK,CACvD,YAAa,EACjB,GACG,aAAeD,GAAS,GAC3BC,GAAME,MACd,EAWIC,EAAc,SAAUC,GACxB,IAAIC,EAAM,GAEV,OAZgBH,UADSE,EAYZA,IAVGE,MAAMC,QAAQH,CAAO,EAAIA,EAAUA,EAAQI,MAAM,GAAG,GAE3DC,OAAO,SAAUC,GAAK,OAAY,MAALA,CAAW,CAAC,EACzCL,IAAI,SAAUK,GAAK,OAAOA,EAAEC,KAAK,CAAG,CAAC,EACrCF,OAAO,SAAUC,GAAK,MAAa,KAANA,CAAU,CAAC,EAE1C,IAIeE,QAAQ,SAAUF,GAAK,OAAOL,EAAIK,GAAK,EAAM,CAAC,EAC7DL,CACX,EACIQ,EAAS,uBACTC,EAAU,SAAUC,EAAKC,EAAIC,GAAa,OAAO,YAAU,OAAQ,OAAQ,OAAQ,WACnF,IAAIC,EACJ,OAAO,YAAYC,KAAM,SAAUnB,GAC/B,OAAW,MAAPe,GAA0B,MAAXA,EAAI,IAAc,CAACF,EAAOO,KAAKL,CAAG,IACjDG,EAASG,SAASC,cAAc,YAAY,IAE9B,MAANN,GACAA,EAAGO,eAAe,EAEf,CAAC,EAAcL,EAAOM,KAAKT,EAAKE,CAAS,IAGjD,CAAC,EAAc,GAC1B,CAAC,CACL,CAAC,CAAG,C,yBC7CJ,0IAGIQ,GAeAA,EAAQC,UAAUC,aAAe,SAAUC,GACnCT,KAAKU,UACLV,KAAKW,cAAc,EACnBX,KAAKY,UAAUC,KAAK,CAAEJ,MAAOA,CAAM,CAAC,EAE5C,EACAH,EAAQC,UAAUO,aAAe,SAAUjB,GACnCkB,EAAiBlB,EAAGmB,OACxBhB,KAAKS,MAAQM,EAAeN,KAChC,EACAH,EAAQC,UAAUU,kBAAoB,WAClC,IACQC,EADWnC,SAAfiB,KAAKS,QACDS,EAAUlB,KAAKmB,WAAW,EAAEC,KAAK,SAAUC,GAAK,OAAOA,EAAEH,OAAS,CAAC,KAEnElB,KAAKS,MAAQS,EAAQT,OAG7BT,KAAKsB,UAAU,CACnB,EACAhB,EAAQC,UAAUgB,iBAAmB,WACjCvB,KAAKW,cAAc,EACnBX,KAAKU,QAAU,EACnB,EACAJ,EAAQC,UAAUe,UAAY,WAC1BtB,KAAKwB,SAASX,KAAK,CACf,QAAW,EACf,CAAC,CACL,EACAP,EAAQC,UAAUI,cAAgB,WAE9B,IADA,IAAIF,EAAQT,KAAKS,MACRgB,EAAK,EAAG5C,EAAKmB,KAAKmB,WAAW,EAAGM,EAAK5C,EAAGC,OAAQ2C,CAAE,GAAI,CAC3D,IAAIC,EAAS7C,EAAG4C,GAChBC,EAAOR,QAAWQ,EAAOjB,QAAUA,CACvC,CACJ,EACAH,EAAQC,UAAUY,WAAa,WAC3B,OAAOhC,MAAMwC,KAAK3B,KAAKvB,GAAGmD,iBAAiB,oBAAoB,CAAC,CACpE,EACAtB,EAAQC,UAAUsB,OAAS,WACvB,IAAIhD,EACAiD,EAAO,YAAW9B,IAAI,EAC1B,OAAQ,YAAE,IAAM,CAAE+B,MAAOC,OAAOC,OAAOD,OAAOC,OAAO,GAAI,YAAmBjC,KAAKpB,KAAK,CAAC,IAAIC,EAAK,IAAOiD,GAAQ,GAAMjD,EAAG,oBAAsBmB,KAAKkC,SAAUrD,EAAG,sBAAwBmB,KAAKmC,WAAYtD,EAAG,CAAE,CAAE,CACpN,EACAmD,OAAOI,eAAe9B,EAAQC,UAAW,KAAM,CAC3C8B,IAAK,WAAc,OAAO,YAAWrC,IAAI,CAAG,EAC5CsC,WAAY,GACZC,aAAc,EAClB,CAAC,EACDP,OAAOI,eAAe9B,EAAS,WAAY,CACvC+B,IAAK,WACD,MAAO,CACH,MAAS,CAAC,eACd,CACJ,EACAC,WAAY,GACZC,aAAc,EAClB,CAAC,EACDP,OAAOI,eAAe9B,EAAS,QAAS,CACpC+B,IAAK,WAAc,MAAO,4wFAA+wF,EACzyFC,WAAY,GACZC,aAAc,EAClB,CAAC,EACMjC,GA5EP,SAASA,EAAQkC,GACb,YAAiBxC,KAAMwC,CAAO,EAC9BxC,KAAKU,QAAU,GAIfV,KAAKkC,SAAW,GAIhBlC,KAAKmC,WAAa,GAClBnC,KAAKY,UAAY,YAAYZ,KAAM,YAAa,CAAC,EACjDA,KAAKwB,SAAW,YAAYxB,KAAM,WAAY,CAAC,CACnD,CAiEJ,IAAIyC,EAAM,EACNC,GA6BAA,EAAcnC,UAAUoC,eAAiB,SAAUzB,EAAS0B,GACpD1B,GAAW,CAAC0B,GACZ5C,KAAK6C,UAAUhC,KAAK,CAE5B,EACAmB,OAAOI,eAAeM,EAAcnC,UAAW,WAAY,CACvD8B,IAAK,WACD,MAAO,CAAC,CAACrC,KAAKvB,GAAG0B,cAAc,WAAW,CAC9C,EACAmC,WAAY,GACZC,aAAc,EAClB,CAAC,EACDP,OAAOI,eAAeM,EAAcnC,UAAW,UAAW,CACtD8B,IAAK,WACD,MAAO,CAAC,CAACrC,KAAKvB,GAAG0B,cAAc,UAAU,CAC7C,EACAmC,WAAY,GACZC,aAAc,EAClB,CAAC,EACDG,EAAcnC,UAAUsB,OAAS,WAC7B,IAAIhD,EACAiE,EAAK9C,KAAMkB,EAAU4B,EAAG5B,QAAS6B,EAAOD,EAAGC,KAAMb,EAAWY,EAAGZ,SAAUc,EAAUF,EAAGE,QAASC,EAAWH,EAAGG,SAAUC,EAASJ,EAAGI,OACnIpB,EAAO,YAAW9B,IAAI,EAC1B,OAAQ,YAAE,IAAM,CAAEmD,QAASnD,KAAKmD,QAAS,gBAAiBjB,EAAW,OAAS,KAAMH,QAAQlD,EAAK,IACtFiD,GAAQ,GACXjD,EAAG,4BAA8BoE,EACjCpE,EAAG,2BAA6BmE,EAChCnE,EAAG,iCAAmCoE,GAAY,CAACD,EACnDnE,EAAG,gCAAkCmE,GAAW,CAACC,EACjDpE,EAAG,2BAA6BqD,EAChCrD,EAAG,0BAA4BqC,EAC/BrC,EAAG,yBAA2BqE,GAAU,GACxCrE,EAAG,mBAAqB,GACxBA,EAAG,2BAA6B,GAChCA,EAAI,EAAG,YAAE,SAAU,CAAEkE,KAAMA,EAAM,eAAgB7B,EAAU,OAAS,KAAMa,MAAO,gBAAiBG,SAAUA,CAAS,EAAG,YAAE,OAAQ,IAAI,EAAY,OAATJ,GAAiB,YAAE,oBAAqB,IAAI,CAAC,EAAG,YAAE,MAAO,CAAEC,MAAO,0BAA2B,CAAC,CAAE,CACrP,EACAC,OAAOI,eAAeM,EAAcnC,UAAW,KAAM,CACjD8B,IAAK,WAAc,OAAO,YAAWrC,IAAI,CAAG,EAC5CsC,WAAY,GACZC,aAAc,EAClB,CAAC,EACDP,OAAOI,eAAeM,EAAe,WAAY,CAC7CL,IAAK,WACD,MAAO,CACH,QAAW,CAAC,iBAChB,CACJ,EACAC,WAAY,GACZC,aAAc,EAClB,CAAC,EACDP,OAAOI,eAAeM,EAAe,QAAS,CAC1CL,IAAK,WAAc,MAAO,m+LAAy+L,EACngMC,WAAY,GACZC,aAAc,EAClB,CAAC,EACMG,GAnFP,SAASA,EAAcF,GACnB,IAAIY,EAAQpD,KACZ,YAAiBA,KAAMwC,CAAO,EAI9BxC,KAAKkB,QAAU,GAIflB,KAAKkC,SAAW,GAIhBlC,KAAKkD,OAAS,WAIdlD,KAAK+C,KAAO,SAIZ/C,KAAKS,MAAQ,UAAagC,CAAK,GAC/BzC,KAAKmD,QAAU,WACXC,EAAMlC,QAAU,EACpB,EACAlB,KAAK6C,UAAY,YAAY7C,KAAM,YAAa,CAAC,CACrD,C","file":"js/chunk-5afd4824.dc36745b.js","sourcesContent":["import { __awaiter, __generator } from \"tslib\";\nvar hostContext = function (selector, el) {\n return el.closest(selector) !== null;\n};\n/**\n * Create the mode and color classes for the component based on the classes passed in\n */\nvar createColorClasses = function (color) {\n var _a;\n return (typeof color === 'string' && color.length > 0) ? (_a = {\n 'ion-color': true\n },\n _a[\"ion-color-\" + color] = true,\n _a) : undefined;\n};\nvar getClassList = function (classes) {\n if (classes !== undefined) {\n var array = Array.isArray(classes) ? classes : classes.split(' ');\n return array\n .filter(function (c) { return c != null; })\n .map(function (c) { return c.trim(); })\n .filter(function (c) { return c !== ''; });\n }\n return [];\n};\nvar getClassMap = function (classes) {\n var map = {};\n getClassList(classes).forEach(function (c) { return map[c] = true; });\n return map;\n};\nvar SCHEME = /^[a-z][a-z0-9+\\-.]*:/;\nvar openURL = function (url, ev, direction) { return __awaiter(void 0, void 0, void 0, function () {\n var router;\n return __generator(this, function (_a) {\n if (url != null && url[0] !== '#' && !SCHEME.test(url)) {\n router = document.querySelector('ion-router');\n if (router) {\n if (ev != null) {\n ev.preventDefault();\n }\n return [2 /*return*/, router.push(url, direction)];\n }\n }\n return [2 /*return*/, false];\n });\n}); };\nexport { createColorClasses as c, getClassMap as g, hostContext as h, openURL as o };\n","import { r as registerInstance, d as createEvent, c as getIonMode, h, H as Host, e as getElement } from './core-feeeff0d.js';\nimport './config-3c7f3790.js';\nimport { c as createColorClasses } from './theme-18cbe2cc.js';\nvar Segment = /** @class */ (function () {\n function Segment(hostRef) {\n registerInstance(this, hostRef);\n this.didInit = false;\n /**\n * If `true`, the user cannot interact with the segment.\n */\n this.disabled = false;\n /**\n * If `true`, the segment buttons will overflow and the user can swipe to see them.\n */\n this.scrollable = false;\n this.ionChange = createEvent(this, \"ionChange\", 7);\n this.ionStyle = createEvent(this, \"ionStyle\", 7);\n }\n Segment.prototype.valueChanged = function (value) {\n if (this.didInit) {\n this.updateButtons();\n this.ionChange.emit({ value: value });\n }\n };\n Segment.prototype.segmentClick = function (ev) {\n var selectedButton = ev.target;\n this.value = selectedButton.value;\n };\n Segment.prototype.connectedCallback = function () {\n if (this.value === undefined) {\n var checked = this.getButtons().find(function (b) { return b.checked; });\n if (checked) {\n this.value = checked.value;\n }\n }\n this.emitStyle();\n };\n Segment.prototype.componentDidLoad = function () {\n this.updateButtons();\n this.didInit = true;\n };\n Segment.prototype.emitStyle = function () {\n this.ionStyle.emit({\n 'segment': true\n });\n };\n Segment.prototype.updateButtons = function () {\n var value = this.value;\n for (var _i = 0, _a = this.getButtons(); _i < _a.length; _i++) {\n var button = _a[_i];\n button.checked = (button.value === value);\n }\n };\n Segment.prototype.getButtons = function () {\n return Array.from(this.el.querySelectorAll('ion-segment-button'));\n };\n Segment.prototype.render = function () {\n var _a;\n var mode = getIonMode(this);\n return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), (_a = {}, _a[mode] = true, _a['segment-disabled'] = this.disabled, _a['segment-scrollable'] = this.scrollable, _a)) }));\n };\n Object.defineProperty(Segment.prototype, \"el\", {\n get: function () { return getElement(this); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Segment, \"watchers\", {\n get: function () {\n return {\n \"value\": [\"valueChanged\"]\n };\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Segment, \"style\", {\n get: function () { return \".sc-ion-segment-md-h{--indicator-color-checked:initial;--ripple-color:currentColor;--color-activated:initial;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;font-family:var(--ion-font-family,inherit);text-align:center}.sc-ion-segment-md-s > .segment-button-disabled, .segment-disabled.sc-ion-segment-md-h{pointer-events:none}.segment-scrollable.sc-ion-segment-md-h{-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:scroll}.segment-scrollable.sc-ion-segment-md-h::-webkit-scrollbar{display:none}.sc-ion-segment-md-h{--background:none;--background-checked:none;--background-hover:rgba(var(--ion-color-primary-rgb,56,128,255),0.04);--background-activated:rgba(var(--ion-color-primary-rgb,56,128,255),0.16);--color:rgba(var(--ion-text-color-rgb,0,0,0),0.6);--color-checked:var(--ion-color-primary,#3880ff);--color-checked-disabled:var(--color-checked);--indicator-color:transparent}.segment-disabled.sc-ion-segment-md-h{opacity:.3}.sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s > ion-segment-button{--background-activated:rgba(var(--ion-color-base-rgb),0.16);--ripple-color:var(--ion-color-base);background:transparent;color:rgba(var(--ion-text-color-rgb,0,0,0),.6)}.sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s > .segment-button-checked{--indicator-color-checked:var(--ion-color-base);color:var(--ion-color-base)}.sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s > .segment-button-checked.activated{color:var(--ion-color-base)}\\@media (any-hover:hover){.sc-ion-segment-md-h.ion-color.sc-ion-segment-md-s > ion-segment-button:hover{background:rgba(var(--ion-color-base-rgb),.04)}}.sc-ion-segment-md-hion-toolbar:not(.ion-color):not(.ion-color).sc-ion-segment-md-s > ion-segment-button, ion-toolbar:not(.ion-color) .sc-ion-segment-md-h:not(.ion-color).sc-ion-segment-md-s > ion-segment-button{color:var(--ion-toolbar-color-unchecked,var(--color))}.sc-ion-segment-md-hion-toolbar:not(.ion-color):not(.ion-color).sc-ion-segment-md-s > .segment-button-checked, ion-toolbar:not(.ion-color) .sc-ion-segment-md-h:not(.ion-color).sc-ion-segment-md-s > .segment-button-checked{--indicator-color-checked:var(--ion-toolbar-color-checked,var(--color-checked));color:var(--ion-toolbar-color-checked,var(--color-checked))}.sc-ion-segment-md-hion-toolbar.ion-color:not(.ion-color).sc-ion-segment-md-s > ion-segment-button, ion-toolbar.ion-color .sc-ion-segment-md-h:not(.ion-color).sc-ion-segment-md-s > ion-segment-button{--background-hover:rgba(var(--ion-color-contrast-rgb),0.04);--background-activated:var(--ion-color-base);--color:rgba(var(--ion-color-contrast-rgb),0.6);--color-checked:var(--ion-color-contrast);--indicator-color-checked:var(--ion-color-contrast)}\"; },\n enumerable: true,\n configurable: true\n });\n return Segment;\n}());\nvar ids = 0;\nvar SegmentButton = /** @class */ (function () {\n function SegmentButton(hostRef) {\n var _this = this;\n registerInstance(this, hostRef);\n /**\n * If `true`, the segment button is selected.\n */\n this.checked = false;\n /**\n * If `true`, the user cannot interact with the segment button.\n */\n this.disabled = false;\n /**\n * Set the layout of the text and icon in the segment.\n */\n this.layout = 'icon-top';\n /**\n * The type of the button.\n */\n this.type = 'button';\n /**\n * The value of the segment button.\n */\n this.value = 'ion-sb-' + (ids++);\n this.onClick = function () {\n _this.checked = true;\n };\n this.ionSelect = createEvent(this, \"ionSelect\", 7);\n }\n SegmentButton.prototype.checkedChanged = function (checked, prev) {\n if (checked && !prev) {\n this.ionSelect.emit();\n }\n };\n Object.defineProperty(SegmentButton.prototype, \"hasLabel\", {\n get: function () {\n return !!this.el.querySelector('ion-label');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(SegmentButton.prototype, \"hasIcon\", {\n get: function () {\n return !!this.el.querySelector('ion-icon');\n },\n enumerable: true,\n configurable: true\n });\n SegmentButton.prototype.render = function () {\n var _a;\n var _b = this, checked = _b.checked, type = _b.type, disabled = _b.disabled, hasIcon = _b.hasIcon, hasLabel = _b.hasLabel, layout = _b.layout;\n var mode = getIonMode(this);\n return (h(Host, { onClick: this.onClick, \"aria-disabled\": disabled ? 'true' : null, class: (_a = {},\n _a[mode] = true,\n _a['segment-button-has-label'] = hasLabel,\n _a['segment-button-has-icon'] = hasIcon,\n _a['segment-button-has-label-only'] = hasLabel && !hasIcon,\n _a['segment-button-has-icon-only'] = hasIcon && !hasLabel,\n _a['segment-button-disabled'] = disabled,\n _a['segment-button-checked'] = checked,\n _a[\"segment-button-layout-\" + layout] = true,\n _a['ion-activatable'] = true,\n _a['ion-activatable-instant'] = true,\n _a) }, h(\"button\", { type: type, \"aria-pressed\": checked ? 'true' : null, class: \"button-native\", disabled: disabled }, h(\"slot\", null), mode === 'md' && h(\"ion-ripple-effect\", null)), h(\"div\", { class: \"segment-button-indicator\" })));\n };\n Object.defineProperty(SegmentButton.prototype, \"el\", {\n get: function () { return getElement(this); },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(SegmentButton, \"watchers\", {\n get: function () {\n return {\n \"checked\": [\"checkedChanged\"]\n };\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(SegmentButton, \"style\", {\n get: function () { return \":host{--padding-start:0;--padding-end:0;display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-direction:column;flex-direction:column;height:auto;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-font-kerning:none;font-kerning:none}:host(:first-of-type){border-top-left-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--border-radius)}:host-context([dir=rtl]):first-of-type,:host-context([dir=rtl]):host(:first-of-type){border-top-left-radius:0;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0}:host(:not(:first-of-type)){border-left-width:0}:host-context([dir=rtl]):host(:not(:first-of-type)),:host-context([dir=rtl]):not(:first-of-type){border-right-width:0;border-left-width:var(--border-width)}:host(:last-of-type){border-top-left-radius:0;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0}:host-context([dir=rtl]):host(:last-of-type),:host-context([dir=rtl]):last-of-type{border-top-left-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--border-radius)}.button-native{border-radius:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:var(--margin-start);margin-right:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;cursor:pointer}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.button-native{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.segment-button-indicator{-ms-flex-item-align:end;align-self:flex-end;width:100%;height:2px;background-color:var(--indicator-color);opacity:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-checked) .segment-button-indicator{background-color:var(--indicator-color-checked,var(--color-checked))}:host(.activated){color:var(--color-activated,var(--color))}:host(.segment-button-disabled){color:var(--color-disabled)}:host(.segment-button-disabled.segment-button-checked){color:var(--color-checked-disabled)}::slotted(ion-icon){-ms-flex-order:-1;order:-1}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;line-height:22px;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon),:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color,var(--color-checked))}:host{--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s,opacity 0.15s linear 0s;min-width:90px;max-width:360px;min-height:48px;font-size:14px;font-weight:500;letter-spacing:.06em;line-height:40px;text-transform:uppercase}:host(.activated),:host(.segment-button-checked){--border-color:var(--ion-color-primary,#3880ff);opacity:1}:host(.segment-button-disabled){opacity:.3}::slotted(ion-icon){font-size:24px}::slotted(ion-icon),::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon),:host(.segment-button-layout-icon-top) ::slotted(ion-label){margin-top:0}:host(.segment-button-layout-icon-bottom) ::slotted(ion-label),:host(.segment-button-layout-icon-top) ::slotted(ion-icon){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){margin-left:8px;margin-right:0}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){:host(.segment-button-layout-icon-start) ::slotted(ion-label){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}}:host(.segment-button-layout-icon-end) ::slotted(ion-label){margin-left:0;margin-right:8px}\\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){:host(.segment-button-layout-icon-end) ::slotted(ion-label){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.segment-button-has-icon-only) ::slotted(ion-icon),:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-checked.activated){color:var(--color-checked)}\\@media (any-hover:hover){:host(:hover){background:var(--background-hover)}}\"; },\n enumerable: true,\n configurable: true\n });\n return SegmentButton;\n}());\nexport { Segment as ion_segment, SegmentButton as ion_segment_button };\n"],"sourceRoot":""}