1 line
21 KiB
Plaintext
1 line
21 KiB
Plaintext
{"version":3,"sources":["webpack:///node_modules/@ionic/core/dist/esm/ion-toggle.entry.js"],"names":["toggleIosCss","toggleMdCss","Toggle","hostRef","ionChange","ionFocus","ionBlur","ionStyle","inputId","toggleIds","lastDrag","activated","name","checked","disabled","value","onClick","Date","now","onFocus","emit","onBlur","isChecked","emitStyle","gesture","enable","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","onMove","ev","onEnd","disabledChanged","destroy","undefined","setFocus","detail","shouldToggle","document","deltaX","event","preventDefault","stopImmediatePropagation","buttonEl","focus","color","mode","labelId","label","getValue","id","role","part","type","ref","btnEl","doc","margin","isRTL","dir","style","ios","md"],"mappings":"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","file":"41-es5.js","sourcesContent":["import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from './index-92848855.js';\nimport { b as getIonMode } from './ionic-global-23e7365a.js';\nimport { f as findItemLabel, a as renderHiddenInput } from './helpers-5c745fbd.js';\nimport { c as hapticSelection } from './haptic-7b8ba70a.js';\nimport { c as createColorClasses, h as hostContext } from './theme-5641d27f.js';\n\nconst toggleIosCss = \":host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}[dir=rtl] button,:host-context([dir=rtl]) button{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--background);pointer-events:none;overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--background-checked)}.toggle-inner{left:var(--handle-spacing);border-radius:var(--handle-border-radius);position:absolute;width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}[dir=rtl] .toggle-inner,:host-context([dir=rtl]) .toggle-inner{left:unset;right:unset;right:var(--handle-spacing)}:host(.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-checked .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);background:var(--handle-background-checked)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-inner,:host-context([dir=rtl]).toggle-checked .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - (var(--handle-spacing) * 2));--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;width:51px;height:32px;contain:strict;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}.toggle-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}.toggle-inner{will-change:transform}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-activated.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0);transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host-context([dir=rtl]):host(.toggle-activated.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-activated.toggle-checked .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.in-item[slot]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:20px;padding-right:10px;padding-top:6px;padding-bottom:5px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot]){padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:10px;padding-inline-end:10px}}:host(.in-item[slot=start]){padding-left:0;padding-right:16px;padding-top:6px;padding-bottom:5px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px}}\";\n\nconst toggleMdCss = \":host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;outline:none;contain:content;cursor:pointer;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}[dir=rtl] button,:host-context([dir=rtl]) button{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--background);pointer-events:none;overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--background-checked)}.toggle-inner{left:var(--handle-spacing);border-radius:var(--handle-border-radius);position:absolute;width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}[dir=rtl] .toggle-inner,:host-context([dir=rtl]) .toggle-inner{left:unset;right:unset;right:var(--handle-spacing)}:host(.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-icon-wrapper,:host-context([dir=rtl]).toggle-checked .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);background:var(--handle-background-checked)}:host-context([dir=rtl]):host(.toggle-checked) .toggle-inner,:host-context([dir=rtl]).toggle-checked .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1);padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host(.ion-color.toggle-checked) .toggle-icon{background:rgba(var(--ion-color-base-rgb), 0.5)}:host(.ion-color.toggle-checked) .toggle-inner{background:var(--ion-color-base)}.toggle-icon{-webkit-transition:background-color 160ms;transition:background-color 160ms}.toggle-inner{will-change:background-color, transform}:host(.toggle-disabled){opacity:0.3}:host(.in-item[slot]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:16px;padding-right:0;padding-top:12px;padding-bottom:12px;cursor:pointer}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot]){padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0}}:host(.in-item[slot=start]){padding-left:2px;padding-right:18px;padding-top:12px;padding-bottom:12px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){padding-left:unset;padding-right:unset;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px}}\";\n\nconst Toggle = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionChange = createEvent(this, \"ionChange\", 7);\n this.ionFocus = createEvent(this, \"ionFocus\", 7);\n this.ionBlur = createEvent(this, \"ionBlur\", 7);\n this.ionStyle = createEvent(this, \"ionStyle\", 7);\n this.inputId = `ion-tg-${toggleIds++}`;\n this.lastDrag = 0;\n this.activated = false;\n /**\n * The name of the control, which is submitted with the form data.\n */\n this.name = this.inputId;\n /**\n * If `true`, the toggle is selected.\n */\n this.checked = false;\n /**\n * If `true`, the user cannot interact with the toggle.\n */\n this.disabled = false;\n /**\n * The value of the toggle does not mean if it's checked or not, use the `checked`\n * property for that.\n *\n * The value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\n * it's only used when the toggle participates in a native `<form>`.\n */\n this.value = 'on';\n this.onClick = () => {\n if (this.lastDrag + 300 < Date.now()) {\n this.checked = !this.checked;\n }\n };\n this.onFocus = () => {\n this.ionFocus.emit();\n };\n this.onBlur = () => {\n this.ionBlur.emit();\n };\n }\n checkedChanged(isChecked) {\n this.ionChange.emit({\n checked: isChecked,\n value: this.value\n });\n }\n disabledChanged() {\n this.emitStyle();\n if (this.gesture) {\n this.gesture.enable(!this.disabled);\n }\n }\n async connectedCallback() {\n this.gesture = (await import('./index-eea61379.js')).createGesture({\n el: this.el,\n gestureName: 'toggle',\n gesturePriority: 100,\n threshold: 5,\n passive: false,\n onStart: () => this.onStart(),\n onMove: ev => this.onMove(ev),\n onEnd: ev => this.onEnd(ev),\n });\n this.disabledChanged();\n }\n disconnectedCallback() {\n if (this.gesture) {\n this.gesture.destroy();\n this.gesture = undefined;\n }\n }\n componentWillLoad() {\n this.emitStyle();\n }\n emitStyle() {\n this.ionStyle.emit({\n 'interactive-disabled': this.disabled,\n });\n }\n onStart() {\n this.activated = true;\n // touch-action does not work in iOS\n this.setFocus();\n }\n onMove(detail) {\n if (shouldToggle(document, this.checked, detail.deltaX, -10)) {\n this.checked = !this.checked;\n hapticSelection();\n }\n }\n onEnd(ev) {\n this.activated = false;\n this.lastDrag = Date.now();\n ev.event.preventDefault();\n ev.event.stopImmediatePropagation();\n }\n getValue() {\n return this.value || '';\n }\n setFocus() {\n if (this.buttonEl) {\n this.buttonEl.focus();\n }\n }\n render() {\n const { inputId, disabled, checked, activated, color, el } = this;\n const mode = getIonMode(this);\n const labelId = inputId + '-lbl';\n const label = findItemLabel(el);\n const value = this.getValue();\n if (label) {\n label.id = labelId;\n }\n renderHiddenInput(true, el, this.name, (checked ? value : ''), disabled);\n return (h(Host, { onClick: this.onClick, role: \"checkbox\", \"aria-disabled\": disabled ? 'true' : null, \"aria-checked\": `${checked}`, \"aria-labelledby\": labelId, class: createColorClasses(color, {\n [mode]: true,\n 'in-item': hostContext('ion-item', el),\n 'toggle-activated': activated,\n 'toggle-checked': checked,\n 'toggle-disabled': disabled,\n 'interactive': true\n }) }, h(\"div\", { class: \"toggle-icon\", part: \"track\" }, h(\"div\", { class: \"toggle-icon-wrapper\" }, h(\"div\", { class: \"toggle-inner\", part: \"handle\" }))), h(\"button\", { type: \"button\", onFocus: this.onFocus, onBlur: this.onBlur, disabled: disabled, ref: btnEl => this.buttonEl = btnEl, \"aria-hidden\": \"true\" })));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"checked\": [\"checkedChanged\"],\n \"disabled\": [\"disabledChanged\"]\n }; }\n};\nconst shouldToggle = (doc, checked, deltaX, margin) => {\n const isRTL = doc.dir === 'rtl';\n if (checked) {\n return (!isRTL && (margin > deltaX)) ||\n (isRTL && (-margin < deltaX));\n }\n else {\n return (!isRTL && (-margin < deltaX)) ||\n (isRTL && (margin > deltaX));\n }\n};\nlet toggleIds = 0;\nToggle.style = {\n ios: toggleIosCss,\n md: toggleMdCss\n};\n\nexport { Toggle as ion_toggle };\n"]} |