@tylertech/forge 2.13.0-next.0 → 2.13.1
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/README.md +1 -1
- package/custom-elements.json +117 -108
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chunks/{chunk.32SMESZX.js → chunk.4RNKUXN3.js} +2 -2
- package/dist/esm/chunks/{chunk.32SMESZX.js.map → chunk.4RNKUXN3.js.map} +0 -0
- package/dist/esm/chunks/{chunk.Z5P6EA5L.js → chunk.6QMDYUVT.js} +2 -2
- package/dist/esm/chunks/{chunk.Z5P6EA5L.js.map → chunk.6QMDYUVT.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WUIIZZQD.js → chunk.6VYFW76H.js} +2 -2
- package/dist/esm/chunks/{chunk.WUIIZZQD.js.map → chunk.6VYFW76H.js.map} +0 -0
- package/dist/esm/chunks/{chunk.D3DLVPPE.js → chunk.73G2CH2D.js} +2 -2
- package/dist/esm/chunks/{chunk.D3DLVPPE.js.map → chunk.73G2CH2D.js.map} +0 -0
- package/dist/esm/chunks/chunk.75LTLEZ7.js +7 -0
- package/dist/esm/chunks/chunk.75LTLEZ7.js.map +7 -0
- package/dist/esm/chunks/{chunk.G5Q2CUUE.js → chunk.AVIF5W7A.js} +2 -2
- package/dist/esm/chunks/{chunk.G5Q2CUUE.js.map → chunk.AVIF5W7A.js.map} +0 -0
- package/dist/esm/chunks/{chunk.KGW63HJX.js → chunk.CNL6EUCO.js} +2 -2
- package/dist/esm/chunks/{chunk.KGW63HJX.js.map → chunk.CNL6EUCO.js.map} +0 -0
- package/dist/esm/chunks/{chunk.K32ME33N.js → chunk.D3LMXSX6.js} +2 -2
- package/dist/esm/chunks/{chunk.K32ME33N.js.map → chunk.D3LMXSX6.js.map} +0 -0
- package/dist/esm/chunks/{chunk.E4ZTNVXI.js → chunk.DPCNIOLL.js} +2 -2
- package/dist/esm/chunks/{chunk.E4ZTNVXI.js.map → chunk.DPCNIOLL.js.map} +0 -0
- package/dist/esm/chunks/chunk.EJ4ASQET.js +7 -0
- package/dist/esm/chunks/chunk.EJ4ASQET.js.map +7 -0
- package/dist/esm/chunks/{chunk.F3W3XMGT.js → chunk.ELS7SQAV.js} +2 -2
- package/dist/esm/chunks/{chunk.F3W3XMGT.js.map → chunk.ELS7SQAV.js.map} +0 -0
- package/dist/esm/chunks/{chunk.DML4YNQF.js → chunk.HSJQA42U.js} +2 -2
- package/dist/esm/chunks/{chunk.DML4YNQF.js.map → chunk.HSJQA42U.js.map} +2 -2
- package/dist/esm/chunks/{chunk.DGOV5RDW.js → chunk.HUWXZ4ZN.js} +2 -2
- package/dist/esm/chunks/{chunk.DGOV5RDW.js.map → chunk.HUWXZ4ZN.js.map} +2 -2
- package/dist/esm/chunks/chunk.KLK2FBDP.js +7 -0
- package/dist/esm/chunks/chunk.KLK2FBDP.js.map +7 -0
- package/dist/esm/chunks/{chunk.NTFA7FCB.js → chunk.LV7GGIUI.js} +2 -2
- package/dist/esm/chunks/{chunk.NTFA7FCB.js.map → chunk.LV7GGIUI.js.map} +0 -0
- package/dist/esm/chunks/{chunk.VH3PVW2V.js → chunk.NLZKJ53B.js} +2 -2
- package/dist/esm/chunks/{chunk.VH3PVW2V.js.map → chunk.NLZKJ53B.js.map} +0 -0
- package/dist/esm/chunks/chunk.NNGE722W.js +7 -0
- package/dist/esm/chunks/chunk.NNGE722W.js.map +7 -0
- package/dist/esm/chunks/{chunk.2ZSAAJDN.js → chunk.O4Y6QT46.js} +2 -2
- package/dist/esm/chunks/{chunk.2ZSAAJDN.js.map → chunk.O4Y6QT46.js.map} +0 -0
- package/dist/esm/chunks/chunk.QOZLQPKE.js +7 -0
- package/dist/esm/chunks/chunk.QOZLQPKE.js.map +7 -0
- package/dist/esm/chunks/{chunk.SZL74RTY.js → chunk.VWSC3NDJ.js} +2 -2
- package/dist/esm/chunks/{chunk.SZL74RTY.js.map → chunk.VWSC3NDJ.js.map} +0 -0
- package/dist/esm/chunks/chunk.WQE6OCJR.js +7 -0
- package/dist/esm/chunks/chunk.WQE6OCJR.js.map +7 -0
- package/dist/esm/chunks/{chunk.V7P3QPNM.js → chunk.Y7Q6QI5V.js} +2 -2
- package/dist/esm/chunks/{chunk.V7P3QPNM.js.map → chunk.Y7Q6QI5V.js.map} +2 -2
- package/dist/esm/chunks/chunk.YPUWII7L.js +7 -0
- package/dist/esm/chunks/{chunk.5PQTSZ7G.js.map → chunk.YPUWII7L.js.map} +2 -2
- package/dist/esm/chunks/chunk.ZMH4OL2E.js +7 -0
- package/dist/esm/chunks/{chunk.CYJBOJMX.js.map → chunk.ZMH4OL2E.js.map} +2 -2
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/list/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/option/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/esm/chip-field/chip-field.js +1 -1
- package/esm/date-range-picker/date-range-picker-foundation.d.ts +1 -0
- package/esm/date-range-picker/date-range-picker-foundation.js +13 -1
- package/esm/dialog/dialog-adapter.d.ts +5 -5
- package/esm/dialog/dialog-adapter.js +31 -30
- package/esm/dialog/dialog-foundation.d.ts +2 -4
- package/esm/dialog/dialog-foundation.js +38 -55
- package/esm/dialog/dialog.d.ts +0 -4
- package/esm/dialog/dialog.js +1 -7
- package/esm/file-picker/file-picker.js +1 -1
- package/esm/list/list-item/list-item-adapter.d.ts +10 -2
- package/esm/list/list-item/list-item-adapter.js +14 -4
- package/esm/list/list-item/list-item-foundation.js +17 -4
- package/esm/list/list-item/list-item.d.ts +1 -1
- package/esm/list/list-item/list-item.js +1 -1
- package/esm/select/core/base-select-adapter.js +11 -1
- package/esm/select/core/base-select-foundation.js +7 -3
- package/esm/select/option/option-constants.d.ts +3 -0
- package/esm/select/option/option-constants.js +5 -1
- package/esm/select/option/option-foundation.d.ts +2 -2
- package/esm/select/option/option-foundation.js +1 -0
- package/esm/select/select/select.js +1 -1
- package/esm/split-view/split-view/split-view-constants.d.ts +0 -1
- package/esm/split-view/split-view-panel/split-view-panel-adapter.d.ts +4 -1
- package/esm/split-view/split-view-panel/split-view-panel-adapter.js +17 -6
- package/esm/split-view/split-view-panel/split-view-panel-constants.d.ts +1 -0
- package/esm/split-view/split-view-panel/split-view-panel-constants.js +2 -1
- package/esm/split-view/split-view-panel/split-view-panel-foundation.js +1 -4
- package/esm/split-view/split-view-panel/split-view-panel-utils.d.ts +6 -0
- package/esm/split-view/split-view-panel/split-view-panel-utils.js +17 -0
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/switch/switch.d.ts +1 -0
- package/esm/switch/switch.js +13 -9
- package/esm/text-field/text-field.js +1 -1
- package/package.json +1 -1
- package/styles/field/_base.scss +4 -2
- package/styles/field/_variables.scss +0 -3
- package/dist/esm/chunks/chunk.5D6UB4DL.js +0 -7
- package/dist/esm/chunks/chunk.5D6UB4DL.js.map +0 -7
- package/dist/esm/chunks/chunk.5PQTSZ7G.js +0 -7
- package/dist/esm/chunks/chunk.7JTKKFL4.js +0 -7
- package/dist/esm/chunks/chunk.7JTKKFL4.js.map +0 -7
- package/dist/esm/chunks/chunk.CYJBOJMX.js +0 -7
- package/dist/esm/chunks/chunk.IGMTMR3D.js +0 -7
- package/dist/esm/chunks/chunk.IGMTMR3D.js.map +0 -7
- package/dist/esm/chunks/chunk.TCCPCDJK.js +0 -7
- package/dist/esm/chunks/chunk.TCCPCDJK.js.map +0 -7
- package/dist/esm/chunks/chunk.VQKRN5IQ.js +0 -7
- package/dist/esm/chunks/chunk.VQKRN5IQ.js.map +0 -7
- package/dist/esm/chunks/chunk.YK2PXI6D.js +0 -7
- package/dist/esm/chunks/chunk.YK2PXI6D.js.map +0 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/text-field/text-field-adapter.ts", "../../src/text-field/text-field-foundation.ts", "../../src/text-field/text-field.ts", "../../src/text-field/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { addClass, listenOwnProperty, getActiveElement, createElementAttributeObserver } from '@tylertech/forge-core';\nimport { ITextFieldComponent } from './text-field';\nimport { FieldAdapter, IFieldAdapter } from '../field/field-adapter';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FIELD_CONSTANTS } from '../field/field-constants';\n\nexport interface ITextFieldAdapter extends IFieldAdapter {\n detectTextarea(): void;\n}\n\nexport class TextFieldAdapter extends FieldAdapter implements ITextFieldAdapter {\n protected _inputElements: Array<HTMLInputElement|HTMLTextAreaElement>;\n protected _inputMutationObserverInstances: MutationObserver[] = [];\n\n constructor(component: ITextFieldComponent) {\n super(component);\n }\n\n public initialize(): void {\n super.initialize(TEXT_FIELD_CONSTANTS.selectors.ROOT);\n this._inputElements = Array.from(this._component.querySelectorAll('input:not([type=checkbox]):not([type=radio]), textarea'));\n if (this._inputElements.length > 1) {\n this._handleMultiInputs();\n }\n }\n\n public override destroy(): void {\n super.destroy();\n if (this._inputMutationObserverInstances) {\n this._inputMutationObserverInstances.forEach(mo => mo.disconnect());\n }\n }\n\n public detectTextarea(): void {\n this._applyToInputs(input => {\n if (input instanceof HTMLTextAreaElement) {\n this._rootElement.classList.add(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n } else {\n this._rootElement.classList.remove(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n }\n });\n }\n\n public override ensureLabelOrder(): void {\n if (this._labelElement) {\n const children = Array.from(this._component.children);\n if (children.length > 1 && children.indexOf(this._labelElement) < children.indexOf(this._inputElements[0])) {\n this._component.appendChild(this._labelElement);\n }\n }\n }\n\n public override addInputListener(type: string, listener: (evt: Event) => void): void {\n this._applyToInputs(input => input.addEventListener(type, listener));\n }\n public override removeInputListener(type: string, listener: (evt: Event) => void): void {\n if (this._inputElements && this._inputElements.length > 0) {\n this._applyToInputs(input => input.removeEventListener(type, listener));\n }\n }\n\n public override setValueChangedListener(context: any, listener: (value: any) => void): void {\n this.destroyValueChangeListener();\n this._applyToInputs(input => {\n const destroyListener = listenOwnProperty(context, input, 'value', listener);\n this._valueChangeListeners.push(destroyListener);\n });\n }\n\n public override inputHasValue(): boolean {\n return this._inputsSome(input => input.value ? input.value.trim().length > 0 : false);\n }\n\n public override hasPlaceholder(): boolean {\n return this._inputsSome(input => input.placeholder ? input.placeholder.trim().length > 0 : false);\n }\n\n public override inputHasFocus(): boolean {\n return this._inputsSome(input => input === getActiveElement());\n }\n\n public override setInputClass(className: string): void {\n this._applyToInputs(input => input.classList.add(className));\n }\n\n public override removeInputClass(className: string): void {\n this._applyToInputs(input => input.classList.remove(className));\n }\n\n public override setInputAttributeObserver(listener: (name: string, value: string) => void): void {\n this._applyToInputs(input => {\n const observer = createElementAttributeObserver(input, listener, FIELD_CONSTANTS.observedInputAttributes);\n this._inputMutationObserverInstances.push(observer);\n });\n }\n\n public override isDisabled(): boolean {\n return this._inputsSome(input => input.hasAttribute('disabled'));\n }\n\n public override isReadonly(): boolean {\n return this._inputsSome(input => input.hasAttribute('readonly'));\n }\n\n protected _inputsSome(action: (input: HTMLInputElement) => boolean): boolean {\n return this._inputElements.some(action);\n }\n\n protected _applyToInputs(action: (input: HTMLInputElement, index: number) => void): void {\n this._inputElements.forEach(action);\n }\n\n protected _handleMultiInputs(): void {\n addClass(TEXT_FIELD_CONSTANTS.classes.MULTI_INPUT, this._rootElement);\n this._applyToInputs((input, index) => {\n input.setAttribute(`${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-${index.toString()}`, '');\n if (index % 2 !== 1) {\n Promise.resolve().then(() => input.insertAdjacentElement('afterend', this._createSeperatorElement()));\n }\n });\n }\n\n private _createSeperatorElement(): HTMLElement {\n const divider = document.createElement('span');\n divider.setAttribute(TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT_SEPARATOR, '');\n divider.textContent = '-';\n return divider;\n }\n}\n", "import { ITextFieldAdapter } from './text-field-adapter';\nimport { FieldFoundation, IFieldFoundation } from '../field/field-foundation';\n\nexport interface ITextFieldFoundation extends IFieldFoundation {}\n\nexport class TextFieldFoundation extends FieldFoundation implements ITextFieldFoundation {\n constructor(protected _adapter: ITextFieldAdapter) {\n super(_adapter);\n }\n\n public initialize(): void {\n super.initialize();\n this._adapter.detectTextarea();\n }\n}\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { TextFieldAdapter } from './text-field-adapter';\nimport { TextFieldFoundation } from './text-field-foundation';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FieldComponent, IFieldComponent } from '../field/field';\n\nconst template = '<template><div class=\\\"forge-text-field__wrapper\\\" part=\\\"root\\\"><div class=\\\"forge-text-field forge-field\\\" part=\\\"container\\\"><div class=\\\"forge-text-field__leading-container\\\" part=\\\"leading-container\\\"><slot name=\\\"leading\\\"></slot></div><div class=\\\"forge-field__label-input-container\\\" part=\\\"label-input-container\\\"><slot></slot><slot name=\\\"label\\\"></slot></div><slot name=\\\"trailing\\\"></slot><div class=\\\"forge-field__addon-end-container\\\" part=\\\"addon-end-container\\\"><slot name=\\\"addon-end\\\"></slot></div></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-field::before{content:\\\"\\\";display:-webkit-box;display:flex;position:absolute;top:0;right:0;left:0;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:100%;pointer-events:none;border-style:solid;border-width:1px;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);background-color:transparent;background-color:var(--forge-text-field-theme-background,transparent);text-align:left}.forge-field[dir=rtl]::before,[dir=rtl] .forge-field::before{text-align:right}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused)::before{border-color:rgba(0,0,0,.38);border-color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused):hover::before{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled)::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-field--invalid:not(.forge-field--disabled)::before{border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-field--invalid:not(.forge-field--disabled):not(.forge-field--focused):hover::before{border-color:#db8a98;border-color:var(--forge-theme-error-hover,#db8a98)}.forge-field--disabled::before{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--shape-rounded){border-radius:4px}.forge-field:not(.forge-field--shape-rounded)::before{border-radius:4px}.forge-field--shape-rounded{border-radius:28px}.forge-field--shape-rounded::before{border-radius:28px}.forge-field--disabled::before{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-field--focused::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);border-width:2px}.forge-field__label-input-container{position:relative;-webkit-box-flex:1;flex:1 1 0.0001px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;min-width:0}.forge-field ::slotted(label){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65));pointer-events:none;right:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);font-size:var(--mdc-typography-subtitle1-font-size, 1rem);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;-webkit-transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)}.forge-field ::slotted(label[dir=rtl]),[dir=rtl] .forge-field ::slotted(label){right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.forge-field--dense:not(.forge-field--roomy) ::slotted(label){display:none}.forge-field--required ::slotted(label)::after{content:none}.forge-field--required ::slotted(label)::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:4px}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){font-size:1rem}.forge-field--disabled ::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){top:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){top:1.285rem}.forge-field:not(.forge-field--shape-rounded):not(.forge-field--leading) ::slotted(label){left:12px!important}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(label){left:32px!important}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end):not(.forge-field--shape-rounded) ::slotted(label){padding-right:12px}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end).forge-field--shape-rounded ::slotted(label){padding-right:32px}.forge-field ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65))}.forge-field--disabled ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.54rem) scale(.8125);transform:translateY(-.54rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.72rem) scale(.8125);transform:translateY(-.72rem) scale(.8125);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.62rem) scale(1);transform:translateY(-.62rem) scale(1);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.8rem) scale(1);transform:translateY(-.8rem) scale(1);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.62rem) scale(.8125);transform:translateY(-.62rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.8rem) scale(.8125);transform:translateY(-.8rem) scale(.8125);cursor:auto}.forge-field ::slotted(input){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0}.forge-field ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-field ::slotted(input):-webkit-autofill{z-index:auto!important}.forge-field:not(.forge-field--disabled) ::slotted(input){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--disabled ::slotted(input){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){font-size:1rem;font-size:var(--forge-field-font-size, 1rem)}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){font-size:1rem;font-size:var(--forge-field-font-size, 1rem)}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){font-size:.875rem;font-size:var(--forge-field-font-size, .875rem)}.forge-field ::slotted(input){padding:0 12px}.forge-field--label ::slotted(input){padding-top:24px}.forge-field--roomy.forge-field--label ::slotted(input){padding-top:29px}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(input){padding-left:32px}.forge-field--leading ::slotted(input){padding-left:0}.forge-field--label ::slotted(input){padding-bottom:3px}.forge-field--roomy.forge-field--label ::slotted(input){padding-bottom:8px}.forge-field--shape-rounded:not(.forge-field--trailing):not(.forge-field--addon-end) ::slotted(input){padding-right:32px}.forge-field--addon-end ::slotted(input),.forge-field--trailing ::slotted(input){padding-right:0}.forge-field~::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);display:block;height:auto}.forge-field~::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field--roomy:not(.forge-field--dense)~::slotted([slot=helper-text]){font-size:.875rem}.forge-field--dense:not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field~::slotted([slot=helper-text]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled)~::slotted([slot=helper-text]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field:not(.forge-field--shape-rounded)~::slotted([slot=helper-text]){margin-left:12px}.forge-field--shape-rounded~::slotted([slot=helper-text]){margin-left:32px}.forge-field ::slotted([slot=leading]){display:-webkit-box;display:flex;align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=leading]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=leading]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=leading]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=leading]){margin:0 4px}.forge-field ::slotted([slot=leading]:not(forge-icon-button)){padding:6px}.forge-field ::slotted([slot=trailing]){align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=trailing]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=trailing]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=trailing]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=trailing]){margin:0 4px}.forge-field ::slotted([slot=trailing]:not(forge-icon-button)){padding:6px}.forge-field__addon-end-container{display:none}.forge-field--addon-end .forge-field__addon-end-container{height:100%;width:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0 4px;border-left-width:1px;border-left-style:solid;-webkit-transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.54);border-left-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container:hover{border-left-color:rgba(0,0,0,.87);border-left-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#3f51b5;border-left-color:var(--mdc-theme-primary,#3f51b5)}.forge-field.forge-field--invalid:not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#b00020;border-left-color:var(--mdc-theme-error,#b00020)}.forge-field.forge-field--invalid:not(.forge-field--focused):not(.forge-field--disabled) .forge-field__addon-end-container:hover{border-left-color:#db8a98;border-left-color:var(--forge-theme-error-hover,#db8a98)}.forge-field.forge-field--disabled .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.12);border-left-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=addon-end]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=addon-end]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=addon-end]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-text-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;z-index:1;z-index:var(--forge-z-index-surface,1);margin-top:0;margin-top:var(--forge-text-field-margin-top,0)}.forge-text-field.forge-field--disabled{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5);cursor:not-allowed}.forge-text-field:not(.forge-text-field--textarea):not(.forge-field--dense):not(.forge-field--roomy){height:3rem;height:var(--forge-text-field-height,3rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--roomy:not(.forge-field--dense){height:3.5rem;height:var(--forge-text-field-height,3.5rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--dense:not(.forge-field--roomy){height:1.5rem;height:var(--forge-text-field-height,1.5rem)}.forge-text-field__leading-container{display:-webkit-box;display:flex;align-self:center}.forge-text-field--multi-input ::slotted(input:first-of-type){padding-right:0;max-width:110px;min-width:110px;width:110px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-webkit-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-moz-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type):-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted([data-forge-multi-input-separator]){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));border:transparent}.forge-text-field--multi-input.forge-field--label ::slotted([data-forge-multi-input-separator]){margin:20px 0 0 4px}.forge-text-field--multi-input:not(.forge-field--label) ::slotted([data-forge-multi-input-separator]){margin:0 0 0 4px}.forge-text-field.forge-text-field--textarea{height:auto;padding-right:2px;min-height:3rem;min-height:var(--forge-text-field-height,3rem)}.forge-text-field.forge-text-field--textarea ::slotted(textarea){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0;font-size:1rem;margin:28px 0 0;padding:0 12px 8px;overflow:auto;resize:vertical}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-webkit-autofill{z-index:auto!important}.forge-text-field.forge-text-field--textarea:not(.forge-field--disabled) ::slotted(textarea){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-text-field.forge-text-field--textarea.forge-field--disabled ::slotted(textarea){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}:host{display:block;contain:layout}:host([hidden]){display:none}';\n\nexport interface ITextFieldComponent extends IFieldComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-text-field': ITextFieldComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-text-field>` custom element.\n * \n * @tag forge-text-field\n */\n@CustomElement({\n name: TEXT_FIELD_CONSTANTS.elementName\n})\nexport class TextFieldComponent extends FieldComponent<TextFieldFoundation> implements ITextFieldComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new TextFieldFoundation(new TextFieldAdapter(this));\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { TextFieldComponent } from './text-field';\n\nexport * from './text-field-adapter';\nexport * from './text-field-component-delegate';\nexport * from './text-field-constants';\nexport * from './text-field-foundation';\nexport * from './text-field';\n\nexport function defineTextFieldComponent(): void {\n defineCustomElement(TextFieldComponent);\n}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { addClass, listenOwnProperty, getActiveElement, createElementAttributeObserver } from '@tylertech/forge-core';\nimport { ITextFieldComponent } from './text-field';\nimport { FieldAdapter, IFieldAdapter } from '../field/field-adapter';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FIELD_CONSTANTS } from '../field/field-constants';\n\nexport interface ITextFieldAdapter extends IFieldAdapter {\n detectTextarea(): void;\n}\n\nexport class TextFieldAdapter extends FieldAdapter implements ITextFieldAdapter {\n protected _inputElements: Array<HTMLInputElement|HTMLTextAreaElement>;\n protected _inputMutationObserverInstances: MutationObserver[] = [];\n\n constructor(component: ITextFieldComponent) {\n super(component);\n }\n\n public initialize(): void {\n super.initialize(TEXT_FIELD_CONSTANTS.selectors.ROOT);\n this._inputElements = Array.from(this._component.querySelectorAll('input:not([type=checkbox]):not([type=radio]), textarea'));\n if (this._inputElements.length > 1) {\n this._handleMultiInputs();\n }\n }\n\n public override destroy(): void {\n super.destroy();\n if (this._inputMutationObserverInstances) {\n this._inputMutationObserverInstances.forEach(mo => mo.disconnect());\n }\n }\n\n public detectTextarea(): void {\n this._applyToInputs(input => {\n if (input instanceof HTMLTextAreaElement) {\n this._rootElement.classList.add(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n } else {\n this._rootElement.classList.remove(TEXT_FIELD_CONSTANTS.classes.TEXTAREA);\n }\n });\n }\n\n public override ensureLabelOrder(): void {\n if (this._labelElement) {\n const children = Array.from(this._component.children);\n if (children.length > 1 && children.indexOf(this._labelElement) < children.indexOf(this._inputElements[0])) {\n this._component.appendChild(this._labelElement);\n }\n }\n }\n\n public override addInputListener(type: string, listener: (evt: Event) => void): void {\n this._applyToInputs(input => input.addEventListener(type, listener));\n }\n public override removeInputListener(type: string, listener: (evt: Event) => void): void {\n if (this._inputElements && this._inputElements.length > 0) {\n this._applyToInputs(input => input.removeEventListener(type, listener));\n }\n }\n\n public override setValueChangedListener(context: any, listener: (value: any) => void): void {\n this.destroyValueChangeListener();\n this._applyToInputs(input => {\n const destroyListener = listenOwnProperty(context, input, 'value', listener);\n this._valueChangeListeners.push(destroyListener);\n });\n }\n\n public override inputHasValue(): boolean {\n return this._inputsSome(input => input.value ? input.value.trim().length > 0 : false);\n }\n\n public override hasPlaceholder(): boolean {\n return this._inputsSome(input => input.placeholder ? input.placeholder.trim().length > 0 : false);\n }\n\n public override inputHasFocus(): boolean {\n return this._inputsSome(input => input === getActiveElement());\n }\n\n public override setInputClass(className: string): void {\n this._applyToInputs(input => input.classList.add(className));\n }\n\n public override removeInputClass(className: string): void {\n this._applyToInputs(input => input.classList.remove(className));\n }\n\n public override setInputAttributeObserver(listener: (name: string, value: string) => void): void {\n this._applyToInputs(input => {\n const observer = createElementAttributeObserver(input, listener, FIELD_CONSTANTS.observedInputAttributes);\n this._inputMutationObserverInstances.push(observer);\n });\n }\n\n public override isDisabled(): boolean {\n return this._inputsSome(input => input.hasAttribute('disabled'));\n }\n\n public override isReadonly(): boolean {\n return this._inputsSome(input => input.hasAttribute('readonly'));\n }\n\n protected _inputsSome(action: (input: HTMLInputElement) => boolean): boolean {\n return this._inputElements.some(action);\n }\n\n protected _applyToInputs(action: (input: HTMLInputElement, index: number) => void): void {\n this._inputElements.forEach(action);\n }\n\n protected _handleMultiInputs(): void {\n addClass(TEXT_FIELD_CONSTANTS.classes.MULTI_INPUT, this._rootElement);\n this._applyToInputs((input, index) => {\n input.setAttribute(`${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-${index.toString()}`, '');\n if (index % 2 !== 1) {\n Promise.resolve().then(() => input.insertAdjacentElement('afterend', this._createSeperatorElement()));\n }\n });\n }\n\n private _createSeperatorElement(): HTMLElement {\n const divider = document.createElement('span');\n divider.setAttribute(TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT_SEPARATOR, '');\n divider.textContent = '-';\n return divider;\n }\n}\n", "import { ITextFieldAdapter } from './text-field-adapter';\nimport { FieldFoundation, IFieldFoundation } from '../field/field-foundation';\n\nexport interface ITextFieldFoundation extends IFieldFoundation {}\n\nexport class TextFieldFoundation extends FieldFoundation implements ITextFieldFoundation {\n constructor(protected _adapter: ITextFieldAdapter) {\n super(_adapter);\n }\n\n public initialize(): void {\n super.initialize();\n this._adapter.detectTextarea();\n }\n}\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { TextFieldAdapter } from './text-field-adapter';\nimport { TextFieldFoundation } from './text-field-foundation';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { FieldComponent, IFieldComponent } from '../field/field';\n\nconst template = '<template><div class=\\\"forge-text-field__wrapper\\\" part=\\\"root\\\"><div class=\\\"forge-text-field forge-field\\\" part=\\\"container\\\"><div class=\\\"forge-text-field__leading-container\\\" part=\\\"leading-container\\\"><slot name=\\\"leading\\\"></slot></div><div class=\\\"forge-field__label-input-container\\\" part=\\\"label-input-container\\\"><slot></slot><slot name=\\\"label\\\"></slot></div><slot name=\\\"trailing\\\"></slot><div class=\\\"forge-field__addon-end-container\\\" part=\\\"addon-end-container\\\"><slot name=\\\"addon-end\\\"></slot></div></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-field::before{content:\\\"\\\";display:-webkit-box;display:flex;position:absolute;top:0;right:0;left:0;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:100%;pointer-events:none;border-style:solid;border-width:1px;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);background-color:transparent;background-color:var(--forge-text-field-theme-background,transparent);text-align:left}.forge-field[dir=rtl]::before,[dir=rtl] .forge-field::before{text-align:right}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused)::before{border-color:rgba(0,0,0,.38);border-color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused):hover::before{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled)::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-field--invalid:not(.forge-field--disabled)::before{border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-field--invalid:not(.forge-field--disabled):not(.forge-field--focused):hover::before{border-color:#db8a98;border-color:var(--forge-theme-error-hover,#db8a98)}.forge-field--disabled::before{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--shape-rounded){border-radius:4px}.forge-field:not(.forge-field--shape-rounded)::before{border-radius:4px}.forge-field--shape-rounded{border-radius:28px}.forge-field--shape-rounded::before{border-radius:28px}.forge-field--disabled::before{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-field--focused::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);border-width:2px}.forge-field__label-input-container{position:relative;-webkit-box-flex:1;flex:1 1 0.0001px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;min-width:0}.forge-field ::slotted(label){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65));pointer-events:none;right:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);font-size:var(--mdc-typography-subtitle1-font-size, 1rem);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;-webkit-transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)}.forge-field ::slotted(label[dir=rtl]),[dir=rtl] .forge-field ::slotted(label){right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.forge-field--dense:not(.forge-field--roomy) ::slotted(label){display:none}.forge-field--required ::slotted(label)::after{content:none}.forge-field--required ::slotted(label)::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:4px}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){font-size:1rem}.forge-field--disabled ::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){top:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){top:1.285rem}.forge-field:not(.forge-field--shape-rounded):not(.forge-field--leading) ::slotted(label){left:12px!important}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(label){left:32px!important}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end):not(.forge-field--shape-rounded) ::slotted(label){padding-right:12px}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end).forge-field--shape-rounded ::slotted(label){padding-right:32px}.forge-field ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65))}.forge-field--disabled ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.54rem) scale(.8125);transform:translateY(-.54rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.72rem) scale(.8125);transform:translateY(-.72rem) scale(.8125);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.62rem) scale(1);transform:translateY(-.62rem) scale(1);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.8rem) scale(1);transform:translateY(-.8rem) scale(1);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.62rem) scale(.8125);transform:translateY(-.62rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.8rem) scale(.8125);transform:translateY(-.8rem) scale(.8125);cursor:auto}.forge-field ::slotted(input){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0}.forge-field ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-field ::slotted(input):-webkit-autofill{z-index:auto!important}.forge-field:not(.forge-field--disabled) ::slotted(input){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--disabled ::slotted(input){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){font-size:1rem;font-size:var(--forge-field-font-size, 1rem)}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){font-size:1rem;font-size:var(--forge-field-font-size, 1rem)}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){font-size:.875rem;font-size:var(--forge-field-font-size, .875rem)}.forge-field ::slotted(input){padding:0 12px}.forge-field--label ::slotted(input){padding-top:24px}.forge-field--roomy.forge-field--label ::slotted(input){padding-top:29px}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(input){padding-left:32px}.forge-field--leading ::slotted(input){padding-left:0}.forge-field--label ::slotted(input){padding-bottom:3px}.forge-field--roomy.forge-field--label ::slotted(input){padding-bottom:8px}.forge-field--shape-rounded:not(.forge-field--trailing):not(.forge-field--addon-end) ::slotted(input){padding-right:32px}.forge-field--addon-end ::slotted(input),.forge-field--trailing ::slotted(input){padding-right:0}.forge-field~::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);display:block;min-height:1.5rem;line-height:normal;padding-top:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-field:not(.forge-field--dense):not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field--roomy:not(.forge-field--dense)~::slotted([slot=helper-text]){font-size:.875rem}.forge-field--dense:not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field~::slotted([slot=helper-text]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled)~::slotted([slot=helper-text]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field:not(.forge-field--shape-rounded)~::slotted([slot=helper-text]){margin-left:12px}.forge-field--shape-rounded~::slotted([slot=helper-text]){margin-left:32px}.forge-field ::slotted([slot=leading]){display:-webkit-box;display:flex;align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=leading]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=leading]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=leading]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=leading]){margin:0 4px}.forge-field ::slotted([slot=leading]:not(forge-icon-button)){padding:6px}.forge-field ::slotted([slot=trailing]){align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=trailing]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=trailing]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=trailing]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=trailing]){margin:0 4px}.forge-field ::slotted([slot=trailing]:not(forge-icon-button)){padding:6px}.forge-field__addon-end-container{display:none}.forge-field--addon-end .forge-field__addon-end-container{height:100%;width:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0 4px;border-left-width:1px;border-left-style:solid;-webkit-transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.54);border-left-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container:hover{border-left-color:rgba(0,0,0,.87);border-left-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#3f51b5;border-left-color:var(--mdc-theme-primary,#3f51b5)}.forge-field.forge-field--invalid:not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#b00020;border-left-color:var(--mdc-theme-error,#b00020)}.forge-field.forge-field--invalid:not(.forge-field--focused):not(.forge-field--disabled) .forge-field__addon-end-container:hover{border-left-color:#db8a98;border-left-color:var(--forge-theme-error-hover,#db8a98)}.forge-field.forge-field--disabled .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.12);border-left-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=addon-end]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=addon-end]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=addon-end]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-text-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;z-index:1;z-index:var(--forge-z-index-surface,1);margin-top:0;margin-top:var(--forge-text-field-margin-top,0)}.forge-text-field.forge-field--disabled{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5);cursor:not-allowed}.forge-text-field:not(.forge-text-field--textarea):not(.forge-field--dense):not(.forge-field--roomy){height:3rem;height:var(--forge-text-field-height,3rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--roomy:not(.forge-field--dense){height:3.5rem;height:var(--forge-text-field-height,3.5rem)}.forge-text-field:not(.forge-text-field--textarea).forge-field--dense:not(.forge-field--roomy){height:1.5rem;height:var(--forge-text-field-height,1.5rem)}.forge-text-field__leading-container{display:-webkit-box;display:flex;align-self:center}.forge-text-field--multi-input ::slotted(input:first-of-type){padding-right:0;max-width:110px;min-width:110px;width:110px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-webkit-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-moz-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type):-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::-ms-input-placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted(input:last-of-type)::placeholder{padding-left:6px}.forge-text-field--multi-input ::slotted([data-forge-multi-input-separator]){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));border:transparent}.forge-text-field--multi-input.forge-field--label ::slotted([data-forge-multi-input-separator]){margin:20px 0 0 4px}.forge-text-field--multi-input:not(.forge-field--label) ::slotted([data-forge-multi-input-separator]){margin:0 0 0 4px}.forge-text-field.forge-text-field--textarea{height:auto;padding-right:2px;min-height:3rem;min-height:var(--forge-text-field-height,3rem)}.forge-text-field.forge-text-field--textarea ::slotted(textarea){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0;font-size:1rem;margin:28px 0 0;padding:0 12px 8px;overflow:auto;resize:vertical}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-text-field.forge-text-field--textarea ::slotted(textarea):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-text-field.forge-text-field--textarea ::slotted(textarea):-webkit-autofill{z-index:auto!important}.forge-text-field.forge-text-field--textarea:not(.forge-field--disabled) ::slotted(textarea){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-text-field.forge-text-field--textarea.forge-field--disabled ::slotted(textarea){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}:host{display:block;contain:layout}:host([hidden]){display:none}';\n\nexport interface ITextFieldComponent extends IFieldComponent {}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-text-field': ITextFieldComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-text-field>` custom element.\n * \n * @tag forge-text-field\n */\n@CustomElement({\n name: TEXT_FIELD_CONSTANTS.elementName\n})\nexport class TextFieldComponent extends FieldComponent<TextFieldFoundation> implements ITextFieldComponent {\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new TextFieldFoundation(new TextFieldAdapter(this));\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { TextFieldComponent } from './text-field';\n\nexport * from './text-field-adapter';\nexport * from './text-field-component-delegate';\nexport * from './text-field-constants';\nexport * from './text-field-foundation';\nexport * from './text-field';\n\nexport function defineTextFieldComponent(): void {\n defineCustomElement(TextFieldComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright 2022 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{c as U,d as T}from"./chunk.PYG4YVBA.js";import{a as p,b as k,c as g,d as z,e as D,f as X,g as H}from"./chunk.QZHEP4X2.js";import{a as F}from"./chunk.24D46RLZ.js";import{a as B,b as R}from"./chunk.BSZ2LBJX.js";import{a as N}from"./chunk.3E5QKMHL.js";import{a as P,e as A,g as L,i as M}from"./chunk.HN4PXH3D.js";import{t as I,u as y}from"./chunk.R4NDFXVA.js";import{k as C}from"./chunk.G76HB2FK.js";import{f as O}from"./chunk.MCIQXNKY.js";var f;(function(c){c.PROCESSING="mdc-switch--processing",c.SELECTED="mdc-switch--selected",c.UNSELECTED="mdc-switch--unselected"})(f||(f={}));var x;(function(c){c.RIPPLE=".mdc-switch__ripple"})(x||(x={}));function G(c,i,e){var t=Z(c,i),r=t.getObservers(i);return r.push(e),function(){r.splice(r.indexOf(e),1)}}var S=new WeakMap;function Z(c,i){var e=new Map;S.has(c)||S.set(c,{isEnabled:!0,getObservers:function(s){var l=e.get(s)||[];return e.has(s)||e.set(s,l),l},installedProperties:new Set});var t=S.get(c);if(t.installedProperties.has(i))return t;var r=V(c,i)||{configurable:!0,enumerable:!0,value:c[i],writable:!0},o=k({},r),n=r.get,h=r.set;if("value"in r){delete o.value,delete o.writable;var b=r.value;n=function(){return b},r.writable&&(h=function(s){b=s})}return n&&(o.get=function(){return n.call(this)}),h&&(o.set=function(s){var l,E,u=n?n.call(this):s;if(h.call(this,s),t.isEnabled&&(!n||s!==u))try{for(var d=g(t.getObservers(i)),m=d.next();!m.done;m=d.next()){var v=m.value;v(s,u)}}catch(w){l={error:w}}finally{try{m&&!m.done&&(E=d.return)&&E.call(d)}finally{if(l)throw l.error}}}),t.installedProperties.add(i),Object.defineProperty(c,i,o),t}function V(c,i){for(var e=c,t;e&&(t=Object.getOwnPropertyDescriptor(e,i),!t);)e=Object.getPrototypeOf(e);return t}function W(c,i){var e=S.get(c);e&&(e.isEnabled=i)}var j=function(c){p(i,c);function i(e){var t=c.call(this,e)||this;return t.unobserves=new Set,t}return i.prototype.destroy=function(){c.prototype.destroy.call(this),this.unobserve()},i.prototype.observe=function(e,t){var r,o,n=this,h=[];try{for(var b=g(Object.keys(t)),s=b.next();!s.done;s=b.next()){var l=s.value,E=t[l].bind(this);h.push(this.observeProperty(e,l,E))}}catch(d){r={error:d}}finally{try{s&&!s.done&&(o=b.return)&&o.call(b)}finally{if(r)throw r.error}}var u=function(){var d,m;try{for(var v=g(h),w=v.next();!w.done;w=v.next()){var K=w.value;K()}}catch(Q){d={error:Q}}finally{try{w&&!w.done&&(m=v.return)&&m.call(v)}finally{if(d)throw d.error}}n.unobserves.delete(u)};return this.unobserves.add(u),u},i.prototype.observeProperty=function(e,t,r){return G(e,t,r)},i.prototype.setObserversEnabled=function(e,t){W(e,t)},i.prototype.unobserve=function(){var e,t;try{for(var r=g(D([],z(this.unobserves))),o=r.next();!o.done;o=r.next()){var n=o.value;n()}}catch(h){e={error:h}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}},i}(X);var ee=function(c){p(i,c);function i(e){var t=c.call(this,e)||this;return t.handleClick=t.handleClick.bind(t),t}return i.prototype.init=function(){this.observe(this.adapter.state,{disabled:this.stopProcessingIfDisabled,processing:this.stopProcessingIfDisabled})},i.prototype.handleClick=function(){this.adapter.state.disabled||(this.adapter.state.selected=!this.adapter.state.selected)},i.prototype.stopProcessingIfDisabled=function(){this.adapter.state.disabled&&(this.adapter.state.processing=!1)},i}(j);var q=function(c){p(i,c);function i(){return c!==null&&c.apply(this,arguments)||this}return i.prototype.init=function(){c.prototype.init.call(this),this.observe(this.adapter.state,{disabled:this.onDisabledChange,processing:this.onProcessingChange,selected:this.onSelectedChange})},i.prototype.initFromDOM=function(){this.setObserversEnabled(this.adapter.state,!1),this.adapter.state.selected=this.adapter.hasClass(f.SELECTED),this.onSelectedChange(),this.adapter.state.disabled=this.adapter.isDisabled(),this.adapter.state.processing=this.adapter.hasClass(f.PROCESSING),this.setObserversEnabled(this.adapter.state,!0),this.stopProcessingIfDisabled()},i.prototype.onDisabledChange=function(){this.adapter.setDisabled(this.adapter.state.disabled)},i.prototype.onProcessingChange=function(){this.toggleClass(this.adapter.state.processing,f.PROCESSING)},i.prototype.onSelectedChange=function(){this.adapter.setAriaChecked(String(this.adapter.state.selected)),this.toggleClass(this.adapter.state.selected,f.SELECTED),this.toggleClass(!this.adapter.state.selected,f.UNSELECTED)},i.prototype.toggleClass=function(e,t){e?this.adapter.addClass(t):this.adapter.removeClass(t)},i}(ee);var Y=function(c){p(i,c);function i(e,t){var r=c.call(this,e,t)||this;return r.root=e,r}return i.attachTo=function(e){return new i(e)},i.prototype.initialize=function(){this.ripple=new T(this.root,this.createRippleFoundation())},i.prototype.initialSyncWithDOM=function(){var e=this.root.querySelector(x.RIPPLE);if(!e)throw new Error("Switch "+x.RIPPLE+" element is required.");this.rippleElement=e,this.root.addEventListener("click",this.foundation.handleClick),this.foundation.initFromDOM()},i.prototype.destroy=function(){c.prototype.destroy.call(this),this.ripple.destroy(),this.root.removeEventListener("click",this.foundation.handleClick)},i.prototype.getDefaultFoundation=function(){return new q(this.createAdapter())},i.prototype.createAdapter=function(){var e=this;return{addClass:function(t){e.root.classList.add(t)},hasClass:function(t){return e.root.classList.contains(t)},isDisabled:function(){return e.root.disabled},removeClass:function(t){e.root.classList.remove(t)},setAriaChecked:function(t){return e.root.setAttribute("aria-checked",t)},setDisabled:function(t){e.root.disabled=t},state:this}},i.prototype.createRippleFoundation=function(){return new U(this.createRippleAdapter())},i.prototype.createRippleAdapter=function(){var e=this;return k(k({},T.createAdapter(this)),{computeBoundingRect:function(){return e.rippleElement.getBoundingClientRect()},isUnbounded:function(){return!0}})},i}(H);var $=`${R}switch`,te={LABEL_START:"forge-switch--label-position-start"},ie={BUTTON:".mdc-switch",CONTAINER:".forge-switch__container"},ce={DENSE:"dense",DISABLED:"disabled",SELECTED:"selected",LABEL_POSITION:"label-position",BUTTON_ARIA_LABEL:"button-aria-label"},re={SELECT:`${$}-select`},a={classes:te,selectors:ie,attributes:ce,elementName:$,events:re};var ae='<template><div class="forge-switch__container" part="root"><button id="switch-btn" class="mdc-switch" type="button" role="switch" aria-checked="false" aria-labelledby="switch-label" part="button"><div class="mdc-switch__track" part="track"></div><div class="mdc-switch__handle-track" part="handle-track"><div class="mdc-switch__handle" part="handle"><div class="mdc-switch__shadow" part="shadow"><div class="mdc-elevation-overlay" part="overlay"></div></div><div class="mdc-switch__ripple" part="ripple"></div><div class="mdc-switch__icons" part="icons"><svg class="mdc-switch__icon mdc-switch__icon--on" viewBox="0 0 24 24" part="icon-on"><path d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z" part="icon-on-path"/></svg> <svg class="mdc-switch__icon mdc-switch__icon--off" viewBox="0 0 24 24" part="icon-off"><path d="M20 13H4v-2h16v2z" part="icon-off-path"/></svg></div></div></div></button> <label id="switch-label" class="forge-switch__label" for="switch-btn" part="label"><slot></slot></label></div></template>',se='.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.mdc-switch{-webkit-box-align:center;align-items:center;background:0 0;border:none;display:-webkit-inline-box;display:inline-flex;flex-shrink:0;margin:0;outline:0;overflow:visible;padding:0;position:relative}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::after,.mdc-switch__track::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%}.mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mdc-switch__track[dir=rtl]::after,[dir=rtl] .mdc-switch__track::after{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track[dir=rtl]::before,[dir=rtl] .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);left:0;right:auto;-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:-webkit-box;display:flex;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}.mdc-switch__handle[dir=rtl],[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mdc-switch__handle::after,.mdc-switch__handle::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);z-index:-1}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;-webkit-transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1);transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;-webkit-transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1);transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1)}.mdc-switch{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-switch .mdc-switch__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-switch .mdc-switch__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after,.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch{width:36px;width:var(--mdc-switch-track-width,36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-hover-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-focus-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-pressed-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#9e9e9e;background:var(--mdc-switch-unselected-handle-color,#9e9e9e)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color,#424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color,var(--mdc-theme-surface,#fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height,20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:.24;opacity:var(--mdc-switch-disabled-handle-opacity, .24)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape,10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width,20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width,20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-selected-icon-opacity, .54)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, .54)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size,18px);height:18px;height:var(--mdc-switch-selected-icon-size,18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size,18px);height:18px;height:var(--mdc-switch-unselected-icon-size,18px)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-hover-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-focus-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-pressed-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-hover-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-focus-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-pressed-state-layer-color,#424242)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-selected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-selected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size,48px);width:48px;width:var(--mdc-switch-state-layer-size,48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height,14px)}.mdc-switch:disabled .mdc-switch__track{opacity:.12;opacity:var(--mdc-switch-disabled-track-opacity, .12)}.mdc-switch:enabled .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-track-color,#cfd6ff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-hover-track-color,#cfd6ff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-focus-track-color,#cfd6ff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-pressed-track-color,#cfd6ff)}.mdc-switch:disabled .mdc-switch__track::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-track-color,#3d5afe)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color,#e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color,#e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color,#e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color,#e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color,#424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape,7px)}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color,GrayText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color,GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field>label{-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~label{padding-left:8px}.forge-form-field--align-end>label{-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}.forge-switch__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-switch__container.forge-switch--label-position-start{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.forge-switch__container.forge-switch--label-position-start .forge-switch__label{margin-left:auto;padding-right:8px}:host{display:inline-block}:host *{cursor:pointer}:host .forge-switch__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);padding-left:8px}:host([hidden]){display:none}:host([dense]) .mdc-switch__ripple{height:28px;width:28px}:host([disabled]) *{cursor:not-allowed}:host([disabled]) .forge-switch__label{color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}',_=class extends N{constructor(){super();this._dense=!1;this._disabled=!1;this._selected=!1;this._labelPosition="end";A(this,ae,se),this._initialize()}static get observedAttributes(){return[a.attributes.DENSE,a.attributes.DISABLED,a.attributes.SELECTED,a.attributes.LABEL_POSITION,a.attributes.BUTTON_ARIA_LABEL]}_initialize(){this._buttonElement=L(this,a.selectors.BUTTON),this._containerElement=L(this,a.selectors.CONTAINER),this._clickListener=e=>this._onClick(e)}connectedCallback(){this._buttonElement.addEventListener("click",this._clickListener),this._mdcSwitch=new Y(this._buttonElement),this._mdcSwitch.initialize(),this._applyInitialState()}disconnectedCallback(){this._mdcSwitch&&this._mdcSwitch.destroy()}attributeChangedCallback(e,t,r){switch(e){case a.attributes.DENSE:this.dense=C(r);break;case a.attributes.DISABLED:this.disabled=C(r);break;case a.attributes.SELECTED:this.selected=C(r);break;case a.attributes.LABEL_POSITION:this.labelPosition=r;break;case a.attributes.BUTTON_ARIA_LABEL:this._applyButtonLabel(r)}}_applyInitialState(){var e;this._mdcSwitch.disabled=this._disabled,this._mdcSwitch.selected=this._selected,this._applyDense(),this._applyLabelPosition(),this._applyButtonLabel((e=this.getAttribute(a.attributes.BUTTON_ARIA_LABEL))!=null?e:"")}_onClick(e){if(this._mdcSwitch.disabled)return;this._mdcSwitch.ripple.layout(),!M(this,a.events.SELECT,!this._selected,!0,!0)?e.stopImmediatePropagation():this._selected=!this._selected}_applyDense(){y(this,this._dense,a.attributes.DENSE),this._mdcSwitch&&this._mdcSwitch.ripple.layout()}_applyLabelPosition(){I(this._containerElement,this._labelPosition==="start",a.classes.LABEL_START)}_applyButtonLabel(e){!this._buttonElement||y(this._buttonElement,!!e,"aria-label",e)}get dense(){return this._dense}set dense(e){this._dense!==e&&(this._dense=e,this._applyDense())}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._mdcSwitch&&(this._mdcSwitch.disabled=this._disabled),y(this,this._disabled,a.attributes.DISABLED))}get selected(){return this._selected}set selected(e){this._selected!==e&&(this._selected=e,this._mdcSwitch&&(this._mdcSwitch.selected=this._selected),y(this,this._selected,a.attributes.SELECTED))}get labelPosition(){return this._labelPosition}set labelPosition(e){this._labelPosition!==e&&(this._labelPosition=e,this._applyLabelPosition(),this.setAttribute(a.attributes.LABEL_POSITION,this._labelPosition))}};_=O([B({name:a.elementName})],_);var J=class extends F{constructor(e){super(e)}get value(){return this._element.selected}set value(e){this._element.selected=e}get disabled(){return this._element.disabled}set disabled(e){this._element.disabled=e}get labelElement(){return this._labelElement}onChange(e){this._element.addEventListener("forge-switch-select",({detail:t})=>e(t))}onFocus(e){this._element.addEventListener("focus",t=>e(t))}onBlur(e){this._element.addEventListener("blur",t=>e(t))}setLabel(e){e?this._labelElement?this._labelElement.textContent=e:this._createLabel(e):this._labelElement&&(this._element.removeChild(this._labelElement),this._labelElement=void 0)}_build(){return document.createElement(a.elementName)}_configure(){var e,t,r;typeof((e=this._config.options)==null?void 0:e.label)=="string"&&this._createLabel(this._config.options.label),((t=this._config.options)==null?void 0:t.selected)!==void 0&&(this._element.selected=this._config.options.selected),(r=this._config.options)!=null&&r.id&&(this._element.id=this._config.options.id)}_createLabel(e){this._labelElement=document.createElement("label"),this._labelElement.textContent=e,this._element.appendChild(this._labelElement)}};function Xe(){P(_)}export{a,_ as b,J as c,Xe as d};
|
|
6
|
+
import{c as U,d as T}from"./chunk.PYG4YVBA.js";import{a as p,b as k,c as g,d as z,e as D,f as X,g as H}from"./chunk.QZHEP4X2.js";import{a as F}from"./chunk.24D46RLZ.js";import{a as B,b as R}from"./chunk.BSZ2LBJX.js";import{a as N}from"./chunk.3E5QKMHL.js";import{a as P,e as A,g as L,i as M}from"./chunk.HN4PXH3D.js";import{t as I,u as y}from"./chunk.R4NDFXVA.js";import{k as C}from"./chunk.G76HB2FK.js";import{f as O}from"./chunk.MCIQXNKY.js";var f;(function(c){c.PROCESSING="mdc-switch--processing",c.SELECTED="mdc-switch--selected",c.UNSELECTED="mdc-switch--unselected"})(f||(f={}));var x;(function(c){c.RIPPLE=".mdc-switch__ripple"})(x||(x={}));function G(c,i,e){var t=Z(c,i),r=t.getObservers(i);return r.push(e),function(){r.splice(r.indexOf(e),1)}}var S=new WeakMap;function Z(c,i){var e=new Map;S.has(c)||S.set(c,{isEnabled:!0,getObservers:function(s){var l=e.get(s)||[];return e.has(s)||e.set(s,l),l},installedProperties:new Set});var t=S.get(c);if(t.installedProperties.has(i))return t;var r=V(c,i)||{configurable:!0,enumerable:!0,value:c[i],writable:!0},o=k({},r),n=r.get,h=r.set;if("value"in r){delete o.value,delete o.writable;var b=r.value;n=function(){return b},r.writable&&(h=function(s){b=s})}return n&&(o.get=function(){return n.call(this)}),h&&(o.set=function(s){var l,E,u=n?n.call(this):s;if(h.call(this,s),t.isEnabled&&(!n||s!==u))try{for(var d=g(t.getObservers(i)),m=d.next();!m.done;m=d.next()){var v=m.value;v(s,u)}}catch(w){l={error:w}}finally{try{m&&!m.done&&(E=d.return)&&E.call(d)}finally{if(l)throw l.error}}}),t.installedProperties.add(i),Object.defineProperty(c,i,o),t}function V(c,i){for(var e=c,t;e&&(t=Object.getOwnPropertyDescriptor(e,i),!t);)e=Object.getPrototypeOf(e);return t}function W(c,i){var e=S.get(c);e&&(e.isEnabled=i)}var j=function(c){p(i,c);function i(e){var t=c.call(this,e)||this;return t.unobserves=new Set,t}return i.prototype.destroy=function(){c.prototype.destroy.call(this),this.unobserve()},i.prototype.observe=function(e,t){var r,o,n=this,h=[];try{for(var b=g(Object.keys(t)),s=b.next();!s.done;s=b.next()){var l=s.value,E=t[l].bind(this);h.push(this.observeProperty(e,l,E))}}catch(d){r={error:d}}finally{try{s&&!s.done&&(o=b.return)&&o.call(b)}finally{if(r)throw r.error}}var u=function(){var d,m;try{for(var v=g(h),w=v.next();!w.done;w=v.next()){var K=w.value;K()}}catch(Q){d={error:Q}}finally{try{w&&!w.done&&(m=v.return)&&m.call(v)}finally{if(d)throw d.error}}n.unobserves.delete(u)};return this.unobserves.add(u),u},i.prototype.observeProperty=function(e,t,r){return G(e,t,r)},i.prototype.setObserversEnabled=function(e,t){W(e,t)},i.prototype.unobserve=function(){var e,t;try{for(var r=g(D([],z(this.unobserves))),o=r.next();!o.done;o=r.next()){var n=o.value;n()}}catch(h){e={error:h}}finally{try{o&&!o.done&&(t=r.return)&&t.call(r)}finally{if(e)throw e.error}}},i}(X);var ee=function(c){p(i,c);function i(e){var t=c.call(this,e)||this;return t.handleClick=t.handleClick.bind(t),t}return i.prototype.init=function(){this.observe(this.adapter.state,{disabled:this.stopProcessingIfDisabled,processing:this.stopProcessingIfDisabled})},i.prototype.handleClick=function(){this.adapter.state.disabled||(this.adapter.state.selected=!this.adapter.state.selected)},i.prototype.stopProcessingIfDisabled=function(){this.adapter.state.disabled&&(this.adapter.state.processing=!1)},i}(j);var q=function(c){p(i,c);function i(){return c!==null&&c.apply(this,arguments)||this}return i.prototype.init=function(){c.prototype.init.call(this),this.observe(this.adapter.state,{disabled:this.onDisabledChange,processing:this.onProcessingChange,selected:this.onSelectedChange})},i.prototype.initFromDOM=function(){this.setObserversEnabled(this.adapter.state,!1),this.adapter.state.selected=this.adapter.hasClass(f.SELECTED),this.onSelectedChange(),this.adapter.state.disabled=this.adapter.isDisabled(),this.adapter.state.processing=this.adapter.hasClass(f.PROCESSING),this.setObserversEnabled(this.adapter.state,!0),this.stopProcessingIfDisabled()},i.prototype.onDisabledChange=function(){this.adapter.setDisabled(this.adapter.state.disabled)},i.prototype.onProcessingChange=function(){this.toggleClass(this.adapter.state.processing,f.PROCESSING)},i.prototype.onSelectedChange=function(){this.adapter.setAriaChecked(String(this.adapter.state.selected)),this.toggleClass(this.adapter.state.selected,f.SELECTED),this.toggleClass(!this.adapter.state.selected,f.UNSELECTED)},i.prototype.toggleClass=function(e,t){e?this.adapter.addClass(t):this.adapter.removeClass(t)},i}(ee);var Y=function(c){p(i,c);function i(e,t){var r=c.call(this,e,t)||this;return r.root=e,r}return i.attachTo=function(e){return new i(e)},i.prototype.initialize=function(){this.ripple=new T(this.root,this.createRippleFoundation())},i.prototype.initialSyncWithDOM=function(){var e=this.root.querySelector(x.RIPPLE);if(!e)throw new Error("Switch "+x.RIPPLE+" element is required.");this.rippleElement=e,this.root.addEventListener("click",this.foundation.handleClick),this.foundation.initFromDOM()},i.prototype.destroy=function(){c.prototype.destroy.call(this),this.ripple.destroy(),this.root.removeEventListener("click",this.foundation.handleClick)},i.prototype.getDefaultFoundation=function(){return new q(this.createAdapter())},i.prototype.createAdapter=function(){var e=this;return{addClass:function(t){e.root.classList.add(t)},hasClass:function(t){return e.root.classList.contains(t)},isDisabled:function(){return e.root.disabled},removeClass:function(t){e.root.classList.remove(t)},setAriaChecked:function(t){return e.root.setAttribute("aria-checked",t)},setDisabled:function(t){e.root.disabled=t},state:this}},i.prototype.createRippleFoundation=function(){return new U(this.createRippleAdapter())},i.prototype.createRippleAdapter=function(){var e=this;return k(k({},T.createAdapter(this)),{computeBoundingRect:function(){return e.rippleElement.getBoundingClientRect()},isUnbounded:function(){return!0}})},i}(H);var $=`${R}switch`,te={LABEL_START:"forge-switch--label-position-start"},ie={BUTTON:".mdc-switch",CONTAINER:".forge-switch__container"},ce={DENSE:"dense",DISABLED:"disabled",SELECTED:"selected",LABEL_POSITION:"label-position",BUTTON_ARIA_LABEL:"button-aria-label"},re={SELECT:`${$}-select`},a={classes:te,selectors:ie,attributes:ce,elementName:$,events:re};var ae='<template><div class="forge-switch__container" part="root"><button id="switch-btn" class="mdc-switch" type="button" role="switch" aria-checked="false" aria-labelledby="switch-label" part="button"><div class="mdc-switch__track" part="track"></div><div class="mdc-switch__handle-track" part="handle-track"><div class="mdc-switch__handle" part="handle"><div class="mdc-switch__shadow" part="shadow"><div class="mdc-elevation-overlay" part="overlay"></div></div><div class="mdc-switch__ripple" part="ripple"></div><div class="mdc-switch__icons" part="icons"><svg class="mdc-switch__icon mdc-switch__icon--on" viewBox="0 0 24 24" part="icon-on"><path d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z" part="icon-on-path"/></svg> <svg class="mdc-switch__icon mdc-switch__icon--off" viewBox="0 0 24 24" part="icon-off"><path d="M20 13H4v-2h16v2z" part="icon-off-path"/></svg></div></div></div></button> <label id="switch-label" class="forge-switch__label" for="switch-btn" part="label"><slot></slot></label></div></template>',se='.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.mdc-switch{-webkit-box-align:center;align-items:center;background:0 0;border:none;display:-webkit-inline-box;display:inline-flex;flex-shrink:0;margin:0;outline:0;overflow:visible;padding:0;position:relative}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::after,.mdc-switch__track::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%}.mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mdc-switch__track[dir=rtl]::after,[dir=rtl] .mdc-switch__track::after{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track[dir=rtl]::before,[dir=rtl] .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);left:0;right:auto;-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:-webkit-box;display:flex;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}.mdc-switch__handle[dir=rtl],[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mdc-switch__handle::after,.mdc-switch__handle::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);z-index:-1}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;-webkit-transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1);transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;-webkit-transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1);transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1)}.mdc-switch{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-switch .mdc-switch__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-switch .mdc-switch__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after,.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch{width:36px;width:var(--mdc-switch-track-width,36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-hover-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-focus-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-pressed-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#9e9e9e;background:var(--mdc-switch-unselected-handle-color,#9e9e9e)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color,#424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color,var(--mdc-theme-surface,#fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height,20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:.24;opacity:var(--mdc-switch-disabled-handle-opacity, .24)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape,10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width,20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width,20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-selected-icon-opacity, .54)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, .54)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size,18px);height:18px;height:var(--mdc-switch-selected-icon-size,18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size,18px);height:18px;height:var(--mdc-switch-unselected-icon-size,18px)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-hover-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-focus-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-pressed-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-hover-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-focus-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-pressed-state-layer-color,#424242)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-selected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-selected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size,48px);width:48px;width:var(--mdc-switch-state-layer-size,48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height,14px)}.mdc-switch:disabled .mdc-switch__track{opacity:.12;opacity:var(--mdc-switch-disabled-track-opacity, .12)}.mdc-switch:enabled .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-track-color,#cfd6ff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-hover-track-color,#cfd6ff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-focus-track-color,#cfd6ff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-pressed-track-color,#cfd6ff)}.mdc-switch:disabled .mdc-switch__track::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-track-color,#3d5afe)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color,#e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color,#e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color,#e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color,#e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color,#424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape,7px)}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color,GrayText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color,GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field>label{-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~label{padding-left:8px}.forge-form-field--align-end>label{-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}.forge-switch__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-switch__container.forge-switch--label-position-start{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.forge-switch__container.forge-switch--label-position-start .forge-switch__label{margin-left:auto;padding-right:8px}:host{display:inline-block}:host *{cursor:pointer}:host .forge-switch__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);padding-left:8px}:host([hidden]){display:none}:host([dense]) .mdc-switch__ripple{height:28px;width:28px}:host([disabled]) *{cursor:not-allowed}:host([disabled]) .forge-switch__label{color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}',_=class extends N{constructor(){super();this._dense=!1;this._disabled=!1;this._selected=!1;this._labelPosition="end";A(this,ae,se),this._initialize()}static get observedAttributes(){return[a.attributes.DENSE,a.attributes.DISABLED,a.attributes.SELECTED,a.attributes.LABEL_POSITION,a.attributes.BUTTON_ARIA_LABEL]}_initialize(){this._buttonElement=L(this,a.selectors.BUTTON),this._containerElement=L(this,a.selectors.CONTAINER),this._clickListener=e=>this._onClick(e)}connectedCallback(){this._buttonElement.addEventListener("click",this._clickListener),this._mdcSwitch=new Y(this._buttonElement),this._mdcSwitch.initialize(),this._applyInitialState()}disconnectedCallback(){this._mdcSwitch&&this._mdcSwitch.destroy()}attributeChangedCallback(e,t,r){switch(e){case a.attributes.DENSE:this.dense=C(r);break;case a.attributes.DISABLED:this.disabled=C(r);break;case a.attributes.SELECTED:this.selected=C(r);break;case a.attributes.LABEL_POSITION:this.labelPosition=r;break;case a.attributes.BUTTON_ARIA_LABEL:this._applyButtonLabel(r)}}_applyInitialState(){var e;this._mdcSwitch.disabled=this._disabled,this._mdcSwitch.selected=this._selected,this._applyDense(),this._applyLabelPosition(),this._applyButtonLabel((e=this.getAttribute(a.attributes.BUTTON_ARIA_LABEL))!=null?e:"")}_onClick(e){if(this._mdcSwitch.disabled)return;e.stopImmediatePropagation(),this._mdcSwitch.ripple.layout();let t=!this._selected;!M(this,a.events.SELECT,t,!0,!0)||this._applySelected(t)}_applySelected(e){this._selected=e,this._mdcSwitch&&(this._mdcSwitch.selected=this._selected)}_applyDense(){y(this,this._dense,a.attributes.DENSE),this._mdcSwitch&&this._mdcSwitch.ripple.layout()}_applyLabelPosition(){I(this._containerElement,this._labelPosition==="start",a.classes.LABEL_START)}_applyButtonLabel(e){!this._buttonElement||y(this._buttonElement,!!e,"aria-label",e)}get dense(){return this._dense}set dense(e){this._dense!==e&&(this._dense=e,this._applyDense())}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._mdcSwitch&&(this._mdcSwitch.disabled=this._disabled),y(this,this._disabled,a.attributes.DISABLED))}get selected(){return this._selected}set selected(e){this._selected!==e&&(this._applySelected(e),y(this,this._selected,a.attributes.SELECTED))}get labelPosition(){return this._labelPosition}set labelPosition(e){this._labelPosition!==e&&(this._labelPosition=e,this._applyLabelPosition(),this.setAttribute(a.attributes.LABEL_POSITION,this._labelPosition))}};_=O([B({name:a.elementName})],_);var J=class extends F{constructor(e){super(e)}get value(){return this._element.selected}set value(e){this._element.selected=e}get disabled(){return this._element.disabled}set disabled(e){this._element.disabled=e}get labelElement(){return this._labelElement}onChange(e){this._element.addEventListener("forge-switch-select",({detail:t})=>e(t))}onFocus(e){this._element.addEventListener("focus",t=>e(t))}onBlur(e){this._element.addEventListener("blur",t=>e(t))}setLabel(e){e?this._labelElement?this._labelElement.textContent=e:this._createLabel(e):this._labelElement&&(this._element.removeChild(this._labelElement),this._labelElement=void 0)}_build(){return document.createElement(a.elementName)}_configure(){var e,t,r;typeof((e=this._config.options)==null?void 0:e.label)=="string"&&this._createLabel(this._config.options.label),((t=this._config.options)==null?void 0:t.selected)!==void 0&&(this._element.selected=this._config.options.selected),(r=this._config.options)!=null&&r.id&&(this._element.id=this._config.options.id)}_createLabel(e){this._labelElement=document.createElement("label"),this._labelElement.textContent=e,this._element.appendChild(this._labelElement)}};function Xe(){P(_)}export{a,_ as b,J as c,Xe as d};
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2021 Google Inc.
|
|
@@ -26,4 +26,4 @@ import{c as U,d as T}from"./chunk.PYG4YVBA.js";import{a as p,b as k,c as g,d as
|
|
|
26
26
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
27
27
|
* THE SOFTWARE.
|
|
28
28
|
*/
|
|
29
|
-
//# sourceMappingURL=chunk.
|
|
29
|
+
//# sourceMappingURL=chunk.HUWXZ4ZN.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../node_modules/@material/switch/constants.ts", "../../../../../../node_modules/@material/base/observer.ts", "../../../../../../node_modules/@material/base/observer-foundation.ts", "../../../../../../node_modules/@material/switch/foundation.ts", "../../../../../../node_modules/@material/switch/component.ts", "../../src/switch/switch-constants.ts", "../../src/switch/switch.ts", "../../src/switch/switch-component-delegate.ts", "../../src/switch/index.ts"],
|
|
4
|
-
"sourcesContent": [null, null, null, null, null, "import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}switch`;\n\nconst classes = {\n LABEL_START: 'forge-switch--label-position-start'\n};\n\nconst selectors = {\n BUTTON: '.mdc-switch',\n CONTAINER: '.forge-switch__container'\n};\n\nconst attributes = {\n DENSE: 'dense',\n DISABLED: 'disabled',\n SELECTED: 'selected',\n LABEL_POSITION: 'label-position',\n BUTTON_ARIA_LABEL: 'button-aria-label'\n};\n\nconst events = {\n SELECT: `${elementName}-select`\n};\n\nexport const SWITCH_CONSTANTS = {\n classes,\n selectors,\n attributes,\n elementName,\n events\n};\n\nexport type SwitchLabelPosition = 'start' | 'end';\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, getShadowElement, emitEvent, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { MDCSwitch } from '@material/switch';\nimport { SwitchLabelPosition, SWITCH_CONSTANTS } from './switch-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-switch__container\\\" part=\\\"root\\\"><button id=\\\"switch-btn\\\" class=\\\"mdc-switch\\\" type=\\\"button\\\" role=\\\"switch\\\" aria-checked=\\\"false\\\" aria-labelledby=\\\"switch-label\\\" part=\\\"button\\\"><div class=\\\"mdc-switch__track\\\" part=\\\"track\\\"></div><div class=\\\"mdc-switch__handle-track\\\" part=\\\"handle-track\\\"><div class=\\\"mdc-switch__handle\\\" part=\\\"handle\\\"><div class=\\\"mdc-switch__shadow\\\" part=\\\"shadow\\\"><div class=\\\"mdc-elevation-overlay\\\" part=\\\"overlay\\\"></div></div><div class=\\\"mdc-switch__ripple\\\" part=\\\"ripple\\\"></div><div class=\\\"mdc-switch__icons\\\" part=\\\"icons\\\"><svg class=\\\"mdc-switch__icon mdc-switch__icon--on\\\" viewBox=\\\"0 0 24 24\\\" part=\\\"icon-on\\\"><path d=\\\"M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z\\\" part=\\\"icon-on-path\\\"/></svg> <svg class=\\\"mdc-switch__icon mdc-switch__icon--off\\\" viewBox=\\\"0 0 24 24\\\" part=\\\"icon-off\\\"><path d=\\\"M20 13H4v-2h16v2z\\\" part=\\\"icon-off-path\\\"/></svg></div></div></div></button> <label id=\\\"switch-label\\\" class=\\\"forge-switch__label\\\" for=\\\"switch-btn\\\" part=\\\"label\\\"><slot></slot></label></div></template>';\nconst styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.mdc-switch{-webkit-box-align:center;align-items:center;background:0 0;border:none;display:-webkit-inline-box;display:inline-flex;flex-shrink:0;margin:0;outline:0;overflow:visible;padding:0;position:relative}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::after,.mdc-switch__track::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:\\\"\\\";height:100%;left:0;position:absolute;width:100%}.mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mdc-switch__track[dir=rtl]::after,[dir=rtl] .mdc-switch__track::after{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track[dir=rtl]::before,[dir=rtl] .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);left:0;right:auto;-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:-webkit-box;display:flex;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}.mdc-switch__handle[dir=rtl],[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mdc-switch__handle::after,.mdc-switch__handle::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:\\\"\\\";width:100%;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);z-index:-1}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;-webkit-transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1);transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;-webkit-transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1);transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1)}.mdc-switch{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-switch .mdc-switch__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-switch .mdc-switch__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after,.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch{width:36px;width:var(--mdc-switch-track-width,36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-hover-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-focus-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-pressed-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#9e9e9e;background:var(--mdc-switch-unselected-handle-color,#9e9e9e)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color,#424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color,var(--mdc-theme-surface,#fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height,20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:.24;opacity:var(--mdc-switch-disabled-handle-opacity, .24)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape,10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width,20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width,20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-selected-icon-opacity, .54)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, .54)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size,18px);height:18px;height:var(--mdc-switch-selected-icon-size,18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size,18px);height:18px;height:var(--mdc-switch-unselected-icon-size,18px)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-hover-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-focus-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-pressed-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-hover-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-focus-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-pressed-state-layer-color,#424242)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-selected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-selected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size,48px);width:48px;width:var(--mdc-switch-state-layer-size,48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height,14px)}.mdc-switch:disabled .mdc-switch__track{opacity:.12;opacity:var(--mdc-switch-disabled-track-opacity, .12)}.mdc-switch:enabled .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-track-color,#cfd6ff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-hover-track-color,#cfd6ff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-focus-track-color,#cfd6ff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-pressed-track-color,#cfd6ff)}.mdc-switch:disabled .mdc-switch__track::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-track-color,#3d5afe)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color,#e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color,#e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color,#e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color,#e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color,#424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape,7px)}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color,GrayText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color,GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field>label{-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~label{padding-left:8px}.forge-form-field--align-end>label{-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}.forge-switch__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-switch__container.forge-switch--label-position-start{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.forge-switch__container.forge-switch--label-position-start .forge-switch__label{margin-left:auto;padding-right:8px}:host{display:inline-block}:host *{cursor:pointer}:host .forge-switch__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);padding-left:8px}:host([hidden]){display:none}:host([dense]) .mdc-switch__ripple{height:28px;width:28px}:host([disabled]) *{cursor:not-allowed}:host([disabled]) .forge-switch__label{color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}';\n\nexport interface ISwitchComponent extends IBaseComponent {\n dense: boolean;\n disabled: boolean;\n selected: boolean;\n labelPosition: SwitchLabelPosition;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-switch': ISwitchComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-switch-select': CustomEvent<boolean>;\n }\n}\n\n/**\n * The custom element class behind the `<forge-switch>` element.\n * \n * @tag forge-switch\n */\n@CustomElement({\n name: SWITCH_CONSTANTS.elementName\n})\nexport class SwitchComponent extends BaseComponent implements ISwitchComponent {\n public static get observedAttributes(): string[] {\n return [\n SWITCH_CONSTANTS.attributes.DENSE,\n SWITCH_CONSTANTS.attributes.DISABLED,\n SWITCH_CONSTANTS.attributes.SELECTED,\n SWITCH_CONSTANTS.attributes.LABEL_POSITION,\n SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL\n ];\n }\n\n private _containerElement: HTMLElement;\n private _buttonElement: HTMLButtonElement;\n private _mdcSwitch: MDCSwitch;\n private _dense = false;\n private _disabled = false;\n private _selected = false;\n private _labelPosition: SwitchLabelPosition = 'end';\n private _clickListener: (evt: MouseEvent) => void;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._initialize();\n }\n\n private _initialize(): void {\n this._buttonElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n this._containerElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.CONTAINER);\n this._clickListener = evt => this._onClick(evt);\n }\n\n public connectedCallback(): void {\n // Add our click listener before initializing MDCSwitch to ensure we receive the event **first**\n this._buttonElement.addEventListener('click', this._clickListener);\n\n this._mdcSwitch = new MDCSwitch(this._buttonElement);\n this._mdcSwitch.initialize();\n\n this._applyInitialState();\n }\n\n public disconnectedCallback(): void {\n if (this._mdcSwitch) {\n this._mdcSwitch.destroy();\n }\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case SWITCH_CONSTANTS.attributes.DENSE:\n this.dense = coerceBoolean(newValue);\n break;\n case SWITCH_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case SWITCH_CONSTANTS.attributes.SELECTED:\n this.selected = coerceBoolean(newValue);\n break;\n case SWITCH_CONSTANTS.attributes.LABEL_POSITION:\n this.labelPosition = newValue as SwitchLabelPosition;\n break;\n case SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL:\n this._applyButtonLabel(newValue);\n }\n }\n\n private _applyInitialState(): void {\n this._mdcSwitch.disabled = this._disabled;\n this._mdcSwitch.selected = this._selected;\n\n\n this._applyDense();\n this._applyLabelPosition();\n this._applyButtonLabel(this.getAttribute(SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL) ?? '');\n }\n\n private _onClick(evt: MouseEvent): void {\n if (this._mdcSwitch.disabled) {\n return;\n }\n\n this._mdcSwitch.ripple.layout();\n const isCancelled = !emitEvent(this, SWITCH_CONSTANTS.events.SELECT, !this._selected, true, true);\n\n if (isCancelled) {\n evt.stopImmediatePropagation(); // Prevents MDCSwitch from receiving the click event in the targeting phase\n } else {\n this._selected = !this._selected;\n }\n }\n\n private _applyDense(): void {\n toggleAttribute(this, this._dense, SWITCH_CONSTANTS.attributes.DENSE);\n if (this._mdcSwitch) {\n this._mdcSwitch.ripple.layout();\n }\n }\n\n private _applyLabelPosition(): void {\n toggleClass(this._containerElement, this._labelPosition === 'start', SWITCH_CONSTANTS.classes.LABEL_START);\n }\n\n private _applyButtonLabel(value: string): void {\n if (!this._buttonElement) {\n return;\n }\n toggleAttribute(this._buttonElement, !!value, 'aria-label', value);\n }\n\n public get dense(): boolean {\n return this._dense;\n }\n public set dense(value: boolean) {\n if (this._dense !== value) {\n this._dense = value;\n this._applyDense();\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (this._disabled !== value) {\n this._disabled = value;\n if (this._mdcSwitch) {\n this._mdcSwitch.disabled = this._disabled;\n }\n toggleAttribute(this, this._disabled, SWITCH_CONSTANTS.attributes.DISABLED);\n }\n }\n\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(value: boolean) {\n if (this._selected !== value) {\n this._selected = value;\n if (this._mdcSwitch) {\n this._mdcSwitch.selected = this._selected;\n }\n toggleAttribute(this, this._selected, SWITCH_CONSTANTS.attributes.SELECTED);\n }\n }\n\n public get labelPosition(): SwitchLabelPosition {\n return this._labelPosition;\n }\n public set labelPosition(value: SwitchLabelPosition) {\n if (this._labelPosition !== value) {\n this._labelPosition = value;\n this._applyLabelPosition();\n this.setAttribute(SWITCH_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);\n }\n }\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';\nimport { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { ISwitchComponent } from './switch';\nimport { SWITCH_CONSTANTS } from './switch-constants';\n\nexport type SwitchComponentDelegateProps = Partial<ISwitchComponent>;\nexport interface ISwitchComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n id?: string;\n label?: string;\n selected?: boolean;\n}\nexport interface ISwitchComponentDelegateConfig extends IBaseComponentDelegateConfig<ISwitchComponent, ISwitchComponentDelegateOptions> {}\n\nexport class SwitchComponentDelegate extends FormFieldComponentDelegate<ISwitchComponent, ISwitchComponentDelegateOptions> {\n private _labelElement?: HTMLLabelElement;\n\n constructor(config?: ISwitchComponentDelegateConfig) {\n super(config);\n }\n\n public get value(): boolean {\n return this._element.selected;\n }\n public set value(value: boolean) {\n this._element.selected = value;\n }\n\n public get disabled(): boolean {\n return this._element.disabled;\n }\n public set disabled(value: boolean) {\n this._element.disabled = value;\n }\n\n public get labelElement(): HTMLLabelElement | undefined {\n return this._labelElement;\n }\n\n public onChange(listener: (value: boolean) => void): void {\n this._element.addEventListener('forge-switch-select', ({ detail }: CustomEvent<boolean>) => listener(detail));\n }\n\n public onFocus(listener: (evt: Event) => void): void {\n this._element.addEventListener('focus', evt => listener(evt));\n }\n\n public onBlur(listener: (evt: Event) => void): void {\n this._element.addEventListener('blur', evt => listener(evt));\n }\n\n public setLabel(text: string | null): void {\n if (text) {\n if (this._labelElement) {\n this._labelElement.textContent = text;\n } else {\n this._createLabel(text);\n }\n } else if (this._labelElement) {\n this._element.removeChild(this._labelElement);\n this._labelElement = undefined;\n }\n }\n\n protected _build(): ISwitchComponent {\n return document.createElement(SWITCH_CONSTANTS.elementName);\n }\n\n protected override _configure(): void {\n if (typeof this._config.options?.label === 'string') {\n this._createLabel(this._config.options.label);\n }\n if (this._config.options?.selected !== undefined) {\n this._element.selected = this._config.options.selected;\n }\n if (this._config.options?.id) {\n this._element.id = this._config.options.id;\n }\n }\n\n private _createLabel(text: string): void {\n this._labelElement = document.createElement('label');\n this._labelElement.textContent = text;\n this._element.appendChild(this._labelElement);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SwitchComponent } from './switch';\n\nexport * from './switch-constants';\nexport * from './switch';\nexport * from './switch-component-delegate';\n\nexport function defineSwitchComponent(): void {\n defineCustomElement(SwitchComponent);\n}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": [null, null, null, null, null, "import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}switch`;\n\nconst classes = {\n LABEL_START: 'forge-switch--label-position-start'\n};\n\nconst selectors = {\n BUTTON: '.mdc-switch',\n CONTAINER: '.forge-switch__container'\n};\n\nconst attributes = {\n DENSE: 'dense',\n DISABLED: 'disabled',\n SELECTED: 'selected',\n LABEL_POSITION: 'label-position',\n BUTTON_ARIA_LABEL: 'button-aria-label'\n};\n\nconst events = {\n SELECT: `${elementName}-select`\n};\n\nexport const SWITCH_CONSTANTS = {\n classes,\n selectors,\n attributes,\n elementName,\n events\n};\n\nexport type SwitchLabelPosition = 'start' | 'end';\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, getShadowElement, emitEvent, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { MDCSwitch } from '@material/switch';\nimport { SwitchLabelPosition, SWITCH_CONSTANTS } from './switch-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-switch__container\\\" part=\\\"root\\\"><button id=\\\"switch-btn\\\" class=\\\"mdc-switch\\\" type=\\\"button\\\" role=\\\"switch\\\" aria-checked=\\\"false\\\" aria-labelledby=\\\"switch-label\\\" part=\\\"button\\\"><div class=\\\"mdc-switch__track\\\" part=\\\"track\\\"></div><div class=\\\"mdc-switch__handle-track\\\" part=\\\"handle-track\\\"><div class=\\\"mdc-switch__handle\\\" part=\\\"handle\\\"><div class=\\\"mdc-switch__shadow\\\" part=\\\"shadow\\\"><div class=\\\"mdc-elevation-overlay\\\" part=\\\"overlay\\\"></div></div><div class=\\\"mdc-switch__ripple\\\" part=\\\"ripple\\\"></div><div class=\\\"mdc-switch__icons\\\" part=\\\"icons\\\"><svg class=\\\"mdc-switch__icon mdc-switch__icon--on\\\" viewBox=\\\"0 0 24 24\\\" part=\\\"icon-on\\\"><path d=\\\"M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z\\\" part=\\\"icon-on-path\\\"/></svg> <svg class=\\\"mdc-switch__icon mdc-switch__icon--off\\\" viewBox=\\\"0 0 24 24\\\" part=\\\"icon-off\\\"><path d=\\\"M20 13H4v-2h16v2z\\\" part=\\\"icon-off-path\\\"/></svg></div></div></div></button> <label id=\\\"switch-label\\\" class=\\\"forge-switch__label\\\" for=\\\"switch-btn\\\" part=\\\"label\\\"><slot></slot></label></div></template>';\nconst styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.mdc-switch{-webkit-box-align:center;align-items:center;background:0 0;border:none;display:-webkit-inline-box;display:inline-flex;flex-shrink:0;margin:0;outline:0;overflow:visible;padding:0;position:relative}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::after,.mdc-switch__track::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:\\\"\\\";height:100%;left:0;position:absolute;width:100%}.mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mdc-switch__track[dir=rtl]::after,[dir=rtl] .mdc-switch__track::after{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track[dir=rtl]::before,[dir=rtl] .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);left:0;right:auto;-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:-webkit-box;display:flex;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}.mdc-switch__handle[dir=rtl],[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mdc-switch__handle::after,.mdc-switch__handle::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:\\\"\\\";width:100%;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);z-index:-1}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;-webkit-transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1);transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;-webkit-transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1);transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1)}.mdc-switch{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-switch .mdc-switch__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-switch .mdc-switch__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after,.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch{width:36px;width:var(--mdc-switch-track-width,36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-hover-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-focus-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-pressed-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#9e9e9e;background:var(--mdc-switch-unselected-handle-color,#9e9e9e)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color,#424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color,var(--mdc-theme-surface,#fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height,20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:.24;opacity:var(--mdc-switch-disabled-handle-opacity, .24)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape,10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width,20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width,20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-selected-icon-opacity, .54)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, .54)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size,18px);height:18px;height:var(--mdc-switch-selected-icon-size,18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size,18px);height:18px;height:var(--mdc-switch-unselected-icon-size,18px)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-hover-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-focus-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-pressed-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-hover-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-focus-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-pressed-state-layer-color,#424242)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-selected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-selected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size,48px);width:48px;width:var(--mdc-switch-state-layer-size,48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height,14px)}.mdc-switch:disabled .mdc-switch__track{opacity:.12;opacity:var(--mdc-switch-disabled-track-opacity, .12)}.mdc-switch:enabled .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-track-color,#cfd6ff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-hover-track-color,#cfd6ff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-focus-track-color,#cfd6ff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-pressed-track-color,#cfd6ff)}.mdc-switch:disabled .mdc-switch__track::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-track-color,#3d5afe)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color,#e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color,#e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color,#e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color,#e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color,#424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape,7px)}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color,GrayText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color,GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field>label{-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~label{padding-left:8px}.forge-form-field--align-end>label{-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}.forge-switch__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-switch__container.forge-switch--label-position-start{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.forge-switch__container.forge-switch--label-position-start .forge-switch__label{margin-left:auto;padding-right:8px}:host{display:inline-block}:host *{cursor:pointer}:host .forge-switch__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);padding-left:8px}:host([hidden]){display:none}:host([dense]) .mdc-switch__ripple{height:28px;width:28px}:host([disabled]) *{cursor:not-allowed}:host([disabled]) .forge-switch__label{color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}';\n\nexport interface ISwitchComponent extends IBaseComponent {\n dense: boolean;\n disabled: boolean;\n selected: boolean;\n labelPosition: SwitchLabelPosition;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-switch': ISwitchComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-switch-select': CustomEvent<boolean>;\n }\n}\n\n/**\n * The custom element class behind the `<forge-switch>` element.\n * \n * @tag forge-switch\n */\n@CustomElement({\n name: SWITCH_CONSTANTS.elementName\n})\nexport class SwitchComponent extends BaseComponent implements ISwitchComponent {\n public static get observedAttributes(): string[] {\n return [\n SWITCH_CONSTANTS.attributes.DENSE,\n SWITCH_CONSTANTS.attributes.DISABLED,\n SWITCH_CONSTANTS.attributes.SELECTED,\n SWITCH_CONSTANTS.attributes.LABEL_POSITION,\n SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL\n ];\n }\n\n private _containerElement: HTMLElement;\n private _buttonElement: HTMLButtonElement;\n private _mdcSwitch: MDCSwitch;\n private _dense = false;\n private _disabled = false;\n private _selected = false;\n private _labelPosition: SwitchLabelPosition = 'end';\n private _clickListener: (evt: MouseEvent) => void;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._initialize();\n }\n\n private _initialize(): void {\n this._buttonElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n this._containerElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.CONTAINER);\n this._clickListener = evt => this._onClick(evt);\n }\n\n public connectedCallback(): void {\n // Add our click listener before initializing MDCSwitch to ensure we receive the event **first**\n this._buttonElement.addEventListener('click', this._clickListener);\n\n this._mdcSwitch = new MDCSwitch(this._buttonElement);\n this._mdcSwitch.initialize();\n\n this._applyInitialState();\n }\n\n public disconnectedCallback(): void {\n if (this._mdcSwitch) {\n this._mdcSwitch.destroy();\n }\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case SWITCH_CONSTANTS.attributes.DENSE:\n this.dense = coerceBoolean(newValue);\n break;\n case SWITCH_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case SWITCH_CONSTANTS.attributes.SELECTED:\n this.selected = coerceBoolean(newValue);\n break;\n case SWITCH_CONSTANTS.attributes.LABEL_POSITION:\n this.labelPosition = newValue as SwitchLabelPosition;\n break;\n case SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL:\n this._applyButtonLabel(newValue);\n }\n }\n\n private _applyInitialState(): void {\n this._mdcSwitch.disabled = this._disabled;\n this._mdcSwitch.selected = this._selected;\n\n\n this._applyDense();\n this._applyLabelPosition();\n this._applyButtonLabel(this.getAttribute(SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL) ?? '');\n }\n\n private _onClick(evt: MouseEvent): void {\n if (this._mdcSwitch.disabled) {\n return;\n }\n\n // Prevents MDCSwitch from receiving the click event in the targeting phase.\n // We will handle updating the selected state of MDCSwitch based on the result of our own event.\n evt.stopImmediatePropagation();\n\n this._mdcSwitch.ripple.layout();\n\n const newValue = !this._selected;\n const isCancelled = !emitEvent(this, SWITCH_CONSTANTS.events.SELECT, newValue, true, true);\n \n if (!isCancelled) {\n this._applySelected(newValue);\n }\n }\n\n private _applySelected(value: boolean): void {\n this._selected = value;\n if (this._mdcSwitch) {\n this._mdcSwitch.selected = this._selected;\n }\n }\n\n private _applyDense(): void {\n toggleAttribute(this, this._dense, SWITCH_CONSTANTS.attributes.DENSE);\n if (this._mdcSwitch) {\n this._mdcSwitch.ripple.layout();\n }\n }\n\n private _applyLabelPosition(): void {\n toggleClass(this._containerElement, this._labelPosition === 'start', SWITCH_CONSTANTS.classes.LABEL_START);\n }\n\n private _applyButtonLabel(value: string): void {\n if (!this._buttonElement) {\n return;\n }\n toggleAttribute(this._buttonElement, !!value, 'aria-label', value);\n }\n\n public get dense(): boolean {\n return this._dense;\n }\n public set dense(value: boolean) {\n if (this._dense !== value) {\n this._dense = value;\n this._applyDense();\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (this._disabled !== value) {\n this._disabled = value;\n if (this._mdcSwitch) {\n this._mdcSwitch.disabled = this._disabled;\n }\n toggleAttribute(this, this._disabled, SWITCH_CONSTANTS.attributes.DISABLED);\n }\n }\n\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(value: boolean) {\n if (this._selected !== value) {\n this._applySelected(value);\n toggleAttribute(this, this._selected, SWITCH_CONSTANTS.attributes.SELECTED);\n }\n }\n\n public get labelPosition(): SwitchLabelPosition {\n return this._labelPosition;\n }\n public set labelPosition(value: SwitchLabelPosition) {\n if (this._labelPosition !== value) {\n this._labelPosition = value;\n this._applyLabelPosition();\n this.setAttribute(SWITCH_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);\n }\n }\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';\nimport { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { ISwitchComponent } from './switch';\nimport { SWITCH_CONSTANTS } from './switch-constants';\n\nexport type SwitchComponentDelegateProps = Partial<ISwitchComponent>;\nexport interface ISwitchComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n id?: string;\n label?: string;\n selected?: boolean;\n}\nexport interface ISwitchComponentDelegateConfig extends IBaseComponentDelegateConfig<ISwitchComponent, ISwitchComponentDelegateOptions> {}\n\nexport class SwitchComponentDelegate extends FormFieldComponentDelegate<ISwitchComponent, ISwitchComponentDelegateOptions> {\n private _labelElement?: HTMLLabelElement;\n\n constructor(config?: ISwitchComponentDelegateConfig) {\n super(config);\n }\n\n public get value(): boolean {\n return this._element.selected;\n }\n public set value(value: boolean) {\n this._element.selected = value;\n }\n\n public get disabled(): boolean {\n return this._element.disabled;\n }\n public set disabled(value: boolean) {\n this._element.disabled = value;\n }\n\n public get labelElement(): HTMLLabelElement | undefined {\n return this._labelElement;\n }\n\n public onChange(listener: (value: boolean) => void): void {\n this._element.addEventListener('forge-switch-select', ({ detail }: CustomEvent<boolean>) => listener(detail));\n }\n\n public onFocus(listener: (evt: Event) => void): void {\n this._element.addEventListener('focus', evt => listener(evt));\n }\n\n public onBlur(listener: (evt: Event) => void): void {\n this._element.addEventListener('blur', evt => listener(evt));\n }\n\n public setLabel(text: string | null): void {\n if (text) {\n if (this._labelElement) {\n this._labelElement.textContent = text;\n } else {\n this._createLabel(text);\n }\n } else if (this._labelElement) {\n this._element.removeChild(this._labelElement);\n this._labelElement = undefined;\n }\n }\n\n protected _build(): ISwitchComponent {\n return document.createElement(SWITCH_CONSTANTS.elementName);\n }\n\n protected override _configure(): void {\n if (typeof this._config.options?.label === 'string') {\n this._createLabel(this._config.options.label);\n }\n if (this._config.options?.selected !== undefined) {\n this._element.selected = this._config.options.selected;\n }\n if (this._config.options?.id) {\n this._element.id = this._config.options.id;\n }\n }\n\n private _createLabel(text: string): void {\n this._labelElement = document.createElement('label');\n this._labelElement.textContent = text;\n this._element.appendChild(this._labelElement);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SwitchComponent } from './switch';\n\nexport * from './switch-constants';\nexport * from './switch';\nexport * from './switch-component-delegate';\n\nexport function defineSwitchComponent(): void {\n defineCustomElement(SwitchComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|