1 line
49 KiB
Plaintext
1 line
49 KiB
Plaintext
{"version":3,"sources":["webpack:///node_modules/@ionic/core/dist/esm/ion-segment_2.entry.js"],"names":["segmentIosCss","segmentMdCss","Segment","hostRef","ionChange","ionSelect","ionStyle","didInit","activated","disabled","scrollable","swipeGesture","onClick","ev","current","target","previous","checked","tagName","value","checkButton","setCheckedClasses","oldValue","undefined","emitStyle","gestureChanged","emit","valueAfterGesture","buttons","getButtons","button","gesture","enable","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","onMove","onEnd","disabledChanged","detail","activate","setNextIndex","setActivated","checkedValidButton","event","stopImmediatePropagation","addRipple","Array","from","querySelectorAll","useRippleEffect","getBoolean","find","root","shadowRoot","ripple","querySelector","x","y","then","remove","forEach","classList","add","clicked","previousIndicator","getIndicator","currentIndicator","previousClientRect","getBoundingClientRect","currentClientRect","widthDelta","width","xPosition","left","transform","style","setProperty","index","findIndex","next","length","isEnd","isRTL","document","dir","nextIndex","rect","currentX","previousY","top","height","nextEl","elementFromPoint","decreaseIndex","increaseIndex","newIndex","mode","color","ios","md","segmentButtonIosCss","segmentButtonMdCss","ids","SegmentButton","segmentEl","layout","type","updateStyle","updateState","closest","hasIcon","hasLabel","hasSegmentColor","part"],"mappings":"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","file":"31-es5.js","sourcesContent":["import { r as registerInstance, e as createEvent, c as writeTask, h, H as Host, i as getElement, j as forceUpdate } from './index-e806d1f6.js';\nimport { c as config, b as getIonMode } from './ionic-global-9d5c8ee3.js';\nimport { p as pointerCoord, a as addEventListener, b as removeEventListener } from './helpers-90f46169.js';\nimport { c as createColorClasses, h as hostContext } from './theme-ff3fc52f.js';\n\nconst segmentIosCss = \":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;width:auto}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-toolbar){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}\";\n\nconst segmentMdCss = \":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}\";\n\nconst Segment = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionChange = createEvent(this, \"ionChange\", 7);\n this.ionSelect = createEvent(this, \"ionSelect\", 7);\n this.ionStyle = createEvent(this, \"ionStyle\", 7);\n this.didInit = false;\n this.activated = 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 * In addition, this will disable the gesture to drag the indicator between the buttons\n * in order to swipe to see hidden buttons.\n */\n this.scrollable = false;\n /**\n * If `true`, users will be able to swipe between segment buttons to activate them.\n */\n this.swipeGesture = true;\n this.onClick = (ev) => {\n const current = ev.target;\n const previous = this.checked;\n // If the current element is a segment then that means\n // the user tried to swipe to a segment button and\n // click a segment button at the same time so we should\n // not update the checked segment button\n if (current.tagName === 'ION-SEGMENT') {\n return;\n }\n this.value = current.value;\n if (this.scrollable || !this.swipeGesture) {\n if (previous) {\n this.checkButton(previous, current);\n }\n else {\n this.setCheckedClasses();\n }\n }\n this.checked = current;\n };\n }\n colorChanged(value, oldValue) {\n /**\n * If color is set after not having\n * previously been set (or vice versa),\n * we need to emit style so the segment-buttons\n * can apply their color classes properly.\n */\n if ((oldValue === undefined && value !== undefined) ||\n (oldValue !== undefined && value === undefined)) {\n this.emitStyle();\n }\n }\n swipeGestureChanged() {\n this.gestureChanged();\n }\n valueChanged(value, oldValue) {\n this.ionSelect.emit({ value });\n if (oldValue !== '' || this.didInit) {\n if (!this.activated) {\n this.ionChange.emit({ value });\n }\n else {\n this.valueAfterGesture = value;\n }\n }\n }\n disabledChanged() {\n this.gestureChanged();\n const buttons = this.getButtons();\n for (const button of buttons) {\n button.disabled = this.disabled;\n }\n }\n gestureChanged() {\n if (this.gesture) {\n this.gesture.enable(!this.scrollable && !this.disabled && this.swipeGesture);\n }\n }\n connectedCallback() {\n this.emitStyle();\n }\n componentWillLoad() {\n this.emitStyle();\n }\n async componentDidLoad() {\n this.setCheckedClasses();\n this.gesture = (await import('./index-f49d994d.js')).createGesture({\n el: this.el,\n gestureName: 'segment',\n gesturePriority: 100,\n threshold: 0,\n passive: false,\n onStart: ev => this.onStart(ev),\n onMove: ev => this.onMove(ev),\n onEnd: ev => this.onEnd(ev),\n });\n this.gestureChanged();\n if (this.disabled) {\n this.disabledChanged();\n }\n this.didInit = true;\n }\n onStart(detail) {\n this.activate(detail);\n }\n onMove(detail) {\n this.setNextIndex(detail);\n }\n onEnd(detail) {\n this.setActivated(false);\n const checkedValidButton = this.setNextIndex(detail, true);\n detail.event.stopImmediatePropagation();\n if (checkedValidButton) {\n this.addRipple(detail);\n }\n const value = this.valueAfterGesture;\n if (value !== undefined) {\n this.ionChange.emit({ value });\n this.valueAfterGesture = undefined;\n }\n }\n getButtons() {\n return Array.from(this.el.querySelectorAll('ion-segment-button'));\n }\n /**\n * The gesture blocks the segment button ripple. This\n * function adds the ripple based on the checked segment\n * and where the cursor ended.\n */\n addRipple(detail) {\n const useRippleEffect = config.getBoolean('animated', true) && config.getBoolean('rippleEffect', true);\n if (!useRippleEffect) {\n return;\n }\n const buttons = this.getButtons();\n const checked = buttons.find(button => button.value === this.value);\n const root = checked.shadowRoot || checked;\n const ripple = root.querySelector('ion-ripple-effect');\n if (!ripple) {\n return;\n }\n const { x, y } = pointerCoord(detail.event);\n ripple.addRipple(x, y).then(remove => remove());\n }\n /*\n * Activate both the segment and the buttons\n * due to a bug with ::slotted in Safari\n */\n setActivated(activated) {\n const buttons = this.getButtons();\n buttons.forEach(button => {\n if (activated) {\n button.classList.add('segment-button-activated');\n }\n else {\n button.classList.remove('segment-button-activated');\n }\n });\n this.activated = activated;\n }\n activate(detail) {\n const clicked = detail.event.target;\n const buttons = this.getButtons();\n const checked = buttons.find(button => button.value === this.value);\n // Make sure we are only checking for activation on a segment button\n // since disabled buttons will get the click on the segment\n if (clicked.tagName !== 'ION-SEGMENT-BUTTON') {\n return;\n }\n // If there are no checked buttons, set the current button to checked\n if (!checked) {\n this.value = clicked.value;\n this.setCheckedClasses();\n }\n // If the gesture began on the clicked button with the indicator\n // then we should activate the indicator\n if (this.value === clicked.value) {\n this.setActivated(true);\n }\n }\n getIndicator(button) {\n const root = button.shadowRoot || button;\n return root.querySelector('.segment-button-indicator');\n }\n checkButton(previous, current) {\n const previousIndicator = this.getIndicator(previous);\n const currentIndicator = this.getIndicator(current);\n if (previousIndicator === null || currentIndicator === null) {\n return;\n }\n const previousClientRect = previousIndicator.getBoundingClientRect();\n const currentClientRect = currentIndicator.getBoundingClientRect();\n const widthDelta = previousClientRect.width / currentClientRect.width;\n const xPosition = previousClientRect.left - currentClientRect.left;\n // Scale the indicator width to match the previous indicator width\n // and translate it on top of the previous indicator\n const transform = `translate3d(${xPosition}px, 0, 0) scaleX(${widthDelta})`;\n writeTask(() => {\n // Remove the transition before positioning on top of the previous indicator\n currentIndicator.classList.remove('segment-button-indicator-animated');\n currentIndicator.style.setProperty('transform', transform);\n // Force a repaint to ensure the transform happens\n currentIndicator.getBoundingClientRect();\n // Add the transition to move the indicator into place\n currentIndicator.classList.add('segment-button-indicator-animated');\n // Remove the transform to slide the indicator back to the button clicked\n currentIndicator.style.setProperty('transform', '');\n });\n this.value = current.value;\n this.setCheckedClasses();\n }\n setCheckedClasses() {\n const buttons = this.getButtons();\n const index = buttons.findIndex(button => button.value === this.value);\n const next = index + 1;\n // Keep track of the currently checked button\n this.checked = buttons.find(button => button.value === this.value);\n for (const button of buttons) {\n button.classList.remove('segment-button-after-checked');\n }\n if (next < buttons.length) {\n buttons[next].classList.add('segment-button-after-checked');\n }\n }\n setNextIndex(detail, isEnd = false) {\n const isRTL = document.dir === 'rtl';\n const activated = this.activated;\n const buttons = this.getButtons();\n const index = buttons.findIndex(button => button.value === this.value);\n const previous = buttons[index];\n let current;\n let nextIndex;\n if (index === -1) {\n return;\n }\n // Get the element that the touch event started on in case\n // it was the checked button, then we will move the indicator\n const rect = previous.getBoundingClientRect();\n const left = rect.left;\n const width = rect.width;\n // Get the element that the gesture is on top of based on the currentX of the\n // gesture event and the Y coordinate of the starting element, since the gesture\n // can move up and down off of the segment\n const currentX = detail.currentX;\n const previousY = rect.top + (rect.height / 2);\n const nextEl = document.elementFromPoint(currentX, previousY);\n const decreaseIndex = isRTL ? currentX > (left + width) : currentX < left;\n const increaseIndex = isRTL ? currentX < left : currentX > (left + width);\n // If the indicator is currently activated then we have started the gesture\n // on top of the checked button so we need to slide the indicator\n // by checking the button next to it as we move\n if (activated && !isEnd) {\n // Decrease index, move left in LTR & right in RTL\n if (decreaseIndex) {\n const newIndex = index - 1;\n if (newIndex >= 0) {\n nextIndex = newIndex;\n }\n // Increase index, moves right in LTR & left in RTL\n }\n else if (increaseIndex) {\n if (activated && !isEnd) {\n const newIndex = index + 1;\n if (newIndex < buttons.length) {\n nextIndex = newIndex;\n }\n }\n }\n if (nextIndex !== undefined && !buttons[nextIndex].disabled) {\n current = buttons[nextIndex];\n }\n }\n // If the indicator is not activated then we will just set the indicator\n // to the element where the gesture ended\n if (!activated && isEnd) {\n current = nextEl;\n }\n /* tslint:disable-next-line */\n if (current != null) {\n /**\n * If current element is ion-segment then that means\n * user tried to select a disabled ion-segment-button,\n * and we should not update the ripple.\n */\n if (current.tagName === 'ION-SEGMENT') {\n return false;\n }\n if (previous !== current) {\n this.checkButton(previous, current);\n }\n }\n return true;\n }\n emitStyle() {\n this.ionStyle.emit({\n 'segment': true\n });\n }\n render() {\n const mode = getIonMode(this);\n return (h(Host, { onClick: this.onClick, class: createColorClasses(this.color, {\n [mode]: true,\n 'in-toolbar': hostContext('ion-toolbar', this.el),\n 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n 'segment-activated': this.activated,\n 'segment-disabled': this.disabled,\n 'segment-scrollable': this.scrollable\n }) }, h(\"slot\", null)));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"color\": [\"colorChanged\"],\n \"swipeGesture\": [\"swipeGestureChanged\"],\n \"value\": [\"valueChanged\"],\n \"disabled\": [\"disabledChanged\"]\n }; }\n};\nSegment.style = {\n ios: segmentIosCss,\n md: segmentMdCss\n};\n\nconst segmentButtonIosCss = \":host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none;cursor:pointer}.button-native{border-radius:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;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);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);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;pointer-events:none;overflow:hidden;z-index:2}@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)}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{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)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\\\"\\\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::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;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}: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){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color, #fff));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-direction:row;flex-direction:row;min-width:70px;min-height:28px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;-webkit-transition:160ms opacity ease-in-out;transition:160ms opacity ease-in-out;-webkit-transition-delay:100ms;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:\\\"\\\";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){margin-left:2px;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:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}}:host(.segment-button-layout-icon-end) ::slotted(ion-label){margin-left:0;margin-right:2px}@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:2px;margin-inline-end:2px}}.segment-button-indicator{padding-left:2px;padding-right:2px;left:0;right:0;top:0;bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.segment-button-indicator{padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px}}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color, #fff))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)))}:host(.in-toolbar-color) .segment-button-indicator-background{background:#fff}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}\";\n\nconst segmentButtonMdCss = \":host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none;cursor:pointer}.button-native{border-radius:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;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);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);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;pointer-events:none;overflow:hidden;z-index:2}@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)}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{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)}}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\\\"\\\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::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;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}: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){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--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;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){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){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}\";\n\nlet ids = 0;\nconst SegmentButton = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.segmentEl = null;\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.updateStyle = () => {\n forceUpdate(this);\n };\n this.updateState = () => {\n if (this.segmentEl) {\n this.checked = this.segmentEl.value === this.value;\n }\n };\n }\n connectedCallback() {\n const segmentEl = this.segmentEl = this.el.closest('ion-segment');\n if (segmentEl) {\n this.updateState();\n addEventListener(segmentEl, 'ionSelect', this.updateState);\n addEventListener(segmentEl, 'ionStyle', this.updateStyle);\n }\n }\n disconnectedCallback() {\n const segmentEl = this.segmentEl;\n if (segmentEl) {\n removeEventListener(segmentEl, 'ionSelect', this.updateState);\n removeEventListener(segmentEl, 'ionStyle', this.updateStyle);\n this.segmentEl = null;\n }\n }\n get hasLabel() {\n return !!this.el.querySelector('ion-label');\n }\n get hasIcon() {\n return !!this.el.querySelector('ion-icon');\n }\n render() {\n const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;\n const mode = getIonMode(this);\n const hasSegmentColor = () => segmentEl !== null && segmentEl.color !== undefined;\n return (h(Host, { \"aria-disabled\": disabled ? 'true' : null, class: {\n [mode]: true,\n 'in-toolbar': hostContext('ion-toolbar', this.el),\n 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n 'in-segment': hostContext('ion-segment', this.el),\n 'in-segment-color': hasSegmentColor(),\n 'segment-button-has-label': hasLabel,\n 'segment-button-has-icon': hasIcon,\n 'segment-button-has-label-only': hasLabel && !hasIcon,\n 'segment-button-has-icon-only': hasIcon && !hasLabel,\n 'segment-button-disabled': disabled,\n 'segment-button-checked': checked,\n [`segment-button-layout-${layout}`]: true,\n 'ion-activatable': true,\n 'ion-activatable-instant': true,\n 'ion-focusable': true,\n } }, h(\"button\", { type: type, \"aria-pressed\": checked ? 'true' : 'false', class: \"button-native\", part: \"native\", disabled: disabled }, h(\"span\", { class: \"button-inner\" }, h(\"slot\", null)), mode === 'md' && h(\"ion-ripple-effect\", null)), h(\"div\", { part: \"indicator\", class: {\n 'segment-button-indicator': true,\n 'segment-button-indicator-animated': true\n } }, h(\"div\", { part: \"indicator-background\", class: \"segment-button-indicator-background\" }))));\n }\n get el() { return getElement(this); }\n};\nSegmentButton.style = {\n ios: segmentButtonIosCss,\n md: segmentButtonMdCss\n};\n\nexport { Segment as ion_segment, SegmentButton as ion_segment_button };\n"]} |