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","ev","preventDefault","Date","now","onFocus","emit","onBlur","isChecked","emitStyle","gesture","enable","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","onMove","onEnd","disabledChanged","destroy","undefined","setFocus","detail","shouldToggle","document","deltaX","event","stopImmediatePropagation","focusEl","focus","color","mode","label","labelId","labelText","getValue","role","part","htmlFor","type","id","ref","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-e806d1f6.js';\nimport { b as getIonMode } from './ionic-global-9d5c8ee3.js';\nimport { c as getAriaLabel, d as renderHiddenInput } from './helpers-90f46169.js';\nimport { c as hapticSelection } from './haptic-27b3f981.js';\nimport { c as createColorClasses, h as hostContext } from './theme-ff3fc52f.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}label{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;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.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}label{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;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.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 = (ev) => {\n ev.preventDefault();\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-f49d994d.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.focusEl) {\n this.focusEl.focus();\n }\n }\n render() {\n const { activated, color, checked, disabled, el, inputId, name } = this;\n const mode = getIonMode(this);\n const { label, labelId, labelText } = getAriaLabel(el, inputId);\n const value = this.getValue();\n renderHiddenInput(true, el, name, (checked ? value : ''), disabled);\n return (h(Host, { onClick: this.onClick, \"aria-labelledby\": label ? labelId : null, \"aria-checked\": `${checked}`, \"aria-hidden\": disabled ? 'true' : null, role: \"switch\", 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(\"label\", { htmlFor: inputId }, labelText), h(\"input\", { type: \"checkbox\", role: \"switch\", \"aria-checked\": `${checked}`, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: focusEl => this.focusEl = focusEl })));\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"]} |