npm - @descope/web-components-ui - Versions diffs - 1.118.0 → 1.119.0 - Mend

@descope/web-components-ui 1.118.0 → 1.119.0

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.

Files changed (36) hide show

package/dist/umd/descope-password-index-js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"descope-password-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-password/PasswordClass.js","webpack://@descope/web-components-ui/./src/components/descope-password/passwordDraggableMixin.js","webpack://@descope/web-components-ui/./src/components/descope-password/index.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js"],"sourcesContent":["import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n externalInputMixin,\n} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport passwordDraggableMixin from './passwordDraggableMixin';\nimport {\n resetInputLabelPosition,\n resetInputCursor,\n useHostExternalPadding,\n inputFloatingLabelStyle,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('password');\n\nconst customMixin = (superclass) =>\n class PasswordFieldMixinClass extends superclass {\n static get observedAttributes() {\n return ['manual-visibility-toggle'];\n }\n\n get manualToggleVisibility() {\n return this.getAttribute('manual-visibility-toggle') === 'true';\n }\n\n init() {\n super.init?.();\n this.handleCaretOnVisibilityChange();\n this.origSetPasswordVisible = this.baseElement._setPasswordVisible;\n this.origSetFocused = this.baseElement._setFocused;\n this.baseElement._setFocused = this.setFocus.bind(this);\n\n this.initExternalInput();\n }\n\n initExternalInput() {\n const externalInput = this.createExternalInput();\n if (externalInput) {\n this.handlePasswordVisibility(externalInput);\n }\n }\n\n get caretPosition() {\n return this.value?.length \|\| 0;\n }\n\n handleCaretOnVisibilityChange() {\n const origTogglePasswordVisibility = this.baseElement._togglePasswordVisibility.bind(\n this.baseElement\n );\n this.baseElement._togglePasswordVisibility = () => {\n setTimeout(() => {\n origTogglePasswordVisibility();\n this.inputElement.setSelectionRange(this.caretPosition, this.caretPosition);\n return false;\n });\n };\n }\n\n // We use `manual-visibility-toggle` to to toggle the password's visibility\n // even if the input field is focused-out. However, on focusout - Vaadin resets\n // password visibility. Since we don't want to override Vaadin's native setFocus\n // function (which is part of their FocusMixin).\n // So, here we override the part of logic that runs within Vaadin's setFocus that reports\n // the password visibility state. This logic is part of our `manual-visibility-toggle` only.\n setFocus(focused) {\n if (this.manualToggleVisibility) {\n this.baseElement._setPasswordVisible = () => {};\n }\n this.origSetFocused.call(this.baseElement, focused);\n this.baseElement._setPasswordVisible = this.origSetPasswordVisible.bind(this.baseElement);\n }\n\n resetPasswordVisibilityToggle() {\n this.baseElement._setPasswordVisible = this.origSetPasswordVisible;\n this.baseElement._setFocused = this.origSetFocus;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n }\n\n // override vaadin's password visibility toggle.\n // we need this override in order to to resolve the external input `focus` race condition,\n // which is caused due to the focus sync between the two inputs.\n handlePasswordVisibility(externalInput) {\n // disable vaadin's `__boundRevealButtonMouseDown` mouse-down event lisetener\n const origBoundRevealButtonMouseDown = this.baseElement.__boundRevealButtonMouseDown;\n this.baseElement\n .querySelector('vaadin-password-field-button')\n .removeEventListener('mousedown', origBoundRevealButtonMouseDown);\n\n // disable vaadin's `_passwordVisibleChanged` observer\n this.baseElement._passwordVisibleChanged = () => {};\n\n // override vaadin's `_togglePasswordVisibility`\n this.baseElement._togglePasswordVisibility = () => {\n const currVisibility = externalInput.getAttribute('type');\n if (currVisibility === 'password') {\n this.showPasswordVisibility(externalInput);\n } else {\n this.hidePasswordVisibility(externalInput);\n }\n };\n }\n\n showPasswordVisibility(input) {\n // handle input element's type\n input.setAttribute('type', 'text');\n // handle vaadin's `password-visible` attribute\n this.setAttribute('password-visible', 'true');\n }\n\n hidePasswordVisibility(input) {\n // handle input element's type\n input.setAttribute('type', 'password');\n // handle vaadin's `password-visible` attribute\n this.setAttribute('password-visible', 'false');\n }\n };\n\nconst {\n host,\n inputField,\n inputElement,\n inputElementPlaceholder,\n revealButtonContainer,\n revealButtonIcon,\n label,\n requiredIndicator,\n errorMessage,\n helperText,\n} = {\n host: { selector: () => ':host' },\n inputField: { selector: '::part(input-field)' },\n inputElement: { selector: '> input' },\n inputElementPlaceholder: { selector: () => ':host input:placeholder-shown' },\n revealButtonContainer: { selector: '::part(reveal-button)' },\n revealButtonIcon: { selector: '::part(reveal-button)::before' },\n label: { selector: '::part(label)' },\n requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PasswordClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: [{}, host],\n fontFamily: [label, inputField, errorMessage, helperText],\n inputHeight: { ...inputField, property: 'height' },\n inputHorizontalPadding: [\n { ...inputElement, property: 'padding-left' },\n { ...inputElement, property: 'padding-right' },\n ],\n inputBackgroundColor: { ...inputField, property: 'background-color' },\n\n inputBorderStyle: { ...inputField, property: 'border-style' },\n inputBorderWidth: { ...inputField, property: 'border-width' },\n inputBorderColor: { ...inputField, property: 'border-color' },\n inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n inputOutlineColor: { ...inputField, property: 'outline-color' },\n inputOutlineStyle: { ...inputField, property: 'outline-style' },\n inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n inputOutlineWidth: { ...inputField, property: 'outline-width' },\n\n labelFontSize: { ...label, property: 'font-size' },\n labelFontWeight: { ...label, property: 'font-weight' },\n labelTextColor: [\n { ...label, property: 'color' },\n { ...requiredIndicator, property: 'color' },\n ],\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n inputPlaceholderTextColor: [\n { ...inputElementPlaceholder, property: 'color' },\n { selector: () => ':host ::slotted(input:placeholder-shown)', property: 'color' },\n ],\n inputValueTextColor: [\n { ...inputElement, property: 'color' },\n { selector: () => ':host ::slotted(input)', property: 'color' },\n ],\n\n revealButtonOffset: [\n { ...revealButtonContainer, property: 'margin-right' },\n { ...revealButtonContainer, property: 'margin-left' },\n ],\n revealButtonSize: { ...revealButtonContainer, property: 'font-size' },\n revealButtonColor: { ...revealButtonIcon, property: 'color' },\n\n labelPosition: { ...label, property: 'position' },\n labelTopPosition: { ...label, property: 'top' },\n labelHorizontalPosition: [\n { ...label, property: 'left' },\n { ...label, property: 'right' },\n ],\n inputTransformY: { ...label, property: 'transform' },\n inputTransition: { ...label, property: 'transition' },\n marginInlineStart: { ...label, property: 'margin-inline-start' },\n placeholderOpacity: [\n { selector: '> input:placeholder-shown', property: 'opacity' },\n { ...inputElement, property: 'opacity' },\n ],\n inputVerticalAlignment: { ...inputField, property: 'align-items' },\n valueInputHeight: { ...inputElement, property: 'height' },\n },\n }),\n draggableMixin,\n externalInputMixin({\n inputType: 'password',\n inputName: 'password',\n includeAttrs: ['disabled', 'readonly', 'pattern', 'type', 'autocomplete'],\n noBlurDispatch: true,\n }),\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n componentNameValidationMixin,\n passwordDraggableMixin,\n customMixin\n)(\n createProxy({\n slots: ['', 'suffix'],\n wrappedEleName: 'vaadin-password-field',\n style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${useHostExternalPadding(PasswordClass.cssVarList)}\n\t\t\t${resetInputCursor('vaadin-password-field')}\n ${resetInputLabelPosition('vaadin-password-field')}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${PasswordClass.cssVarList.inputOutlineColor});\n\t\t\t}\n\n ${inputFloatingLabelStyle()}\n\n ::part(reveal-button) {\n align-self: center;\n }\n\n vaadin-password-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,\n excludeAttrsSync: ['tabindex'],\n componentName,\n })\n);\n","const passwordDraggableMixin = (superclass) =>\n class PasswordDraggableMixinClass extends superclass {\n get isReadOnly() {\n return this.hasAttribute('readonly') && this.getAttribute('readonly') !== 'false';\n }\n\n init() {\n // there is an issue in Chrome that input field with type password cannot be D&D\n // so in case the input is draggable & readonly, we are changing the input type to \"text\" before dragging\n // and return the original type when done\n super.init?.();\n\n const ele = this.querySelector('input');\n\n ele?.addEventListener('mousedown', (e) => {\n if (this.isDraggable && this.isReadOnly) {\n ele.setAttribute('inert', 'true');\n\n const inputEle = e.target;\n const prevType = inputEle.getAttribute('type');\n inputEle.setAttribute('type', 'text');\n setTimeout(() => {\n inputEle.focus();\n });\n\n const onComplete = (_) => {\n inputEle.setAttribute('type', prevType);\n ele.removeAttribute('inert');\n this.removeEventListener('mouseup', onComplete);\n this.removeEventListener('dragend', onComplete);\n };\n\n this.addEventListener('dragend', onComplete, { once: true });\n this.addEventListener('mouseup', onComplete, { once: true });\n }\n });\n }\n };\n\nexport default passwordDraggableMixin;\n","import '@vaadin/password-field';\nimport { componentName, PasswordClass } from './PasswordClass';\n\ncustomElements.define(componentName, PasswordClass);\n\nexport { PasswordClass, componentName };\n","export const useHostExternalPadding = (cssVarList) => `\n :host {\n padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n ${name}::part(input-field)::after {\n border: none;\n }\n`;\n\nexport const resetInitialHeight = (name) => `\n ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n ${name} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputContainer = (name) => `\n ${name} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputField = (name) => `\n ${name}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`;\n\nexport const resetInputCursor = (name) => `\n ${name} > label,\n ${name}::part(label),\n ${name}::part(required-indicator) {\n cursor: pointer;\n }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n ${name} input:-webkit-autofill,\n ${name} input:-webkit-autofill::first-line,\n ${name} input:-webkit-autofill:hover,\n ${name} input:-webkit-autofill:active,\n ${name} input:-webkit-autofill:focus {\n -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n ${name}::part(input-field)::after {\n opacity: 0;\n }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n ${name}::part(input-field)::after {\n background: none;\n }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n ${resetInputContainer(name)}\n ${resetInputCursor(name)}\n ${resetInputPlaceholder(name)}\n ${resetInputField(name)}\n ${resetInputAutoFill(name, cssVarList)}\n ${resetInputFieldInvalidBackgroundColor(name)}\n ${resetInitialHeight(name)}\n ${resetInputElement(name)}\n ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n :host ::part(error-message) {\n direction: ltr;\n }\n :host([required]) ::part(required-indicator) {\n width: 1em;\n display: inline-flex;\n }\n :host([required]) ::part(required-indicator)::after {\n position: static;\n }\n :host([has-label]) ::part(label) {\n padding-right: 0;\n padding-bottom: 0;\n display: flex;\n width: 100%;\n }\n ${name} [slot=\"label\"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n return `\n :host([label-type=\"floating\"]) {\n position: relative;\n }\n :host([label-type=\"floating\"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n `;\n};\n"],"names":["componentName","host","inputField","inputElement","inputElementPlaceholder","revealButtonContainer","revealButtonIcon","label","requiredIndicator","errorMessage","helperText","selector","PasswordClass","mappings","hostWidth","property","hostMinWidth","hostDirection","fontSize","fontFamily","inputHeight","inputHorizontalPadding","inputBackgroundColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineColor","inputOutlineStyle","inputOutlineOffset","inputOutlineWidth","labelFontSize","labelFontWeight","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputPlaceholderTextColor","inputValueTextColor","revealButtonOffset","revealButtonSize","revealButtonColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","inputType","inputName","includeAttrs","noBlurDispatch","proxyProps","useProxyTargets","superclass","observedAttributes","manualToggleVisibility","this","getAttribute","init","super","handleCaretOnVisibilityChange","origSetPasswordVisible","baseElement","_setPasswordVisible","origSetFocused","_setFocused","setFocus","bind","initExternalInput","externalInput","createExternalInput","handlePasswordVisibility","caretPosition","value","length","origTogglePasswordVisibility","_togglePasswordVisibility","setTimeout","setSelectionRange","focused","call","resetPasswordVisibilityToggle","origSetFocus","attributeChangedCallback","attrName","oldValue","newValue","origBoundRevealButtonMouseDown","__boundRevealButtonMouseDown","querySelector","removeEventListener","_passwordVisibleChanged","showPasswordVisibility","hidePasswordVisibility","input","setAttribute","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","isReadOnly","hasAttribute","ele","addEventListener","e","isDraggable","inputEle","target","prevType","focus","onComplete","_","removeAttribute","once","customElements","define","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}
1	+ {"version":3,"file":"descope-password-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-password/PasswordClass.js","webpack://@descope/web-components-ui/./src/components/descope-password/passwordDraggableMixin.js","webpack://@descope/web-components-ui/./src/components/descope-password/index.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js"],"sourcesContent":["import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n externalInputMixin,\n} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport passwordDraggableMixin from './passwordDraggableMixin';\nimport {\n resetInputLabelPosition,\n resetInputCursor,\n useHostExternalPadding,\n inputFloatingLabelStyle,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('password');\n\nconst customMixin = (superclass) =>\n class PasswordFieldMixinClass extends superclass {\n static get observedAttributes() {\n return ['manual-visibility-toggle'];\n }\n\n get manualToggleVisibility() {\n return this.getAttribute('manual-visibility-toggle') === 'true';\n }\n\n init() {\n super.init?.();\n this.handleCaretOnVisibilityChange();\n this.origSetPasswordVisible = this.baseElement._setPasswordVisible;\n this.origSetFocused = this.baseElement._setFocused;\n this.baseElement._setFocused = this.setFocus.bind(this);\n\n this.initExternalInput();\n }\n\n initExternalInput() {\n const externalInput = this.createExternalInput();\n if (externalInput) {\n this.handlePasswordVisibility(externalInput);\n }\n }\n\n get caretPosition() {\n return this.value?.length \|\| 0;\n }\n\n handleCaretOnVisibilityChange() {\n const origTogglePasswordVisibility = this.baseElement._togglePasswordVisibility.bind(\n this.baseElement\n );\n this.baseElement._togglePasswordVisibility = () => {\n setTimeout(() => {\n origTogglePasswordVisibility();\n this.inputElement.setSelectionRange(this.caretPosition, this.caretPosition);\n return false;\n });\n };\n }\n\n // We use `manual-visibility-toggle` to to toggle the password's visibility\n // even if the input field is focused-out. However, on focusout - Vaadin resets\n // password visibility. Since we don't want to override Vaadin's native setFocus\n // function (which is part of their FocusMixin).\n // So, here we override the part of logic that runs within Vaadin's setFocus that reports\n // the password visibility state. This logic is part of our `manual-visibility-toggle` only.\n setFocus(focused) {\n if (this.manualToggleVisibility) {\n this.baseElement._setPasswordVisible = () => {};\n }\n this.origSetFocused.call(this.baseElement, focused);\n this.baseElement._setPasswordVisible = this.origSetPasswordVisible.bind(this.baseElement);\n }\n\n resetPasswordVisibilityToggle() {\n this.baseElement._setPasswordVisible = this.origSetPasswordVisible;\n this.baseElement._setFocused = this.origSetFocus;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n }\n\n // override vaadin's password visibility toggle.\n // we need this override in order to to resolve the external input `focus` race condition,\n // which is caused due to the focus sync between the two inputs.\n handlePasswordVisibility(externalInput) {\n // disable vaadin's `__boundRevealButtonMouseDown` mouse-down event lisetener\n const origBoundRevealButtonMouseDown = this.baseElement.__boundRevealButtonMouseDown;\n this.baseElement\n .querySelector('vaadin-password-field-button')\n .removeEventListener('mousedown', origBoundRevealButtonMouseDown);\n\n // disable vaadin's `_passwordVisibleChanged` observer\n this.baseElement._passwordVisibleChanged = () => {};\n\n // override vaadin's `_togglePasswordVisibility`\n this.baseElement._togglePasswordVisibility = () => {\n const currVisibility = externalInput.getAttribute('type');\n if (currVisibility === 'password') {\n this.showPasswordVisibility(externalInput);\n } else {\n this.hidePasswordVisibility(externalInput);\n }\n };\n }\n\n showPasswordVisibility(input) {\n // handle input element's type\n input.setAttribute('type', 'text');\n // handle vaadin's `password-visible` attribute\n this.setAttribute('password-visible', 'true');\n }\n\n hidePasswordVisibility(input) {\n // handle input element's type\n input.setAttribute('type', 'password');\n // handle vaadin's `password-visible` attribute\n this.setAttribute('password-visible', 'false');\n }\n };\n\nconst {\n host,\n inputField,\n inputElement,\n inputElementPlaceholder,\n revealButtonContainer,\n revealButtonIcon,\n label,\n requiredIndicator,\n errorMessage,\n helperText,\n} = {\n host: { selector: () => ':host' },\n inputField: { selector: '::part(input-field)' },\n inputElement: { selector: '> input' },\n inputElementPlaceholder: { selector: () => ':host input:placeholder-shown' },\n revealButtonContainer: { selector: '::part(reveal-button)' },\n revealButtonIcon: { selector: '::part(reveal-button)::before' },\n label: { selector: '::part(label)' },\n requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const PasswordClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostMinWidth: { ...host, property: 'min-width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: [{}, host],\n fontFamily: [label, inputField, errorMessage, helperText],\n inputHeight: { ...inputField, property: 'height' },\n inputHorizontalPadding: [\n { ...inputElement, property: 'padding-left' },\n { ...inputElement, property: 'padding-right' },\n ],\n inputBackgroundColor: { ...inputField, property: 'background-color' },\n\n inputBorderStyle: { ...inputField, property: 'border-style' },\n inputBorderWidth: { ...inputField, property: 'border-width' },\n inputBorderColor: { ...inputField, property: 'border-color' },\n inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n inputOutlineColor: { ...inputField, property: 'outline-color' },\n inputOutlineStyle: { ...inputField, property: 'outline-style' },\n inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n inputOutlineWidth: { ...inputField, property: 'outline-width' },\n\n labelFontSize: { ...label, property: 'font-size' },\n labelFontWeight: { ...label, property: 'font-weight' },\n labelTextColor: [\n { ...label, property: 'color' },\n { ...label, property: '-webkit-text-fill-color' },\n { ...requiredIndicator, property: 'color' },\n { ...requiredIndicator, property: '-webkit-text-fill-color' },\n ],\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n inputPlaceholderTextColor: [\n { ...inputElementPlaceholder, property: 'color' },\n { selector: () => ':host ::slotted(input:placeholder-shown)', property: 'color' },\n ],\n inputValueTextColor: [\n { ...inputElement, property: 'color' },\n { selector: () => ':host ::slotted(input)', property: 'color' },\n ],\n\n revealButtonOffset: [\n { ...revealButtonContainer, property: 'margin-right' },\n { ...revealButtonContainer, property: 'margin-left' },\n ],\n revealButtonSize: { ...revealButtonContainer, property: 'font-size' },\n revealButtonColor: { ...revealButtonIcon, property: 'color' },\n\n labelPosition: { ...label, property: 'position' },\n labelTopPosition: { ...label, property: 'top' },\n labelHorizontalPosition: [\n { ...label, property: 'left' },\n { ...label, property: 'right' },\n ],\n inputTransformY: { ...label, property: 'transform' },\n inputTransition: { ...label, property: 'transition' },\n marginInlineStart: { ...label, property: 'margin-inline-start' },\n placeholderOpacity: [\n { selector: '> input:placeholder-shown', property: 'opacity' },\n { ...inputElement, property: 'opacity' },\n ],\n inputVerticalAlignment: { ...inputField, property: 'align-items' },\n valueInputHeight: { ...inputElement, property: 'height' },\n },\n }),\n draggableMixin,\n externalInputMixin({\n inputType: 'password',\n inputName: 'password',\n includeAttrs: ['disabled', 'readonly', 'pattern', 'type', 'autocomplete'],\n noBlurDispatch: true,\n }),\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n componentNameValidationMixin,\n passwordDraggableMixin,\n customMixin\n)(\n createProxy({\n slots: ['', 'suffix'],\n wrappedEleName: 'vaadin-password-field',\n style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${useHostExternalPadding(PasswordClass.cssVarList)}\n\t\t\t${resetInputCursor('vaadin-password-field')}\n ${resetInputLabelPosition('vaadin-password-field')}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${PasswordClass.cssVarList.inputOutlineColor});\n\t\t\t}\n\n ${inputFloatingLabelStyle()}\n\n ::part(reveal-button) {\n align-self: center;\n }\n\n vaadin-password-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,\n excludeAttrsSync: ['tabindex'],\n componentName,\n })\n);\n","const passwordDraggableMixin = (superclass) =>\n class PasswordDraggableMixinClass extends superclass {\n get isReadOnly() {\n return this.hasAttribute('readonly') && this.getAttribute('readonly') !== 'false';\n }\n\n init() {\n // there is an issue in Chrome that input field with type password cannot be D&D\n // so in case the input is draggable & readonly, we are changing the input type to \"text\" before dragging\n // and return the original type when done\n super.init?.();\n\n const ele = this.querySelector('input');\n\n ele?.addEventListener('mousedown', (e) => {\n if (this.isDraggable && this.isReadOnly) {\n ele.setAttribute('inert', 'true');\n\n const inputEle = e.target;\n const prevType = inputEle.getAttribute('type');\n inputEle.setAttribute('type', 'text');\n setTimeout(() => {\n inputEle.focus();\n });\n\n const onComplete = (_) => {\n inputEle.setAttribute('type', prevType);\n ele.removeAttribute('inert');\n this.removeEventListener('mouseup', onComplete);\n this.removeEventListener('dragend', onComplete);\n };\n\n this.addEventListener('dragend', onComplete, { once: true });\n this.addEventListener('mouseup', onComplete, { once: true });\n }\n });\n }\n };\n\nexport default passwordDraggableMixin;\n","import '@vaadin/password-field';\nimport { componentName, PasswordClass } from './PasswordClass';\n\ncustomElements.define(componentName, PasswordClass);\n\nexport { PasswordClass, componentName };\n","export const useHostExternalPadding = (cssVarList) => `\n :host {\n padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n ${name}::part(input-field)::after {\n border: none;\n }\n`;\n\nexport const resetInitialHeight = (name) => `\n ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n ${name} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputContainer = (name) => `\n ${name} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputField = (name) => `\n ${name}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`;\n\nexport const resetInputCursor = (name) => `\n ${name} > label,\n ${name}::part(label),\n ${name}::part(required-indicator) {\n cursor: pointer;\n }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n ${name} input:-webkit-autofill,\n ${name} input:-webkit-autofill::first-line,\n ${name} input:-webkit-autofill:hover,\n ${name} input:-webkit-autofill:active,\n ${name} input:-webkit-autofill:focus {\n -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n ${name}::part(input-field)::after {\n opacity: 0;\n }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n ${name}::part(input-field)::after {\n background: none;\n }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n ${resetInputContainer(name)}\n ${resetInputCursor(name)}\n ${resetInputPlaceholder(name)}\n ${resetInputField(name)}\n ${resetInputAutoFill(name, cssVarList)}\n ${resetInputFieldInvalidBackgroundColor(name)}\n ${resetInitialHeight(name)}\n ${resetInputElement(name)}\n ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n :host ::part(error-message) {\n direction: ltr;\n }\n :host([required]) ::part(required-indicator) {\n width: 1em;\n display: inline-flex;\n }\n :host([required]) ::part(required-indicator)::after {\n position: static;\n }\n :host([has-label]) ::part(label) {\n padding-right: 0;\n padding-bottom: 0;\n display: flex;\n width: 100%;\n }\n ${name} [slot=\"label\"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n return `\n :host([label-type=\"floating\"]) {\n position: relative;\n }\n :host([label-type=\"floating\"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n `;\n};\n"],"names":["componentName","host","inputField","inputElement","inputElementPlaceholder","revealButtonContainer","revealButtonIcon","label","requiredIndicator","errorMessage","helperText","selector","PasswordClass","mappings","hostWidth","property","hostMinWidth","hostDirection","fontSize","fontFamily","inputHeight","inputHorizontalPadding","inputBackgroundColor","inputBorderStyle","inputBorderWidth","inputBorderColor","inputBorderRadius","inputOutlineColor","inputOutlineStyle","inputOutlineOffset","inputOutlineWidth","labelFontSize","labelFontWeight","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputPlaceholderTextColor","inputValueTextColor","revealButtonOffset","revealButtonSize","revealButtonColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","inputType","inputName","includeAttrs","noBlurDispatch","proxyProps","useProxyTargets","superclass","observedAttributes","manualToggleVisibility","this","getAttribute","init","super","handleCaretOnVisibilityChange","origSetPasswordVisible","baseElement","_setPasswordVisible","origSetFocused","_setFocused","setFocus","bind","initExternalInput","externalInput","createExternalInput","handlePasswordVisibility","caretPosition","value","length","origTogglePasswordVisibility","_togglePasswordVisibility","setTimeout","setSelectionRange","focused","call","resetPasswordVisibilityToggle","origSetFocus","attributeChangedCallback","attrName","oldValue","newValue","origBoundRevealButtonMouseDown","__boundRevealButtonMouseDown","querySelector","removeEventListener","_passwordVisibleChanged","showPasswordVisibility","hidePasswordVisibility","input","setAttribute","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","isReadOnly","hasAttribute","ele","addEventListener","e","isDraggable","inputEle","target","prevType","focus","onComplete","_","removeAttribute","once","customElements","define","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}

package/dist/umd/descope-scopes-list-index-js.js CHANGED Viewed

@@ -1,3 +1,3 @@
 /*! For license information please see descope-scopes-list-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1448,1674,4551,4838,7362],{3274:(e,t,n)=>{n.r(t);var r=n(41813);customElements.define(r.T,r.A)},3393:(e,t,n)=>{n.d(t,{y:()=>a});var r=n(9696),o=n(79365),i=n(81365);const a=(...e)=>(0,r.Zz)(o.XX,o._$,o.yF,o.jd)((0,i.q)(...e))},7720:(e,t,n)=>{n.d(t,{T:()=>l,x:()=>c});var r=n(88961),o=n(63200),i=n(25964),a=n(93895),s=n(72270);const l=(0,i.xE)("list");class d extends((0,s.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,i.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#e(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#t(){this.items.forEach((e=>{let t=e;t.localName!==a.O.componentName&&(t=e.querySelector(a.O.componentName));const n="tiles"===this.variant?"tile":"row";t.setAttribute("variant",n)}))}init(){super.init?.(),(0,i.Ge)(this,(()=>{this.#e(),this.#t(),this.#n()}))}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach((e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")}))}attributeChangedCallback(e,t,n){super.attributeChangedCallback?.(e,t,n),n!==t&&("variant"===e?this.#t():"readonly"===e&&this.#n())}}const c=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),r.VO,r.tQ)(d)},16942:(e,t,n)=>{n.r(t),n.d(t,{ScopesListClass:()=>m,componentName:()=>h});var r=n(25964),o=n(81365),i=n(9696),a=n(97810),s=n(79365);const l=()=>!0,d=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`;var c=n(64321),p=n(83150);const h=(0,a.xE)("scopes-list"),u=["checkbox","switch"];class b extends((0,o.q)({componentName:h,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,r.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}get isReadOnly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"sm"}#r(){return Array.from(this.shadowRoot.querySelector("div").children)}reportValidity(){this.checkValidity()}checkValidity(){return this.data.every((e=>!e.required||this.value.includes(e.id)))}get value(){return this.#r().filter((e=>e.checked)).map((e=>e.getAttribute("data-id")))}set value(e=[]){this.#r().forEach((t=>{t.checked=e.includes(t.getAttribute("data-id"))}))}get variant(){const e=this.getAttribute("variant");return u.includes(e)?e:u[0]}}const m=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>c.q.componentName,property:c.q.cssVarList.hostDirection},{selector:()=>p.H.componentName,property:p.H.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${c.q.componentName}[required="true"]`,property:c.q.cssVarList.inputBorderColor},{selector:`${p.H.componentName}[required="true"]`,property:p.H.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${c.q.componentName}[required="true"]`,property:c.q.cssVarList.inputValueTextColor},{selector:`${p.H.componentName}[required="true"]`,property:p.H.cssVarList.knobColor}]}}),(({itemRenderer:e=d,validateSchema:t=l,slotName:n,rerenderAttrsList:r=[]})=>o=>class extends o{#o=[];#i(e){if(!t)return!0;const n=t(e);return!0===n||(console.error("Data schema validation failed",n||""),!1)}#a(){const e=n?`*[slot="${n}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach((e=>e.remove()))}#s(){this.#a(),this.data.forEach(((t,n)=>{const r="string"==typeof(o=e(t,n,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(o).content:o instanceof HTMLTemplateElement?o.content:(console.error("Invalid template",o),null);var o;this.baseElement.appendChild(r?.cloneNode(!0))}))}set data(e){this.#i(e)&&(this.#o=e,this.#s())}get data(){return this.#o}init(){super.init?.(),(0,a.mx)(this,(e=>{e.includes("data")?this.#l():this.#s()}),{includeAttrs:[...r,"data"]})}#l(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}})({itemRenderer:({id:e,desc:t,required:n=!1},r,o)=>{const i="checkbox"===o.variant?c.q:p.H;return`\n    <${i.componentName}\n      bordered="true"\n      size=${o.size}\n      label="${t}"\n      data-id="${e}"\n      readonly="${n||o.isReadOnly}"\n      required="${n}"\n      checked="true"\n    ></${i.componentName}>\n`},rerenderAttrsList:["size","variant"]}),s.VO,s.tQ)(b);n(45400),n(49582),n(21934),customElements.define(h,m)},18330:(e,t,n)=>{n.d(t,{f:()=>o});var r=n(44099);class o extends r.r{constructor(e,t){super(e,"input","input",{initializer:(e,n)=>{n.value&&(e.value=n.value),n.type&&e.setAttribute("type",n.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},19847:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(97810),o=n(41813);const i=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),(0,r.EA)(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),(0,r.q)(this.inputElement,this,["checked"]),(0,r.Gh)(this,this.inputElement,{includeAttrs:["checked"]})}}},21934:(e,t,n)=>{n.r(t),n.d(t,{SwitchToggleClass:()=>r.H,componentName:()=>r.T});var r=n(83150);n(67468),n(11284),n(3274),customElements.define(r.T,r.H)},24542:(e,t,n)=>{n.r(t),n.d(t,{ListItemClass:()=>r.O,componentName:()=>r.T});var r=n(93895);customElements.define(r.T,r.O)},41813:(e,t,n)=>{n.d(t,{A:()=>l,T:()=>i});var r=n(3393),o=n(97810);const i=(0,o.xE)("boolean-field-internal"),a=["disabled","label","invalid","readonly"],s=(0,r.y)({componentName:i,baseSelector:"div"}),l=class extends s{static get observedAttributes(){return["readonly"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox")}get value(){return this.checkbox?.checked}set value(e){this.checkbox.checked=e}get checked(){return this.value}set checked(e){this.value=e}init(){this.addEventListener("focus",(e=>{e.isTrusted&&this.checkbox.focus()})),super.init?.(),(0,o.EA)(this,this.checkbox,{includeAttrs:a}),(0,o.Gh)(this,this.checkbox,{includeAttrs:["checked"]}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(e,t,n){super.attributeChangedCallback?.(e,t,n),"readonly"===e&&this.onReadOnlyChange(null!==n)}onReadOnlyChange(e){this.baseElement.setAttribute("inert",e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}},45400:(e,t,n)=>{n.r(t),n.d(t,{ListClass:()=>r.x,componentName:()=>r.T}),n(24542);var r=n(7720);customElements.define(r.T,r.x)},47507:(e,t,n)=>{n.d(t,{A:()=>r});const r=`\n:host {\n\tdisplay: inline-flex;\n}\n\n${(0,n(73551).X6)()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n  content: unset;\n}\nvaadin-text-field::part(label) {\n  position: absolute;\n  top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n  background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n  align-self: flex-start;\n  padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n  -webkit-mask-image: none;\n  min-height: initial;\n}\n`},49582:(e,t,n)=>{n.r(t),n.d(t,{CheckboxClass:()=>r.q,componentName:()=>r.T});var r=n(64321);n(67468),n(11284),n(3274),customElements.define(r.T,r.q)},64321:(e,t,n)=>{n.d(t,{T:()=>d,q:()=>x});var r=n(97810),o=n(9696),i=n(79365),a=n(19847),s=n(47507),l=n(73551);const d=(0,r.xE)("checkbox"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},x=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[c,h,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},inputValueTextColor:{...u,property:"color"},inputBackgroundColor:{...h,property:"background-color"},inputBorderRadius:{...h,property:"border-radius"},inputBorderWidth:{...h,property:"border-width"},inputBorderOffset:{...h,property:"border-offset"},inputBorderColor:{...h,property:"border-color"},inputBorderStyle:{...h,property:"border-style"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"},inputSize:[{...h,property:"width"},{...h,property:"height"},{...u,property:"font-size"},{...p,property:"font-size"}]}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n      ${(0,l.cy)(x.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\n      }\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n      }\n\n      vaadin-checkbox::part(checkbox)::after {\n        top: 0;\n        left: 0;\n        -webkit-text-fill-color: initial;\n      }\n\n       vaadin-checkbox label {\n        -webkit-text-fill-color: initial;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n    `,excludeAttrsSync:["label","tabindex"],componentName:d}))},73551:(e,t,n)=>{n.d(t,{$J:()=>h,I4:()=>a,Kl:()=>u,LJ:()=>p,Qv:()=>i,X6:()=>l,cy:()=>r,fu:()=>d,kG:()=>c,lS:()=>s,zm:()=>o});const r=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,o=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,c=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,p=(e,t)=>`\n    ${o(e)}\n    ${a(e)}\n    ${s(e)}\n    ${i(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${c(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,h=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,u=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},83150:(e,t,n)=>{n.d(t,{H:()=>x,T:()=>d});var r=n(97810),o=n(9696),i=n(79365),a=n(19847),s=n(47507),l=n(73551);const d=(0,r.xE)("switch-toggle"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},x=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[p,b,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},trackBorderWidth:{...h,property:"border-width"},trackBorderStyle:{...h,property:"border-style"},trackBorderColor:{...h,property:"border-color"},trackBackgroundColor:{...h,property:"background-color"},trackBorderRadius:{...h,property:"border-radius"},trackWidth:[{...h,property:"width"}],trackHeight:[{...u,property:"font-size"},{...h,property:"height"}],knobSize:[{...u,property:"width"},{...u,property:"height"}],knobTextColor:{...u,property:"color"},knobRadius:{...u,property:"border-radius"},knobTransitionDuration:{...u,property:"transition"},knobColor:{...u,property:"background-color"},knobTopOffset:{...u,property:"top"},knobLeftOffset:{...u,property:"left"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"}}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n\t\t\t${(0,l.cy)(x.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field) {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox [slot="label"]:not(:empty) {\n        cursor: pointer;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::before {\n        content: '';\n\t\t\t}\n\n      vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,excludeAttrsSync:["label","tabindex"],componentName:d}))},93895:(e,t,n)=>{n.d(t,{O:()=>l,T:()=>s});var r=n(88961),o=n(63200),i=n(25964),a=n(72270);const s=(0,i.xE)("list-item"),l=(0,o.Zz)((0,r.RF)({mappings:{padding:{},backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),r.VO,r.tQ,(e=>class extends e{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,i.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}}),r.y)((0,a.qu)({componentName:s,baseSelector:"slot"}))}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1448,1674,4551,4838,7362],{3274:(e,t,n)=>{n.r(t);var r=n(41813);customElements.define(r.T,r.A)},3393:(e,t,n)=>{n.d(t,{y:()=>a});var r=n(9696),o=n(79365),i=n(81365);const a=(...e)=>(0,r.Zz)(o.XX,o._$,o.yF,o.jd)((0,i.q)(...e))},7720:(e,t,n)=>{n.d(t,{T:()=>l,x:()=>c});var r=n(88961),o=n(63200),i=n(25964),a=n(93895),s=n(72270);const l=(0,i.xE)("list");class d extends((0,s.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,i.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#e(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#t(){this.items.forEach((e=>{let t=e;t.localName!==a.O.componentName&&(t=e.querySelector(a.O.componentName));const n="tiles"===this.variant?"tile":"row";t.setAttribute("variant",n)}))}init(){super.init?.(),(0,i.Ge)(this,(()=>{this.#e(),this.#t(),this.#n()}))}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach((e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")}))}attributeChangedCallback(e,t,n){super.attributeChangedCallback?.(e,t,n),n!==t&&("variant"===e?this.#t():"readonly"===e&&this.#n())}}const c=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),r.VO,r.tQ)(d)},16942:(e,t,n)=>{n.r(t),n.d(t,{ScopesListClass:()=>m,componentName:()=>h});var r=n(25964),o=n(81365),i=n(9696),a=n(97810),s=n(79365);const l=()=>!0,d=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`;var c=n(64321),p=n(83150);const h=(0,a.xE)("scopes-list"),u=["checkbox","switch"];class b extends((0,o.q)({componentName:h,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,r.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}get isReadOnly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"sm"}#r(){return Array.from(this.shadowRoot.querySelector("div").children)}reportValidity(){this.checkValidity()}checkValidity(){return this.data.every((e=>!e.required||this.value.includes(e.id)))}get value(){return this.#r().filter((e=>e.checked)).map((e=>e.getAttribute("data-id")))}set value(e=[]){this.#r().forEach((t=>{t.checked=e.includes(t.getAttribute("data-id"))}))}get variant(){const e=this.getAttribute("variant");return u.includes(e)?e:u[0]}}const m=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>c.q.componentName,property:c.q.cssVarList.hostDirection},{selector:()=>p.H.componentName,property:p.H.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${c.q.componentName}[required="true"]`,property:c.q.cssVarList.inputBorderColor},{selector:`${p.H.componentName}[required="true"]`,property:p.H.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${c.q.componentName}[required="true"]`,property:c.q.cssVarList.inputValueTextColor},{selector:`${p.H.componentName}[required="true"]`,property:p.H.cssVarList.knobColor}]}}),(({itemRenderer:e=d,validateSchema:t=l,slotName:n,rerenderAttrsList:r=[]})=>o=>class extends o{#o=[];#i(e){if(!t)return!0;const n=t(e);return!0===n||(console.error("Data schema validation failed",n||""),!1)}#a(){const e=n?`*[slot="${n}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach((e=>e.remove()))}#s(){this.#a(),this.data.forEach(((t,n)=>{const r="string"==typeof(o=e(t,n,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(o).content:o instanceof HTMLTemplateElement?o.content:(console.error("Invalid template",o),null);var o;this.baseElement.appendChild(r?.cloneNode(!0))}))}set data(e){this.#i(e)&&(this.#o=e,this.#s())}get data(){return this.#o}init(){super.init?.(),(0,a.mx)(this,(e=>{e.includes("data")?this.#l():this.#s()}),{includeAttrs:[...r,"data"]})}#l(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}})({itemRenderer:({id:e,desc:t,required:n=!1},r,o)=>{const i="checkbox"===o.variant?c.q:p.H;return`\n    <${i.componentName}\n      bordered="true"\n      size=${o.size}\n      label="${t}"\n      data-id="${e}"\n      readonly="${n||o.isReadOnly}"\n      required="${n}"\n      checked="true"\n    ></${i.componentName}>\n`},rerenderAttrsList:["size","variant"]}),s.VO,s.tQ)(b);n(45400),n(49582),n(21934),customElements.define(h,m)},18330:(e,t,n)=>{n.d(t,{f:()=>o});var r=n(44099);class o extends r.r{constructor(e,t){super(e,"input","input",{initializer:(e,n)=>{n.value&&(e.value=n.value),n.type&&e.setAttribute("type",n.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},19847:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(97810),o=n(41813);const i=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${o.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${o.T}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(o.T),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),(0,r.EA)(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),(0,r.q)(this.inputElement,this,["checked"]),(0,r.Gh)(this,this.inputElement,{includeAttrs:["checked"]})}}},21934:(e,t,n)=>{n.r(t),n.d(t,{SwitchToggleClass:()=>r.H,componentName:()=>r.T});var r=n(83150);n(67468),n(11284),n(3274),customElements.define(r.T,r.H)},24542:(e,t,n)=>{n.r(t),n.d(t,{ListItemClass:()=>r.O,componentName:()=>r.T});var r=n(93895);customElements.define(r.T,r.O)},41813:(e,t,n)=>{n.d(t,{A:()=>l,T:()=>i});var r=n(3393),o=n(97810);const i=(0,o.xE)("boolean-field-internal"),a=["disabled","label","invalid","readonly"],s=(0,r.y)({componentName:i,baseSelector:"div"}),l=class extends s{static get observedAttributes(){return["readonly"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox")}get value(){return this.checkbox?.checked}set value(e){this.checkbox.checked=e}get checked(){return this.value}set checked(e){this.value=e}init(){this.addEventListener("focus",(e=>{e.isTrusted&&this.checkbox.focus()})),super.init?.(),(0,o.EA)(this,this.checkbox,{includeAttrs:a}),(0,o.Gh)(this,this.checkbox,{includeAttrs:["checked"]}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(e,t,n){super.attributeChangedCallback?.(e,t,n),"readonly"===e&&this.onReadOnlyChange(null!==n)}onReadOnlyChange(e){this.baseElement.setAttribute("inert",e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}},45400:(e,t,n)=>{n.r(t),n.d(t,{ListClass:()=>r.x,componentName:()=>r.T}),n(24542);var r=n(7720);customElements.define(r.T,r.x)},47507:(e,t,n)=>{n.d(t,{A:()=>r});const r=`\n:host {\n\tdisplay: inline-flex;\n}\n\n${(0,n(73551).X6)()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n  content: unset;\n}\nvaadin-text-field::part(label) {\n  position: absolute;\n  top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n  background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n  align-self: flex-start;\n  padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n  -webkit-mask-image: none;\n  min-height: initial;\n}\n`},49582:(e,t,n)=>{n.r(t),n.d(t,{CheckboxClass:()=>r.q,componentName:()=>r.T});var r=n(64321);n(67468),n(11284),n(3274),customElements.define(r.T,r.q)},64321:(e,t,n)=>{n.d(t,{T:()=>d,q:()=>x});var r=n(97810),o=n(9696),i=n(79365),a=n(19847),s=n(47507),l=n(73551);const d=(0,r.xE)("checkbox"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},x=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[c,h,b],fontFamily:[b,y,g],labelTextColor:{...b,property:"color"},labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},inputValueTextColor:{...u,property:"color"},inputBackgroundColor:{...h,property:"background-color"},inputBorderRadius:{...h,property:"border-radius"},inputBorderWidth:{...h,property:"border-width"},inputBorderOffset:{...h,property:"border-offset"},inputBorderColor:{...h,property:"border-color"},inputBorderStyle:{...h,property:"border-style"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"},inputSize:[{...h,property:"width"},{...h,property:"height"},{...u,property:"font-size"},{...p,property:"font-size"}]}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n      ${(0,l.cy)(x.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\n      }\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n      }\n\n      vaadin-checkbox::part(checkbox)::after {\n        top: 0;\n        left: 0;\n        -webkit-text-fill-color: initial;\n      }\n\n       vaadin-checkbox label {\n        -webkit-text-fill-color: initial;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n    `,excludeAttrsSync:["label","tabindex"],componentName:d}))},73551:(e,t,n)=>{n.d(t,{$J:()=>h,I4:()=>a,Kl:()=>u,LJ:()=>p,Qv:()=>i,X6:()=>l,cy:()=>r,fu:()=>d,kG:()=>c,lS:()=>s,zm:()=>o});const r=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,o=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,s=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,c=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,p=(e,t)=>`\n    ${o(e)}\n    ${a(e)}\n    ${s(e)}\n    ${i(e)}\n    ${((e,t)=>`\n    ${e} input:-webkit-autofill,\n    ${e} input:-webkit-autofill::first-line,\n    ${e} input:-webkit-autofill:hover,\n    ${e} input:-webkit-autofill:active,\n    ${e} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${t.inputValueTextColor});\n        box-shadow: 0 0 0 var(${t.inputHeight}) var(${t.inputBackgroundColor}) inset;\n    }\n`)(e,t)}\n    ${c(e)}\n    ${(e=>`\n    ${e}::before {\n\t\theight: unset;\n\t}\n`)(e)}\n    ${(e=>`\n    ${e} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(e)}\n    ${(e=>`\n    ${e}::part(input-field)::after {\n        border: none;\n    }\n`)(e)}\n`,h=e=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${e} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,u=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '},83150:(e,t,n)=>{n.d(t,{H:()=>x,T:()=>d});var r=n(97810),o=n(9696),i=n(79365),a=n(19847),s=n(47507),l=n(73551);const d=(0,r.xE)("switch-toggle"),{host:c,component:p,checkboxElement:h,checkboxSurface:u,checkboxLabel:b,requiredIndicator:m,helperText:y,errorMessage:g}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},x=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...c,property:"width"},hostDirection:{...c,property:"direction"},fontSize:[p,b,b],fontFamily:[b,y,g],labelTextColor:[{...b,property:"color"},{...b,property:"-webkit-text-fill-color"}],labelSpacing:{...b,property:"padding-inline-start"},labelLineHeight:{...b,property:"line-height"},labelFontWeight:{...b,property:"font-weight"},labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},trackBorderWidth:{...h,property:"border-width"},trackBorderStyle:{...h,property:"border-style"},trackBorderColor:{...h,property:"border-color"},trackBackgroundColor:{...h,property:"background-color"},trackBorderRadius:{...h,property:"border-radius"},trackWidth:[{...h,property:"width"}],trackHeight:[{...u,property:"font-size"},{...h,property:"height"}],knobSize:[{...u,property:"width"},{...u,property:"height"}],knobTextColor:{...u,property:"color"},knobRadius:{...u,property:"border-radius"},knobTransitionDuration:{...u,property:"transition"},knobColor:{...u,property:"background-color"},knobTopOffset:{...u,property:"top"},knobLeftOffset:{...u,property:"left"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineStyle:{...h,property:"outline-style"}}}),i.VO,(0,i.OZ)({proxyProps:["value","selectionStart"]}),i.tQ,a.A)((0,i.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${s.A}\n\t\t\t${(0,l.cy)(x.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n        width: 100%;\n      }\n\n      vaadin-text-field::part(input-field) {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox {\n        cursor: pointer;\n      }\n\n      vaadin-checkbox [slot="label"]:not(:empty) {\n        cursor: pointer;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox) {\n        margin: 0;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::before {\n        content: '';\n\t\t\t}\n\n      vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n      vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,excludeAttrsSync:["label","tabindex"],componentName:d}))},93895:(e,t,n)=>{n.d(t,{O:()=>l,T:()=>s});var r=n(88961),o=n(63200),i=n(25964),a=n(72270);const s=(0,i.xE)("list-item"),l=(0,o.Zz)((0,r.RF)({mappings:{padding:{},backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),r.VO,r.tQ,(e=>class extends e{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,i.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}}),r.y)((0,a.qu)({componentName:s,baseSelector:"slot"}))}}]);
 //# sourceMappingURL=descope-scopes-list-index-js.js.map

package/dist/umd/descope-scopes-list-index-js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"descope-scopes-list-index-js.js","mappings":";sLAEAA,eAAeC,OAAO,IAAe,0ECO9B,MAAMC,EAAuB,IAAIC,KACtC,QACE,KACA,KACA,KACA,KAJF,EAKE,UAAmBA,wGCDhB,MAAMC,GAAgB,QAAiB,QAE9C,MAAMC,WAAgB,QAAgB,CAAED,gBAAeE,aAAc,cACnE,6BAAWC,GACT,MAAO,CAAC,UAAW,WACrB,CAEA,WAAAC,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,gIAShD,QACE,8kBA6BAH,KAEJ,CAEA,SAAII,GACF,OAAOJ,KAAKK,WAAWC,cAAc,QAAQC,kBAC/C,CAEA,KAC4B,IAAtBP,KAAKI,MAAMI,OACbR,KAAKS,aAAa,QAAS,QAE3BT,KAAKU,gBAAgB,QAEzB,CAEA,WAAIC,GACF,OAAOX,KAAKY,aAAa,YAAc,MACzC,CAEA,KACEZ,KAAKI,MAAMS,SAASC,IAClB,IAAIC,EAAWD,EACXC,EAASC,YAAc,IAActB,gBACvCqB,EAAWD,EAAKR,cAAc,IAAcZ,gBAG9C,MAAMuB,EAAmC,UAAjBjB,KAAKW,QAAsB,OAAS,MAC5DI,EAASN,aAAa,UAAWQ,EAAgB,GAErD,CAEA,IAAAC,GACEnB,MAAMmB,UAGN,QAAgBlB,MAAM,KACpBA,MAAK,IACLA,MAAK,IACLA,MAAK,GAAiB,GAE1B,CAEA,cAAImB,GACF,MAAyC,SAAlCnB,KAAKY,aAAa,WAC3B,CAEA,KACEZ,KAAKI,MAAMS,SAASC,IACdd,KAAKmB,WAAYL,EAAKL,aAAa,QAAS,IAC3CK,EAAKJ,gBAAgB,QAAQ,GAEtC,CAEA,wBAAAU,CAAyBC,EAAMC,EAAUC,GACvCxB,MAAMqB,2BAA2BC,EAAMC,EAAUC,GAE7CA,IAAaD,IAEJ,YAATD,EACFrB,MAAK,IACa,aAATqB,GACTrB,MAAK,IAET,EAGK,MAAMwB,GAAY,SACvB,QAAiB,CACfC,SAAU,CACRC,UAAW,CAAEC,SAAU,IAAM,QAASC,SAAU,SAChDC,UAAW,CAAEF,SAAU,IAAM,SAC7BG,UAAW,CAAC,EACZC,gBAAiB,CAAC,CAAEH,SAAU,eAAiB,CAAEA,SAAU,mBAC3DI,kBAAmB,CAAC,CAAEJ,SAAU,gBAAkB,CAAEA,SAAU,kBAC9DK,cAAe,CAAEN,SAAU,IAAM,QAASC,SAAU,aACpDM,WAAY,CAAC,EACbC,IAAK,CAAC,EAENC,gBAAiB,CAAC,EAClBC,aAAc,CAAC,EACfC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,EAEdC,UAAW,CAAC,EACZC,oBAAqB,CAAC,EACtBC,cAAe,CAAEhB,SAAU,IAAM,0BAA2BC,SAAU,aACtEgB,cAAe,CAAEjB,SAAU,IAAM,0BAA2BC,SAAU,aACtEiB,qBAAsB,CAAElB,SAAU,IAAM,eAAgBC,SAAU,gBAClEkB,oBAAqB,CAAEnB,SAAU,IAAM,2BAA4BC,SAAU,SAC7EmB,yBAA0B,CACxBpB,SAAU,IAAM,2BAChBC,SAAU,kBAIhB,KACA,KA/BuB,CAgCvBjC,wIChKF,MAAMqD,EAAwB,KAAM,EAC9BC,EAAuBnC,GAAS,QAAQoC,KAAKC,UAAUrC,EAAM,KAAM,qCCMlE,MAAMpB,GAAgB,QAAiB,eACxC0D,EAAW,CAAC,WAAY,UAkB9B,MAAMC,WAAsB,EAAAC,EAAA,GAAgB,CAAE5D,gBAAeE,aAAc,SACzE,WAAAE,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,2BAIhD,QACE,qJAUAH,KAEJ,CAEA,cAAImB,GACF,MAAyC,SAAlCnB,KAAKY,aAAa,WAC3B,CAEA,QAAI2C,GACF,OAAOvD,KAAKY,aAAa,SAAW,IACtC,CAEA,KACE,OAAO4C,MAAMC,KAAKzD,KAAKK,WAAWC,cAAc,OAAOoD,SACzD,CAGA,cAAAC,GACE3D,KAAK4D,eACP,CAGA,aAAAA,GACE,OAAO5D,KAAK6D,KAAKC,OAAOhD,IAAUA,EAAKiD,UAAY/D,KAAKgE,MAAMC,SAASnD,EAAKoD,KAC9E,CAEA,SAAIF,GACF,OAAOhE,MAAK,IACTmE,QAAQC,GAASA,EAAKC,UACtBC,KAAKF,GAASA,EAAKxD,aAAa,YACrC,CAEA,SAAIoD,CAAMO,EAAM,IACdvE,MAAK,IAAiBa,SAASuD,IAE7BA,EAAKC,QAAUE,EAAIN,SAASG,EAAKxD,aAAa,WAAW,GAE7D,CAEA,WAAID,GACF,MAAMA,EAAUX,KAAKY,aAAa,WAElC,OAAOwC,EAASa,SAAStD,GAAWA,EAAUyC,EAAS,EACzD,EAGK,MAAMoB,GAAkB,SAC7B,QAAiB,CACf/C,SAAU,CACRC,UAAW,CAAEC,SAAU,IAAM,QAASC,SAAU,SAChDK,cAAe,CACb,CAAEN,SAAU,IAAM,QAASC,SAAU,aACrC,CACED,SAAU,IAAM8C,EAAA,EAAc/E,cAC9BkC,SAAU6C,EAAA,EAAcC,WAAWzC,eAErC,CACEN,SAAU,IAAMgD,EAAA,EAAkBjF,cAClCkC,SAAU+C,EAAA,EAAkBD,WAAWzC,gBAG3CE,IAAK,CAAER,SAAU,IAAM,MAAOC,SAAU,OACxCgD,yBAA0B,CACxB,CACEjD,SAAU,GAAG8C,EAAA,EAAc/E,iCAC3BkC,SAAU6C,EAAA,EAAcC,WAAWG,kBAErC,CACElD,SAAU,GAAGgD,EAAA,EAAkBjF,iCAC/BkC,SAAU+C,EAAA,EAAkBD,WAAWG,mBAG3CC,4BAA6B,CAC3B,CACEnD,SAAU,GAAG8C,EAAA,EAAc/E,iCAC3BkC,SAAU6C,EAAA,EAAcC,WAAWK,qBAErC,CACEpD,SAAU,GAAGgD,EAAA,EAAkBjF,iCAC/BkC,SAAU+C,EAAA,EAAkBD,WAAWM,eDnG/C,GACEC,eAAehC,EACfiC,iBAAiBlC,EACjBmC,WACAC,oBAAoB,MAErBC,GACC,cAAoCA,EAClC,GAAQ,GAGR,GAAgBxB,GACd,IAAKqB,EAAgB,OAAO,EAE5B,MAAMI,EAAaJ,EAAerB,GAClC,OAAmB,IAAfyB,IAGJC,QAAQC,MAAM,gCAAiCF,GAAc,KAEtD,EACT,CAEA,KACE,MAAM3D,EAAWwD,EAAW,WAAWA,MAAe,eACtDnF,KAAKyF,YAAYC,iBAAiB/D,GAAUd,SAASC,GAASA,EAAK6E,UACrE,CAEA,KACE3F,MAAK,IACLA,KAAK6D,KAAKhD,SAAQ,CAACC,EAAM8E,KACvB,MAAMC,EA7CkB,iBADNC,EA8CiBb,EAAanE,EAAM8E,EAAO5F,OArDhD,CAAC+F,IACtB,MAAMC,EAAWC,SAASC,cAAc,YAGxC,OAFAF,EAAS7F,UAAY4F,EAEdC,CAAQ,EAKNG,CAAeL,GAAkBD,QAGtCC,aAA4BM,oBACvBN,EAAiBD,SAI1BN,QAAQC,MAAM,mBAAoBM,GAC3B,MAXkB,IAACA,EA+ClB9F,KAAKyF,YAAYY,YAAYR,GAASS,WAAU,GAAM,GAE1D,CAEA,QAAIzC,CAAKG,GACHhE,MAAK,EAAgBgE,KACvBhE,MAAK,EAAQgE,EACbhE,MAAK,IAET,CAEA,QAAI6D,GACF,OAAO7D,MAAK,CACd,CAEA,IAAAkB,GACEnB,MAAMmB,UAEN,QACElB,MACCuG,IACKA,EAAMtC,SAAS,QAASjE,MAAK,IAC5BA,MAAK,GAAc,GAE1B,CAAEwG,aAAc,IAAIpB,EAAmB,SAE3C,CAEA,KACE,MAAMqB,EAAWzG,KAAKY,aAAa,QAEnC,GAAK6F,EAEL,IACEzG,KAAK6D,KAAOX,KAAKwD,MAAMD,EACzB,CAAE,MAAOE,GAEPpB,QAAQqB,KAAK,oBAAqBH,EACpC,CACF,GCiCJI,CAAuB,CAAE5B,aAvHN,EAAGf,KAAI4C,OAAM/C,YAAW,GAASgD,EAAGC,KACvD,MAAMC,EAAiC,aAAhBD,EAAIrG,QAAyB8D,EAAA,EAAgBE,EAAA,EAEpE,MAAO,UACFsC,EAAevH,oDAETsH,EAAIzD,sBACFuD,sBACE5C,uBACCH,GAAYiD,EAAI7F,gCAChB4C,oCAETkD,EAAevH,kBACvB,EA0GwC0F,kBAAmB,CAAC,OAAQ,aACnE,KACA,KAxC6B,CAyC7B/B,8BCjIF/D,eAAeC,OAAOG,EAAe8E,oDCK9B,MAAM0C,UAAwB,IACnC,WAAApH,CAAYqH,EAAMC,GAChBrH,MAAMoH,EAAM,QAAS,QAAS,CAC5BE,YAAa,CAACjD,EAAM+C,KACdA,EAAKnD,QACPI,EAAKJ,MAAQmD,EAAKnD,OAEhBmD,EAAKG,MACPlD,EAAK3D,aAAa,OAAQ0G,EAAKG,MAIjClD,EAAKF,GAAKlE,KAAKuH,UAES,mBAAbH,GACTA,EAAShD,EACX,EAEFoD,aAAa,GAEjB,+DC3BK,MAAMC,EAAqBpC,GAChC,cAAqCA,EACnC,IAAAnE,GACEnB,MAAMmB,SAEN,MAAM8E,EAAWC,SAASC,cAAc,YACxCF,EAAS7F,UAAY,cACpB,oEAGE,eAGHH,KAAKyF,YAAYY,YAAYL,EAASH,QAAQS,WAAU,IACxDtG,KAAK0H,aAAe1H,KAAKK,WAAWC,cAAc,KAClDN,KAAK2H,SAAW3H,KAAK0H,aAAapH,cAAc,oBAEhD,QAAaN,KAAMA,KAAK0H,aAAc,CACpClB,aAAc,CACZ,WACA,aACA,OACA,QACA,UACA,WACA,eAIJ,OAAaxG,KAAK0H,aAAc1H,KAAM,CAAC,aACvC,QAAUA,KAAMA,KAAK0H,aAAc,CAAElB,aAAc,CAAC,YACtD,6HC7BJlH,eAAeC,OAAO,IAAe,iGCHrCD,eAAeC,OAAO,IAAe,wECC9B,MAAMG,GAAgB,QAAiB,0BAExCkI,EAAoB,CAAC,WAAY,QAAS,UAAW,YAErDC,GAAiB,OAAqB,CAAEnI,gBAAeE,aAAc,QAqE3E,EAnEA,cAAmCiI,EACjC,6BAAWhI,GACT,MAAO,CAAC,WACV,CAEA,WAAAC,GACEC,QACAC,KAAKG,UAAY,iGAKjBH,KAAK8H,WAAa9H,KAAKM,cAAc,OACrCN,KAAK2H,SAAW3H,KAAKM,cAAc,kBACrC,CAEA,SAAI0D,GACF,OAAOhE,KAAK2H,UAAUtD,OACxB,CAEA,SAAIL,CAAMO,GACRvE,KAAK2H,SAAStD,QAAUE,CAC1B,CAEA,WAAIF,GACF,OAAOrE,KAAKgE,KACd,CAEA,WAAIK,CAAQE,GACVvE,KAAKgE,MAAQO,CACf,CAEA,IAAArD,GACElB,KAAK+H,iBAAiB,SAAUpB,IAC1BA,EAAEqB,WACJhI,KAAK2H,SAASM,OAChB,IAEFlI,MAAMmB,UAEN,QAAalB,KAAMA,KAAK2H,SAAU,CAAEnB,aAAcoB,KAClD,QAAU5H,KAAMA,KAAK2H,SAAU,CAAEnB,aAAc,CAAC,aAGhDxG,KAAKkI,6BAA6B,CAAClI,KAAK2H,UAC1C,CAEA,wBAAAvG,CAAyB+G,EAAU7G,EAAUC,GAC3CxB,MAAMqB,2BAA2B+G,EAAU7G,EAAUC,GAEpC,aAAb4G,GACFnI,KAAKoI,iBAA8B,OAAb7G,EAE1B,CAEA,gBAAA6G,CAAiB7D,GACfvE,KAAKyF,YAAYhF,aAAa,QAAS8D,EACzC,CAEA,WAAA8D,GACE,OAAIrI,KAAKsI,aAAetI,KAAKgE,MACpB,CAAEuE,cAAc,GAElB,CAAC,CACV,mGCrEFjJ,eAAeC,OAAO,IAAe,uCCFrC,qDAKE,66BCFFD,eAAeC,OAAO,IAAe,oHCQ9B,MAAMG,GAAgB,QAAiB,aAExC,KACJyH,EAAI,UACJqB,EAAS,gBACTC,EAAe,gBACfC,EAAe,cACfC,EAAa,kBACbC,EAAiB,WACjBC,EAAU,aACVC,GACE,CACF3B,KAAM,CAAExF,SAAU,IAAM,SACxBiH,kBAAmB,CAAEjH,SAAU,gEAC/B6G,UAAW,CAAE7G,SAAU,mBACvB8G,gBAAiB,CAAE9G,SAAU,mCAC7B+G,gBAAiB,CAAE/G,SAAU,0CAC7BgH,cAAe,CAAEhH,SAAU,8CAC3BkH,WAAY,CAAElH,SAAU,uBACxBmH,aAAc,CAAEnH,SAAU,0BAGf8C,GAAgB,SAC3B,QAAiB,CACfhD,SAAU,CACRC,UAAW,IAAKyF,EAAMvF,SAAU,SAChCK,cAAe,IAAKkF,EAAMvF,SAAU,aAEpCmH,SAAU,CAAC5B,EAAMsB,EAAiBE,GAClCzG,WAAY,CAACyG,EAAeE,EAAYC,GAExCE,eAAgB,IAAKL,EAAe/G,SAAU,SAC9CqH,aAAc,IAAKN,EAAe/G,SAAU,wBAC5CsH,gBAAiB,IAAKP,EAAe/G,SAAU,eAC/CuH,gBAAiB,IAAKR,EAAe/G,SAAU,eAC/CwH,uBAAwB,IAAKR,EAAmBhH,SAAU,WAE1DyH,sBAAuB,IAAKP,EAAclH,SAAU,SACpD0H,iBAAkB,IAAKR,EAAclH,SAAU,oBAC/C2H,qBAAsB,IAAKT,EAAclH,SAAU,mBACnD4H,wBAAyB,IAAKV,EAAclH,SAAU,wBACtD6H,uBAAwB,IAAKX,EAAclH,SAAU,qBACrD8H,yBAA0B,IAAKZ,EAAclH,SAAU,uBACvD+H,qBAAsB,IAAKb,EAAclH,SAAU,aAEnDmD,oBAAqB,IAAK2D,EAAiB9G,SAAU,SACrDgI,qBAAsB,IAAKnB,EAAiB7G,SAAU,oBAEtDiI,kBAAmB,IAAKpB,EAAiB7G,SAAU,iBACnDkI,iBAAkB,IAAKrB,EAAiB7G,SAAU,gBAClDmI,kBAAmB,IAAKtB,EAAiB7G,SAAU,iBACnDiD,iBAAkB,IAAK4D,EAAiB7G,SAAU,gBAClDoI,iBAAkB,IAAKvB,EAAiB7G,SAAU,gBAElDqI,kBAAmB,IAAKxB,EAAiB7G,SAAU,iBACnDsI,mBAAoB,IAAKzB,EAAiB7G,SAAU,kBACpDuI,kBAAmB,IAAK1B,EAAiB7G,SAAU,iBACnDwI,kBAAmB,IAAK3B,EAAiB7G,SAAU,iBAEnDyI,UAAW,CACT,IAAK5B,EAAiB7G,SAAU,SAChC,IAAK6G,EAAiB7G,SAAU,UAChC,IAAK8G,EAAiB9G,SAAU,aAChC,IAAK4G,EAAW5G,SAAU,iBAIhC,MACA,QAAgB,CAAE0I,WAAY,CAAC,QAAS,oBACxC,KACA,IAhD2B,EAkD3B,QAAY,CACVC,MAAO,GACPC,eAAgB,oBAChBC,MAAO,IAAM,WACZ,eACG,QAAuBhG,EAAcC,svBAwCzCgG,iBAAkB,CAAC,QAAS,YAC5BhL,gJCnIG,MAAMiL,EAA0BjG,GAAe,4CAE1BA,EAAWuF,4BAA4BvF,EAAWwF,gCAwBjEU,EAAuBvJ,GAAS,SACvCA,sIASOwJ,EAAmBxJ,GAAS,SACnCA,6GAOOyJ,EAAoBzJ,GAAS,SACpCA,mBACAA,wBACAA,mEAKO0J,EAAwB,CAAC1J,EAAM2J,EAAM,UAAY,SACxD3J,iBAAoB2J,2BACvB3J,iBAAoB2J,gDAgBVC,EAA8B,IAAM,uGAOpCC,EAA2B7J,GAAS,SAC3CA,8DAKO8J,EAAyC9J,GAAS,SACzDA,oEAKO+J,EAAsB,CAAC/J,EAAMqD,IAAe,SACnDkG,EAAoBvJ,WACpByJ,EAAiBzJ,WACjB0J,EAAsB1J,WACtBwJ,EAAgBxJ,WAlCY,EAACA,EAAMqD,IAAe,SAClDrD,kCACAA,8CACAA,wCACAA,yCACAA,0EACiCqD,EAAWK,wDAClBL,EAAW2G,oBAAoB3G,EAAWkF,wCA4BpE0B,CAAmBjK,EAAMqD,WACzByG,EAAsC9J,WAnFV,CAACA,GAAS,SACtCA,yCAmFAkK,CAAmBlK,WA9EQ,CAACA,GAAS,SACrCA,mHA8EAmK,CAAkBnK,WA3FwB,CAACA,GAAS,SACpDA,gEA2FAoK,CAAiCpK,OAM1BqK,EAA2BrK,GAAS,4ZAiB3CA,yJAQOsK,EAA0B,IAC9B,gTCrHF,MAAMjM,GAAgB,QAAiB,kBAExC,KACJyH,EAAI,UACJqB,EACAC,gBAAiBmD,EACjBlD,gBAAiBmD,EAAI,cACrBlD,EAAa,kBACbC,EAAiB,WACjBC,EAAU,aACVC,GACE,CACF3B,KAAM,CAAExF,SAAU,IAAM,SACxBiH,kBAAmB,CAAEjH,SAAU,gEAC/B6G,UAAW,CAAE7G,SAAU,mBACvB8G,gBAAiB,CAAE9G,SAAU,mCAC7B+G,gBAAiB,CAAE/G,SAAU,0CAC7BgH,cAAe,CAAEhH,SAAU,8CAC3BkH,WAAY,CAAElH,SAAU,uBACxBmH,aAAc,CAAEnH,SAAU,0BAGfgD,GAAoB,SAC/B,QAAiB,CACflD,SAAU,CACRC,UAAW,IAAKyF,EAAMvF,SAAU,SAChCK,cAAe,IAAKkF,EAAMvF,SAAU,aAEpCmH,SAAU,CAACP,EAAWG,EAAeA,GACrCzG,WAAY,CAACyG,EAAeE,EAAYC,GAExCE,eAAgB,IAAKL,EAAe/G,SAAU,SAC9CqH,aAAc,IAAKN,EAAe/G,SAAU,wBAC5CsH,gBAAiB,IAAKP,EAAe/G,SAAU,eAC/CuH,gBAAiB,IAAKR,EAAe/G,SAAU,eAC/CwH,uBAAwB,IAAKR,EAAmBhH,SAAU,WAE1DyH,sBAAuB,IAAKP,EAAclH,SAAU,SAEpD0H,iBAAkB,IAAKR,EAAclH,SAAU,oBAC/C2H,qBAAsB,IAAKT,EAAclH,SAAU,mBACnD4H,wBAAyB,IAAKV,EAAclH,SAAU,wBACtD6H,uBAAwB,IAAKX,EAAclH,SAAU,qBACrD8H,yBAA0B,IAAKZ,EAAclH,SAAU,uBACvD+H,qBAAsB,IAAKb,EAAclH,SAAU,aAEnDkK,iBAAkB,IAAKF,EAAOhK,SAAU,gBACxCmK,iBAAkB,IAAKH,EAAOhK,SAAU,gBACxCoK,iBAAkB,IAAKJ,EAAOhK,SAAU,gBACxCqK,qBAAsB,IAAKL,EAAOhK,SAAU,oBAC5CsK,kBAAmB,IAAKN,EAAOhK,SAAU,iBACzCuK,WAAY,CAAC,IAAKP,EAAOhK,SAAU,UACnCwK,YAAa,CACX,IAAKP,EAAMjK,SAAU,aACrB,IAAKgK,EAAOhK,SAAU,WAGxByK,SAAU,CACR,IAAKR,EAAMjK,SAAU,SACrB,IAAKiK,EAAMjK,SAAU,WAEvB0K,cAAe,IAAKT,EAAMjK,SAAU,SACpC2K,WAAY,IAAKV,EAAMjK,SAAU,iBACjC4K,uBAAwB,IAAKX,EAAMjK,SAAU,cAC7CoD,UAAW,IAAK6G,EAAMjK,SAAU,oBAChC6K,cAAe,IAAKZ,EAAMjK,SAAU,OACpC8K,eAAgB,IAAKb,EAAMjK,SAAU,QAErCqI,kBAAmB,IAAK2B,EAAOhK,SAAU,iBACzCsI,mBAAoB,IAAK0B,EAAOhK,SAAU,kBAC1CuI,kBAAmB,IAAKyB,EAAOhK,SAAU,iBACzCwI,kBAAmB,IAAKwB,EAAOhK,SAAU,oBAG7C,MACA,QAAgB,CAAE0I,WAAY,CAAC,QAAS,oBACxC,KACA,IAvD+B,EAyD/B,QAAY,CACVC,MAAO,GACPC,eAAgB,oBAChBC,MAAO,IAAM,WACZ,eACA,QAAuB9F,EAAkBD,+/BAsD1CgG,iBAAkB,CAAC,QAAS,YAC5BhL,6GC7IG,MAAMA,GAAgB,QAAiB,aA4BjCiN,GAAgB,SAC3B,QAAiB,CACflL,SAAU,CACRmL,QAAS,CAAC,EACVxK,gBAAiB,CAAC,EAClBE,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdH,aAAc,CAAC,EACfwK,QAAS,CAAC,EACVC,OAAQ,CAAC,EACT3K,IAAK,CAAC,EACN4K,SAAU,CAAEpL,SAAU,IAAM,SAC5BqL,WAAY,CAAC,EACbC,cAAe,CAAC,EAChBC,WAAY,CAAC,KAGjB,KACA,MA7CmB7H,GACnB,cAAiCA,EAC/B,WAAAvF,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,+BAIhD,QACE,uMAWAH,KAEJ,IAwBF,IArB2B,EAsB3B,QAAgB,CAAEN,gBAAeE,aAAc","sources":["webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-boolean-field-internal/index.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/./src/mixins/createDynamicDataMixin.js","webpack://@descope/web-components-ui/./src/components/descope-scopes-list/ScopesListClass.js","webpack://@descope/web-components-ui/./src/components/descope-scopes-list/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/booleanFieldMixin.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-switch-toggle/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-boolean-field-internal/BooleanFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/commonStyles.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-checkbox/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-checkbox/CheckboxClass.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js"],"sourcesContent":["import BooleanFieldInternal, { componentName } from './BooleanFieldInternal';\n\ncustomElements.define(componentName, BooleanFieldInternal);\n","import { compose } from '../helpers';\nimport {\n changeMixin,\n inputEventsDispatchingMixin,\n inputValidationMixin,\n normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n compose(\n inputValidationMixin,\n changeMixin,\n normalizeBooleanAttributesMixin,\n inputEventsDispatchingMixin\n )(createBaseClass(...args));\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({ componentName, baseSelector: '.wrapper' }) {\n static get observedAttributes() {\n return ['variant', 'readonly'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n <slot name=\"empty-state\">\n No item...\n </slot>\n </div>\n\t`;\n\n injectStyle(\n `\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name=\"empty-state\"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name=\"empty-state\"] {\n display: none;\n }\n :host([empty]) slot[name=\"empty-state\"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n `,\n this\n );\n }\n\n get items() {\n return this.shadowRoot.querySelector('slot').assignedElements();\n }\n\n #handleEmptyState() {\n if (this.items.length === 0) {\n this.setAttribute('empty', 'true');\n } else {\n this.removeAttribute('empty');\n }\n }\n\n get variant() {\n return this.getAttribute('variant') \|\| 'list';\n }\n\n #handleItemsVariant() {\n this.items.forEach((item) => {\n let listItem = item;\n if (listItem.localName !== ListItemClass.componentName) {\n listItem = item.querySelector(ListItemClass.componentName);\n }\n\n const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n listItem.setAttribute('variant', listItemVariant);\n });\n }\n\n init() {\n super.init?.();\n\n // we want new items to get the size\n observeChildren(this, () => {\n this.#handleEmptyState();\n this.#handleItemsVariant();\n this.#handleReadOnly();\n });\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n #handleReadOnly() {\n this.items.forEach((item) => {\n if (this.isReadOnly) item.setAttribute('inert', '');\n else item.removeAttribute('inert');\n });\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (newValue === oldValue) return;\n\n if (name === 'variant') {\n this.#handleItemsVariant();\n } else if (name === 'readonly') {\n this.#handleReadOnly();\n }\n }\n}\n\nexport const ListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n maxHeight: { selector: () => ':host' },\n minHeight: {},\n verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n hostDirection: { selector: () => ':host', property: 'direction' },\n fontFamily: {},\n gap: {},\n\n backgroundColor: {},\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n boxShadow: {},\n gridTemplateColumns: {},\n maxItemsWidth: { selector: () => '::slotted(:not([slot]))', property: 'max-width' },\n minItemsWidth: { selector: () => '::slotted(:not([slot]))', property: 'min-width' },\n itemsHorizontalAlign: { selector: () => '::slotted()', property: 'justify-self' },\n emptyStateTextColor: { selector: () => 'slot[name=\"empty-state\"]', property: 'color' },\n emptyStateTextFontFamily: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'font-family',\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawList);\n","import { observeAttributes } from '../helpers/componentHelpers';\n\nconst defaultValidateSchema = () => true;\nconst defaultItemRenderer = (item) => `<pre>${JSON.stringify(item, null, 4)}</pre>`;\n\nconst createTemplate = (templateString) => {\n const template = document.createElement('template');\n template.innerHTML = templateString;\n\n return template;\n};\n\nconst getTemplateContent = (templateOrString) => {\n if (typeof templateOrString === 'string') {\n return createTemplate(templateOrString).content;\n }\n\n if (templateOrString instanceof HTMLTemplateElement) {\n return templateOrString.content;\n }\n\n // eslint-disable-next-line no-console\n console.error('Invalid template', templateOrString);\n return null;\n};\n\nexport const createDynamicDataMixin =\n ({\n itemRenderer = defaultItemRenderer,\n validateSchema = defaultValidateSchema,\n slotName,\n rerenderAttrsList = [],\n }) =>\n (superclass) =>\n class DynamicDataMixinClass extends superclass {\n #data = [];\n\n // eslint-disable-next-line class-methods-use-this\n #validateSchema(data) {\n if (!validateSchema) return true;\n\n const validation = validateSchema(data);\n if (validation === true) return true;\n\n // eslint-disable-next-line no-console\n console.error('Data schema validation failed', validation \|\| '');\n\n return false;\n }\n\n #removeOldItems() {\n const selector = slotName ? `[slot=\"${slotName}\"]` : ':not([slot])';\n this.baseElement.querySelectorAll(selector).forEach((item) => item.remove());\n }\n\n #renderItems() {\n this.#removeOldItems();\n this.data.forEach((item, index) => {\n const content = getTemplateContent(itemRenderer(item, index, this));\n this.baseElement.appendChild(content?.cloneNode(true));\n });\n }\n\n set data(value) {\n if (this.#validateSchema(value)) {\n this.#data = value;\n this.#renderItems();\n }\n }\n\n get data() {\n return this.#data;\n }\n\n init() {\n super.init?.();\n\n observeAttributes(\n this,\n (attrs) => {\n if (attrs.includes('data')) this.#handleDataAttr();\n else this.#renderItems();\n },\n { includeAttrs: [...rerenderAttrsList, 'data'] }\n );\n }\n\n #handleDataAttr() {\n const dataAttr = this.getAttribute('data');\n\n if (!dataAttr) return;\n\n try {\n this.data = JSON.parse(dataAttr);\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Invalid JSON data', dataAttr);\n }\n }\n };\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { createDynamicDataMixin } from '../../mixins/createDynamicDataMixin';\nimport { CheckboxClass } from '../boolean-fields/descope-checkbox/CheckboxClass';\nimport { SwitchToggleClass } from '../boolean-fields/descope-switch-toggle/SwitchToggleClass';\n\nexport const componentName = getComponentName('scopes-list');\nconst variants = ['checkbox', 'switch'];\n\nconst itemRenderer = ({ id, desc, required = false }, _, ref) => {\n const ComponentClass = ref.variant === 'checkbox' ? CheckboxClass : SwitchToggleClass;\n\n return `\n <${ComponentClass.componentName}\n bordered=\"true\"\n size=${ref.size}\n label=\"${desc}\"\n data-id=\"${id}\"\n readonly=\"${required \|\| ref.isReadOnly}\"\n required=\"${required}\"\n checked=\"true\"\n ></${ComponentClass.componentName}>\n`;\n};\n\nclass RawScopesList extends createBaseClass({ componentName, baseSelector: 'div' }) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div></div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n `,\n this\n );\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get size() {\n return this.getAttribute('size') \|\| 'sm';\n }\n\n #getChildNodes() {\n return Array.from(this.shadowRoot.querySelector('div').children);\n }\n\n // eslint-disable-next-line class-methods-use-this\n reportValidity() {\n this.checkValidity();\n }\n\n // eslint-disable-next-line class-methods-use-this\n checkValidity() {\n return this.data.every((item) => !item.required \|\| this.value.includes(item.id));\n }\n\n get value() {\n return this.#getChildNodes()\n .filter((node) => node.checked)\n .map((node) => node.getAttribute('data-id'));\n }\n\n set value(val = []) {\n this.#getChildNodes().forEach((node) => {\n // eslint-disable-next-line no-param-reassign\n node.checked = val.includes(node.getAttribute('data-id'));\n });\n }\n\n get variant() {\n const variant = this.getAttribute('variant');\n\n return variants.includes(variant) ? variant : variants[0];\n }\n}\n\nexport const ScopesListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n hostDirection: [\n { selector: () => ':host', property: 'direction' },\n {\n selector: () => CheckboxClass.componentName,\n property: CheckboxClass.cssVarList.hostDirection,\n },\n {\n selector: () => SwitchToggleClass.componentName,\n property: SwitchToggleClass.cssVarList.hostDirection,\n },\n ],\n gap: { selector: () => 'div', property: 'gap' },\n requiredInputBorderColor: [\n {\n selector: `${CheckboxClass.componentName}[required=\"true\"]`,\n property: CheckboxClass.cssVarList.inputBorderColor,\n },\n {\n selector: `${SwitchToggleClass.componentName}[required=\"true\"]`,\n property: SwitchToggleClass.cssVarList.inputBorderColor,\n },\n ],\n requiredInputValueTextColor: [\n {\n selector: `${CheckboxClass.componentName}[required=\"true\"]`,\n property: CheckboxClass.cssVarList.inputValueTextColor,\n },\n {\n selector: `${SwitchToggleClass.componentName}[required=\"true\"]`,\n property: SwitchToggleClass.cssVarList.knobColor,\n },\n ],\n },\n }),\n createDynamicDataMixin({ itemRenderer, rerenderAttrsList: ['size', 'variant'] }),\n draggableMixin,\n componentNameValidationMixin\n)(RawScopesList);\n","import { componentName, ScopesListClass } from './ScopesListClass';\nimport '@descope-ui/descope-list';\nimport '../boolean-fields/descope-checkbox';\nimport '../boolean-fields/descope-switch-toggle';\n\ncustomElements.define(componentName, ScopesListClass);\n\nexport { ScopesListClass, componentName };\n","/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/\n A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n constructor(host, callback) {\n super(host, 'input', 'input', {\n initializer: (node, host) => {\n if (host.value) {\n node.value = host.value;\n }\n if (host.type) {\n node.setAttribute('type', host.type);\n }\n\n // Ensure every instance has unique ID\n node.id = this.defaultId;\n\n if (typeof callback === 'function') {\n callback(node);\n }\n },\n useUniqueId: true,\n });\n }\n}\n","import { forwardAttrs, forwardProps, syncAttrs } from '../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-boolean-field-internal/BooleanFieldInternal';\n\nexport const booleanFieldMixin = (superclass) =>\n class BooleanFieldMixinClass extends superclass {\n init() {\n super.init?.();\n\n const template = document.createElement('template');\n template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n\t\t\t`;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n this.checkbox = this.inputElement.querySelector('vaadin-checkbox');\n\n forwardAttrs(this, this.inputElement, {\n includeAttrs: [\n 'required',\n 'full-width',\n 'size',\n 'label',\n 'invalid',\n 'disabled',\n 'readonly',\n ],\n });\n\n forwardProps(this.inputElement, this, ['checked']);\n syncAttrs(this, this.inputElement, { includeAttrs: ['checked'] });\n }\n };\n","import { componentName, SwitchToggleClass } from './SwitchToggleClass';\nimport '@vaadin/checkbox';\nimport '@vaadin/text-field';\nimport '../descope-boolean-field-internal';\n\ncustomElements.define(componentName, SwitchToggleClass);\n\nexport { SwitchToggleClass, componentName };\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('boolean-field-internal');\n\nconst forwardAttributes = ['disabled', 'label', 'invalid', 'readonly'];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass BooleanInputInternal extends BaseInputClass {\n static get observedAttributes() {\n return ['readonly'];\n }\n\n constructor() {\n super();\n this.innerHTML = `\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t`;\n this.wrapperEle = this.querySelector('div');\n this.checkbox = this.querySelector('vaadin-checkbox');\n }\n\n get value() {\n return this.checkbox?.checked;\n }\n\n set value(val) {\n this.checkbox.checked = val;\n }\n\n get checked() {\n return this.value;\n }\n\n set checked(val) {\n this.value = val;\n }\n\n init() {\n this.addEventListener('focus', (e) => {\n if (e.isTrusted) {\n this.checkbox.focus();\n }\n });\n super.init?.();\n\n forwardAttrs(this, this.checkbox, { includeAttrs: forwardAttributes });\n syncAttrs(this, this.checkbox, { includeAttrs: ['checked'] });\n\n // we need it in order to set the focus ring and trigger validation on descope-checkbox\n this.handleFocusEventsDispatching([this.checkbox]);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (attrName === 'readonly') {\n this.onReadOnlyChange(newValue !== null);\n }\n }\n\n onReadOnlyChange(val) {\n this.baseElement.setAttribute('inert', val);\n }\n\n getValidity() {\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n return {};\n }\n}\n\nexport default BooleanInputInternal;\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { resetInputFieldDefaultWidth } from '../../helpers/themeHelpers/resetHelpers';\n\nexport default `\n:host {\n\tdisplay: inline-flex;\n}\n\n${resetInputFieldDefaultWidth()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n content: unset;\n}\nvaadin-text-field::part(label) {\n position: absolute;\n top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot=\"label\"] {\n align-self: flex-start;\n padding: 0;\n}\n[required] vaadin-checkbox [slot=\"label\"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n -webkit-mask-image: none;\n min-height: initial;\n}\n`;\n","import { componentName, CheckboxClass } from './CheckboxClass';\nimport '@vaadin/checkbox';\nimport '@vaadin/text-field';\nimport '../descope-boolean-field-internal';\n\ncustomElements.define(componentName, CheckboxClass);\n\nexport { CheckboxClass, componentName };\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n createStyleMixin,\n proxyInputMixin,\n draggableMixin,\n componentNameValidationMixin,\n createProxy,\n} from '../../../mixins';\nimport { booleanFieldMixin } from '../booleanFieldMixin';\nimport commonStyles from '../commonStyles';\nimport { useHostExternalPadding } from '../../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('checkbox');\n\nconst {\n host,\n component,\n checkboxElement,\n checkboxSurface,\n checkboxLabel,\n requiredIndicator,\n helperText,\n errorMessage,\n} = {\n host: { selector: () => ':host' },\n requiredIndicator: { selector: '[required] vaadin-checkbox [slot=\"label\"]:not(:empty)::after' },\n component: { selector: 'vaadin-checkbox' },\n checkboxElement: { selector: 'vaadin-checkbox::part(checkbox)' },\n checkboxSurface: { selector: 'vaadin-checkbox::part(checkbox)::after' },\n checkboxLabel: { selector: 'vaadin-checkbox [slot=\"label\"]:not(:empty)' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const CheckboxClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n\n fontSize: [host, checkboxElement, checkboxLabel],\n fontFamily: [checkboxLabel, helperText, errorMessage],\n\n labelTextColor: { ...checkboxLabel, property: 'color' },\n labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },\n labelLineHeight: { ...checkboxLabel, property: 'line-height' },\n labelFontWeight: { ...checkboxLabel, property: 'font-weight' },\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n inputValueTextColor: { ...checkboxSurface, property: 'color' },\n inputBackgroundColor: { ...checkboxElement, property: 'background-color' },\n\n inputBorderRadius: { ...checkboxElement, property: 'border-radius' },\n inputBorderWidth: { ...checkboxElement, property: 'border-width' },\n inputBorderOffset: { ...checkboxElement, property: 'border-offset' },\n inputBorderColor: { ...checkboxElement, property: 'border-color' },\n inputBorderStyle: { ...checkboxElement, property: 'border-style' },\n\n inputOutlineWidth: { ...checkboxElement, property: 'outline-width' },\n inputOutlineOffset: { ...checkboxElement, property: 'outline-offset' },\n inputOutlineColor: { ...checkboxElement, property: 'outline-color' },\n inputOutlineStyle: { ...checkboxElement, property: 'outline-style' },\n\n inputSize: [\n { ...checkboxElement, property: 'width' },\n { ...checkboxElement, property: 'height' },\n { ...checkboxSurface, property: 'font-size' },\n { ...component, property: 'font-size' },\n ],\n },\n }),\n draggableMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n componentNameValidationMixin,\n booleanFieldMixin\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t${commonStyles}\n ${useHostExternalPadding(CheckboxClass.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n margin: 1px;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n height: 100%;\n }\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n }\n\n vaadin-checkbox::part(checkbox)::after {\n top: 0;\n left: 0;\n -webkit-text-fill-color: initial;\n }\n\n vaadin-checkbox label {\n -webkit-text-fill-color: initial;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n `,\n excludeAttrsSync: ['label', 'tabindex'],\n componentName,\n })\n);\n","export const useHostExternalPadding = (cssVarList) => `\n :host {\n padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n ${name}::part(input-field)::after {\n border: none;\n }\n`;\n\nexport const resetInitialHeight = (name) => `\n ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n ${name} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputContainer = (name) => `\n ${name} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputField = (name) => `\n ${name}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`;\n\nexport const resetInputCursor = (name) => `\n ${name} > label,\n ${name}::part(label),\n ${name}::part(required-indicator) {\n cursor: pointer;\n }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n ${name} input:-webkit-autofill,\n ${name} input:-webkit-autofill::first-line,\n ${name} input:-webkit-autofill:hover,\n ${name} input:-webkit-autofill:active,\n ${name} input:-webkit-autofill:focus {\n -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n ${name}::part(input-field)::after {\n opacity: 0;\n }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n ${name}::part(input-field)::after {\n background: none;\n }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n ${resetInputContainer(name)}\n ${resetInputCursor(name)}\n ${resetInputPlaceholder(name)}\n ${resetInputField(name)}\n ${resetInputAutoFill(name, cssVarList)}\n ${resetInputFieldInvalidBackgroundColor(name)}\n ${resetInitialHeight(name)}\n ${resetInputElement(name)}\n ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n :host ::part(error-message) {\n direction: ltr;\n }\n :host([required]) ::part(required-indicator) {\n width: 1em;\n display: inline-flex;\n }\n :host([required]) ::part(required-indicator)::after {\n position: static;\n }\n :host([has-label]) ::part(label) {\n padding-right: 0;\n padding-bottom: 0;\n display: flex;\n width: 100%;\n }\n ${name} [slot=\"label\"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n return `\n :host([label-type=\"floating\"]) {\n position: relative;\n }\n :host([label-type=\"floating\"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n `;\n};\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n createStyleMixin,\n proxyInputMixin,\n draggableMixin,\n componentNameValidationMixin,\n createProxy,\n} from '../../../mixins';\nimport { booleanFieldMixin } from '../booleanFieldMixin';\nimport commonStyles from '../commonStyles';\nimport { useHostExternalPadding } from '../../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('switch-toggle');\n\nconst {\n host,\n component,\n checkboxElement: track,\n checkboxSurface: knob,\n checkboxLabel,\n requiredIndicator,\n helperText,\n errorMessage,\n} = {\n host: { selector: () => ':host' },\n requiredIndicator: { selector: '[required] vaadin-checkbox [slot=\"label\"]:not(:empty)::after' },\n component: { selector: 'vaadin-checkbox' },\n checkboxElement: { selector: 'vaadin-checkbox::part(checkbox)' },\n checkboxSurface: { selector: 'vaadin-checkbox::part(checkbox)::after' },\n checkboxLabel: { selector: 'vaadin-checkbox [slot=\"label\"]:not(:empty)' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const SwitchToggleClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n\n fontSize: [component, checkboxLabel, checkboxLabel],\n fontFamily: [checkboxLabel, helperText, errorMessage],\n\n labelTextColor: { ...checkboxLabel, property: 'color' },\n labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },\n labelLineHeight: { ...checkboxLabel, property: 'line-height' },\n labelFontWeight: { ...checkboxLabel, property: 'font-weight' },\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n trackBorderWidth: { ...track, property: 'border-width' },\n trackBorderStyle: { ...track, property: 'border-style' },\n trackBorderColor: { ...track, property: 'border-color' },\n trackBackgroundColor: { ...track, property: 'background-color' },\n trackBorderRadius: { ...track, property: 'border-radius' },\n trackWidth: [{ ...track, property: 'width' }],\n trackHeight: [\n { ...knob, property: 'font-size' },\n { ...track, property: 'height' },\n ],\n\n knobSize: [\n { ...knob, property: 'width' },\n { ...knob, property: 'height' },\n ],\n knobTextColor: { ...knob, property: 'color' },\n knobRadius: { ...knob, property: 'border-radius' },\n knobTransitionDuration: { ...knob, property: 'transition' },\n knobColor: { ...knob, property: 'background-color' },\n knobTopOffset: { ...knob, property: 'top' },\n knobLeftOffset: { ...knob, property: 'left' },\n\n inputOutlineWidth: { ...track, property: 'outline-width' },\n inputOutlineOffset: { ...track, property: 'outline-offset' },\n inputOutlineColor: { ...track, property: 'outline-color' },\n inputOutlineStyle: { ...track, property: 'outline-style' },\n },\n }),\n draggableMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n componentNameValidationMixin,\n booleanFieldMixin\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t${commonStyles}\n\t\t\t${useHostExternalPadding(SwitchToggleClass.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n width: 100%;\n }\n\n vaadin-text-field::part(input-field) {\n cursor: pointer;\n }\n\n vaadin-checkbox {\n cursor: pointer;\n }\n\n vaadin-checkbox [slot=\"label\"]:not(:empty) {\n cursor: pointer;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::before {\n content: '';\n\t\t\t}\n\n vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['label', 'tabindex'],\n componentName,\n })\n);\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n class ListItemMixinClass extends superclass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot></slot>\n `;\n\n injectStyle(\n `\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n `,\n this\n );\n }\n };\n\nexport const ListItemClass = compose(\n createStyleMixin({\n mappings: {\n padding: {},\n backgroundColor: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n borderRadius: {},\n outline: {},\n cursor: {},\n gap: {},\n maxWidth: { selector: () => ':host' },\n alignItems: {},\n flexDirection: {},\n transition: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n customMixin,\n activeableMixin\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n"],"names":["customElements","define","createBaseInputClass","args","componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","selector","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","defaultValidateSchema","defaultItemRenderer","JSON","stringify","variants","RawScopesList","createBaseClass","size","Array","from","children","reportValidity","checkValidity","data","every","required","value","includes","id","filter","node","checked","map","val","ScopesListClass","CheckboxClass","cssVarList","SwitchToggleClass","requiredInputBorderColor","inputBorderColor","requiredInputValueTextColor","inputValueTextColor","knobColor","itemRenderer","validateSchema","slotName","rerenderAttrsList","superclass","validation","console","error","baseElement","querySelectorAll","remove","index","content","templateOrString","templateString","template","document","createElement","createTemplate","HTMLTemplateElement","appendChild","cloneNode","attrs","includeAttrs","dataAttr","parse","e","warn","createDynamicDataMixin","desc","_","ref","ComponentClass","InputController","host","callback","initializer","type","defaultId","useUniqueId","booleanFieldMixin","inputElement","checkbox","forwardAttributes","BaseInputClass","wrapperEle","addEventListener","isTrusted","focus","handleFocusEventsDispatching","attrName","onReadOnlyChange","getValidity","isRequired","valueMissing","component","checkboxElement","checkboxSurface","checkboxLabel","requiredIndicator","helperText","errorMessage","fontSize","labelTextColor","labelSpacing","labelLineHeight","labelFontWeight","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputBackgroundColor","inputBorderRadius","inputBorderWidth","inputBorderOffset","inputBorderStyle","inputOutlineWidth","inputOutlineOffset","inputOutlineColor","inputOutlineStyle","inputSize","proxyProps","slots","wrappedEleName","style","excludeAttrsSync","useHostExternalPadding","resetInputContainer","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","track","knob","trackBorderWidth","trackBorderStyle","trackBorderColor","trackBackgroundColor","trackBorderRadius","trackWidth","trackHeight","knobSize","knobTextColor","knobRadius","knobTransitionDuration","knobTopOffset","knobLeftOffset","ListItemClass","padding","outline","cursor","maxWidth","alignItems","flexDirection","transition"],"sourceRoot":""}
1	+ {"version":3,"file":"descope-scopes-list-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-boolean-field-internal/index.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/./src/mixins/createDynamicDataMixin.js","webpack://@descope/web-components-ui/./src/components/descope-scopes-list/ScopesListClass.js","webpack://@descope/web-components-ui/./src/components/descope-scopes-list/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/booleanFieldMixin.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-switch-toggle/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-boolean-field-internal/BooleanFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/commonStyles.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-checkbox/index.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-checkbox/CheckboxClass.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/boolean-fields/descope-switch-toggle/SwitchToggleClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js"],"sourcesContent":["import BooleanFieldInternal, { componentName } from './BooleanFieldInternal';\n\ncustomElements.define(componentName, BooleanFieldInternal);\n","import { compose } from '../helpers';\nimport {\n changeMixin,\n inputEventsDispatchingMixin,\n inputValidationMixin,\n normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n compose(\n inputValidationMixin,\n changeMixin,\n normalizeBooleanAttributesMixin,\n inputEventsDispatchingMixin\n )(createBaseClass(...args));\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n getComponentName,\n observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({ componentName, baseSelector: '.wrapper' }) {\n static get observedAttributes() {\n return ['variant', 'readonly'];\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div class=\"wrapper\">\n <slot></slot>\n <slot name=\"empty-state\">\n No item...\n </slot>\n </div>\n\t`;\n\n injectStyle(\n `\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name=\"empty-state\"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name=\"empty-state\"] {\n display: none;\n }\n :host([empty]) slot[name=\"empty-state\"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n `,\n this\n );\n }\n\n get items() {\n return this.shadowRoot.querySelector('slot').assignedElements();\n }\n\n #handleEmptyState() {\n if (this.items.length === 0) {\n this.setAttribute('empty', 'true');\n } else {\n this.removeAttribute('empty');\n }\n }\n\n get variant() {\n return this.getAttribute('variant') \|\| 'list';\n }\n\n #handleItemsVariant() {\n this.items.forEach((item) => {\n let listItem = item;\n if (listItem.localName !== ListItemClass.componentName) {\n listItem = item.querySelector(ListItemClass.componentName);\n }\n\n const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n listItem.setAttribute('variant', listItemVariant);\n });\n }\n\n init() {\n super.init?.();\n\n // we want new items to get the size\n observeChildren(this, () => {\n this.#handleEmptyState();\n this.#handleItemsVariant();\n this.#handleReadOnly();\n });\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n #handleReadOnly() {\n this.items.forEach((item) => {\n if (this.isReadOnly) item.setAttribute('inert', '');\n else item.removeAttribute('inert');\n });\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n if (newValue === oldValue) return;\n\n if (name === 'variant') {\n this.#handleItemsVariant();\n } else if (name === 'readonly') {\n this.#handleReadOnly();\n }\n }\n}\n\nexport const ListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n maxHeight: { selector: () => ':host' },\n minHeight: {},\n verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],\n hostDirection: { selector: () => ':host', property: 'direction' },\n fontFamily: {},\n gap: {},\n\n backgroundColor: {},\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n boxShadow: {},\n gridTemplateColumns: {},\n maxItemsWidth: { selector: () => '::slotted(:not([slot]))', property: 'max-width' },\n minItemsWidth: { selector: () => '::slotted(:not([slot]))', property: 'min-width' },\n itemsHorizontalAlign: { selector: () => '::slotted()', property: 'justify-self' },\n emptyStateTextColor: { selector: () => 'slot[name=\"empty-state\"]', property: 'color' },\n emptyStateTextFontFamily: {\n selector: () => 'slot[name=\"empty-state\"]',\n property: 'font-family',\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawList);\n","import { observeAttributes } from '../helpers/componentHelpers';\n\nconst defaultValidateSchema = () => true;\nconst defaultItemRenderer = (item) => `<pre>${JSON.stringify(item, null, 4)}</pre>`;\n\nconst createTemplate = (templateString) => {\n const template = document.createElement('template');\n template.innerHTML = templateString;\n\n return template;\n};\n\nconst getTemplateContent = (templateOrString) => {\n if (typeof templateOrString === 'string') {\n return createTemplate(templateOrString).content;\n }\n\n if (templateOrString instanceof HTMLTemplateElement) {\n return templateOrString.content;\n }\n\n // eslint-disable-next-line no-console\n console.error('Invalid template', templateOrString);\n return null;\n};\n\nexport const createDynamicDataMixin =\n ({\n itemRenderer = defaultItemRenderer,\n validateSchema = defaultValidateSchema,\n slotName,\n rerenderAttrsList = [],\n }) =>\n (superclass) =>\n class DynamicDataMixinClass extends superclass {\n #data = [];\n\n // eslint-disable-next-line class-methods-use-this\n #validateSchema(data) {\n if (!validateSchema) return true;\n\n const validation = validateSchema(data);\n if (validation === true) return true;\n\n // eslint-disable-next-line no-console\n console.error('Data schema validation failed', validation \|\| '');\n\n return false;\n }\n\n #removeOldItems() {\n const selector = slotName ? `[slot=\"${slotName}\"]` : ':not([slot])';\n this.baseElement.querySelectorAll(selector).forEach((item) => item.remove());\n }\n\n #renderItems() {\n this.#removeOldItems();\n this.data.forEach((item, index) => {\n const content = getTemplateContent(itemRenderer(item, index, this));\n this.baseElement.appendChild(content?.cloneNode(true));\n });\n }\n\n set data(value) {\n if (this.#validateSchema(value)) {\n this.#data = value;\n this.#renderItems();\n }\n }\n\n get data() {\n return this.#data;\n }\n\n init() {\n super.init?.();\n\n observeAttributes(\n this,\n (attrs) => {\n if (attrs.includes('data')) this.#handleDataAttr();\n else this.#renderItems();\n },\n { includeAttrs: [...rerenderAttrsList, 'data'] }\n );\n }\n\n #handleDataAttr() {\n const dataAttr = this.getAttribute('data');\n\n if (!dataAttr) return;\n\n try {\n this.data = JSON.parse(dataAttr);\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Invalid JSON data', dataAttr);\n }\n }\n };\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { createDynamicDataMixin } from '../../mixins/createDynamicDataMixin';\nimport { CheckboxClass } from '../boolean-fields/descope-checkbox/CheckboxClass';\nimport { SwitchToggleClass } from '../boolean-fields/descope-switch-toggle/SwitchToggleClass';\n\nexport const componentName = getComponentName('scopes-list');\nconst variants = ['checkbox', 'switch'];\n\nconst itemRenderer = ({ id, desc, required = false }, _, ref) => {\n const ComponentClass = ref.variant === 'checkbox' ? CheckboxClass : SwitchToggleClass;\n\n return `\n <${ComponentClass.componentName}\n bordered=\"true\"\n size=${ref.size}\n label=\"${desc}\"\n data-id=\"${id}\"\n readonly=\"${required \|\| ref.isReadOnly}\"\n required=\"${required}\"\n checked=\"true\"\n ></${ComponentClass.componentName}>\n`;\n};\n\nclass RawScopesList extends createBaseClass({ componentName, baseSelector: 'div' }) {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <div></div>\n\t\t`;\n\n injectStyle(\n `\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n `,\n this\n );\n }\n\n get isReadOnly() {\n return this.getAttribute('readonly') === 'true';\n }\n\n get size() {\n return this.getAttribute('size') \|\| 'sm';\n }\n\n #getChildNodes() {\n return Array.from(this.shadowRoot.querySelector('div').children);\n }\n\n // eslint-disable-next-line class-methods-use-this\n reportValidity() {\n this.checkValidity();\n }\n\n // eslint-disable-next-line class-methods-use-this\n checkValidity() {\n return this.data.every((item) => !item.required \|\| this.value.includes(item.id));\n }\n\n get value() {\n return this.#getChildNodes()\n .filter((node) => node.checked)\n .map((node) => node.getAttribute('data-id'));\n }\n\n set value(val = []) {\n this.#getChildNodes().forEach((node) => {\n // eslint-disable-next-line no-param-reassign\n node.checked = val.includes(node.getAttribute('data-id'));\n });\n }\n\n get variant() {\n const variant = this.getAttribute('variant');\n\n return variants.includes(variant) ? variant : variants[0];\n }\n}\n\nexport const ScopesListClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { selector: () => ':host', property: 'width' },\n hostDirection: [\n { selector: () => ':host', property: 'direction' },\n {\n selector: () => CheckboxClass.componentName,\n property: CheckboxClass.cssVarList.hostDirection,\n },\n {\n selector: () => SwitchToggleClass.componentName,\n property: SwitchToggleClass.cssVarList.hostDirection,\n },\n ],\n gap: { selector: () => 'div', property: 'gap' },\n requiredInputBorderColor: [\n {\n selector: `${CheckboxClass.componentName}[required=\"true\"]`,\n property: CheckboxClass.cssVarList.inputBorderColor,\n },\n {\n selector: `${SwitchToggleClass.componentName}[required=\"true\"]`,\n property: SwitchToggleClass.cssVarList.inputBorderColor,\n },\n ],\n requiredInputValueTextColor: [\n {\n selector: `${CheckboxClass.componentName}[required=\"true\"]`,\n property: CheckboxClass.cssVarList.inputValueTextColor,\n },\n {\n selector: `${SwitchToggleClass.componentName}[required=\"true\"]`,\n property: SwitchToggleClass.cssVarList.knobColor,\n },\n ],\n },\n }),\n createDynamicDataMixin({ itemRenderer, rerenderAttrsList: ['size', 'variant'] }),\n draggableMixin,\n componentNameValidationMixin\n)(RawScopesList);\n","import { componentName, ScopesListClass } from './ScopesListClass';\nimport '@descope-ui/descope-list';\nimport '../boolean-fields/descope-checkbox';\nimport '../boolean-fields/descope-switch-toggle';\n\ncustomElements.define(componentName, ScopesListClass);\n\nexport { ScopesListClass, componentName };\n","/*\n @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/\n A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n constructor(host, callback) {\n super(host, 'input', 'input', {\n initializer: (node, host) => {\n if (host.value) {\n node.value = host.value;\n }\n if (host.type) {\n node.setAttribute('type', host.type);\n }\n\n // Ensure every instance has unique ID\n node.id = this.defaultId;\n\n if (typeof callback === 'function') {\n callback(node);\n }\n },\n useUniqueId: true,\n });\n }\n}\n","import { forwardAttrs, forwardProps, syncAttrs } from '../../helpers/componentHelpers';\nimport { componentName as descopeInternalComponentName } from './descope-boolean-field-internal/BooleanFieldInternal';\n\nexport const booleanFieldMixin = (superclass) =>\n class BooleanFieldMixinClass extends superclass {\n init() {\n super.init?.();\n\n const template = document.createElement('template');\n template.innerHTML = `\n\t\t\t\t<${descopeInternalComponentName}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tslot=\"input\"\n\t\t\t\t></${descopeInternalComponentName}>\n\t\t\t`;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n this.checkbox = this.inputElement.querySelector('vaadin-checkbox');\n\n forwardAttrs(this, this.inputElement, {\n includeAttrs: [\n 'required',\n 'full-width',\n 'size',\n 'label',\n 'invalid',\n 'disabled',\n 'readonly',\n ],\n });\n\n forwardProps(this.inputElement, this, ['checked']);\n syncAttrs(this, this.inputElement, { includeAttrs: ['checked'] });\n }\n };\n","import { componentName, SwitchToggleClass } from './SwitchToggleClass';\nimport '@vaadin/checkbox';\nimport '@vaadin/text-field';\nimport '../descope-boolean-field-internal';\n\ncustomElements.define(componentName, SwitchToggleClass);\n\nexport { SwitchToggleClass, componentName };\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName, syncAttrs } from '../../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('boolean-field-internal');\n\nconst forwardAttributes = ['disabled', 'label', 'invalid', 'readonly'];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass BooleanInputInternal extends BaseInputClass {\n static get observedAttributes() {\n return ['readonly'];\n }\n\n constructor() {\n super();\n this.innerHTML = `\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t`;\n this.wrapperEle = this.querySelector('div');\n this.checkbox = this.querySelector('vaadin-checkbox');\n }\n\n get value() {\n return this.checkbox?.checked;\n }\n\n set value(val) {\n this.checkbox.checked = val;\n }\n\n get checked() {\n return this.value;\n }\n\n set checked(val) {\n this.value = val;\n }\n\n init() {\n this.addEventListener('focus', (e) => {\n if (e.isTrusted) {\n this.checkbox.focus();\n }\n });\n super.init?.();\n\n forwardAttrs(this, this.checkbox, { includeAttrs: forwardAttributes });\n syncAttrs(this, this.checkbox, { includeAttrs: ['checked'] });\n\n // we need it in order to set the focus ring and trigger validation on descope-checkbox\n this.handleFocusEventsDispatching([this.checkbox]);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (attrName === 'readonly') {\n this.onReadOnlyChange(newValue !== null);\n }\n }\n\n onReadOnlyChange(val) {\n this.baseElement.setAttribute('inert', val);\n }\n\n getValidity() {\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n return {};\n }\n}\n\nexport default BooleanInputInternal;\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { resetInputFieldDefaultWidth } from '../../helpers/themeHelpers/resetHelpers';\n\nexport default `\n:host {\n\tdisplay: inline-flex;\n}\n\n${resetInputFieldDefaultWidth()}\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n content: unset;\n}\nvaadin-text-field::part(label) {\n position: absolute;\n top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot=\"label\"] {\n align-self: flex-start;\n padding: 0;\n}\n[required] vaadin-checkbox [slot=\"label\"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n -webkit-mask-image: none;\n min-height: initial;\n}\n`;\n","import { componentName, CheckboxClass } from './CheckboxClass';\nimport '@vaadin/checkbox';\nimport '@vaadin/text-field';\nimport '../descope-boolean-field-internal';\n\ncustomElements.define(componentName, CheckboxClass);\n\nexport { CheckboxClass, componentName };\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n createStyleMixin,\n proxyInputMixin,\n draggableMixin,\n componentNameValidationMixin,\n createProxy,\n} from '../../../mixins';\nimport { booleanFieldMixin } from '../booleanFieldMixin';\nimport commonStyles from '../commonStyles';\nimport { useHostExternalPadding } from '../../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('checkbox');\n\nconst {\n host,\n component,\n checkboxElement,\n checkboxSurface,\n checkboxLabel,\n requiredIndicator,\n helperText,\n errorMessage,\n} = {\n host: { selector: () => ':host' },\n requiredIndicator: { selector: '[required] vaadin-checkbox [slot=\"label\"]:not(:empty)::after' },\n component: { selector: 'vaadin-checkbox' },\n checkboxElement: { selector: 'vaadin-checkbox::part(checkbox)' },\n checkboxSurface: { selector: 'vaadin-checkbox::part(checkbox)::after' },\n checkboxLabel: { selector: 'vaadin-checkbox [slot=\"label\"]:not(:empty)' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const CheckboxClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n\n fontSize: [host, checkboxElement, checkboxLabel],\n fontFamily: [checkboxLabel, helperText, errorMessage],\n\n labelTextColor: { ...checkboxLabel, property: 'color' },\n labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },\n labelLineHeight: { ...checkboxLabel, property: 'line-height' },\n labelFontWeight: { ...checkboxLabel, property: 'font-weight' },\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n inputValueTextColor: { ...checkboxSurface, property: 'color' },\n inputBackgroundColor: { ...checkboxElement, property: 'background-color' },\n\n inputBorderRadius: { ...checkboxElement, property: 'border-radius' },\n inputBorderWidth: { ...checkboxElement, property: 'border-width' },\n inputBorderOffset: { ...checkboxElement, property: 'border-offset' },\n inputBorderColor: { ...checkboxElement, property: 'border-color' },\n inputBorderStyle: { ...checkboxElement, property: 'border-style' },\n\n inputOutlineWidth: { ...checkboxElement, property: 'outline-width' },\n inputOutlineOffset: { ...checkboxElement, property: 'outline-offset' },\n inputOutlineColor: { ...checkboxElement, property: 'outline-color' },\n inputOutlineStyle: { ...checkboxElement, property: 'outline-style' },\n\n inputSize: [\n { ...checkboxElement, property: 'width' },\n { ...checkboxElement, property: 'height' },\n { ...checkboxSurface, property: 'font-size' },\n { ...component, property: 'font-size' },\n ],\n },\n }),\n draggableMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n componentNameValidationMixin,\n booleanFieldMixin\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t${commonStyles}\n ${useHostExternalPadding(CheckboxClass.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n margin: 1px;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n height: 100%;\n }\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n }\n\n vaadin-checkbox::part(checkbox)::after {\n top: 0;\n left: 0;\n -webkit-text-fill-color: initial;\n }\n\n vaadin-checkbox label {\n -webkit-text-fill-color: initial;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n `,\n excludeAttrsSync: ['label', 'tabindex'],\n componentName,\n })\n);\n","export const useHostExternalPadding = (cssVarList) => `\n :host {\n padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n ${name}::part(input-field)::after {\n border: none;\n }\n`;\n\nexport const resetInitialHeight = (name) => `\n ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n ${name} > input {\n -webkit-mask-image: none;\n min-height: 0;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputContainer = (name) => `\n ${name} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputField = (name) => `\n ${name}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`;\n\nexport const resetInputCursor = (name) => `\n ${name} > label,\n ${name}::part(label),\n ${name}::part(required-indicator) {\n cursor: pointer;\n }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n ${name} input:-webkit-autofill,\n ${name} input:-webkit-autofill::first-line,\n ${name} input:-webkit-autofill:hover,\n ${name} input:-webkit-autofill:active,\n ${name} input:-webkit-autofill:focus {\n -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n ${name}::part(input-field)::after {\n opacity: 0;\n }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n ${name}::part(input-field)::after {\n background: none;\n }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n ${resetInputContainer(name)}\n ${resetInputCursor(name)}\n ${resetInputPlaceholder(name)}\n ${resetInputField(name)}\n ${resetInputAutoFill(name, cssVarList)}\n ${resetInputFieldInvalidBackgroundColor(name)}\n ${resetInitialHeight(name)}\n ${resetInputElement(name)}\n ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n :host ::part(error-message) {\n direction: ltr;\n }\n :host([required]) ::part(required-indicator) {\n width: 1em;\n display: inline-flex;\n }\n :host([required]) ::part(required-indicator)::after {\n position: static;\n }\n :host([has-label]) ::part(label) {\n padding-right: 0;\n padding-bottom: 0;\n display: flex;\n width: 100%;\n }\n ${name} [slot=\"label\"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n return `\n :host([label-type=\"floating\"]) {\n position: relative;\n }\n :host([label-type=\"floating\"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n `;\n};\n","import { getComponentName } from '../../../helpers/componentHelpers';\nimport { compose } from '../../../helpers';\nimport {\n createStyleMixin,\n proxyInputMixin,\n draggableMixin,\n componentNameValidationMixin,\n createProxy,\n} from '../../../mixins';\nimport { booleanFieldMixin } from '../booleanFieldMixin';\nimport commonStyles from '../commonStyles';\nimport { useHostExternalPadding } from '../../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('switch-toggle');\n\nconst {\n host,\n component,\n checkboxElement: track,\n checkboxSurface: knob,\n checkboxLabel,\n requiredIndicator,\n helperText,\n errorMessage,\n} = {\n host: { selector: () => ':host' },\n requiredIndicator: { selector: '[required] vaadin-checkbox [slot=\"label\"]:not(:empty)::after' },\n component: { selector: 'vaadin-checkbox' },\n checkboxElement: { selector: 'vaadin-checkbox::part(checkbox)' },\n checkboxSurface: { selector: 'vaadin-checkbox::part(checkbox)::after' },\n checkboxLabel: { selector: 'vaadin-checkbox [slot=\"label\"]:not(:empty)' },\n helperText: { selector: '::part(helper-text)' },\n errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const SwitchToggleClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n\n fontSize: [component, checkboxLabel, checkboxLabel],\n fontFamily: [checkboxLabel, helperText, errorMessage],\n\n labelTextColor: [\n { ...checkboxLabel, property: 'color' },\n { ...checkboxLabel, property: '-webkit-text-fill-color' },\n ],\n labelSpacing: { ...checkboxLabel, property: 'padding-inline-start' },\n labelLineHeight: { ...checkboxLabel, property: 'line-height' },\n labelFontWeight: { ...checkboxLabel, property: 'font-weight' },\n labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n errorMessageTextColor: { ...errorMessage, property: 'color' },\n\n errorMessageIcon: { ...errorMessage, property: 'background-image' },\n errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n trackBorderWidth: { ...track, property: 'border-width' },\n trackBorderStyle: { ...track, property: 'border-style' },\n trackBorderColor: { ...track, property: 'border-color' },\n trackBackgroundColor: { ...track, property: 'background-color' },\n trackBorderRadius: { ...track, property: 'border-radius' },\n trackWidth: [{ ...track, property: 'width' }],\n trackHeight: [\n { ...knob, property: 'font-size' },\n { ...track, property: 'height' },\n ],\n\n knobSize: [\n { ...knob, property: 'width' },\n { ...knob, property: 'height' },\n ],\n knobTextColor: { ...knob, property: 'color' },\n knobRadius: { ...knob, property: 'border-radius' },\n knobTransitionDuration: { ...knob, property: 'transition' },\n knobColor: { ...knob, property: 'background-color' },\n knobTopOffset: { ...knob, property: 'top' },\n knobLeftOffset: { ...knob, property: 'left' },\n\n inputOutlineWidth: { ...track, property: 'outline-width' },\n inputOutlineOffset: { ...track, property: 'outline-offset' },\n inputOutlineColor: { ...track, property: 'outline-color' },\n inputOutlineStyle: { ...track, property: 'outline-style' },\n },\n }),\n draggableMixin,\n proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n componentNameValidationMixin,\n booleanFieldMixin\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-text-field',\n style: () => `\n\t\t\t${commonStyles}\n\t\t\t${useHostExternalPadding(SwitchToggleClass.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n width: 100%;\n }\n\n vaadin-text-field::part(input-field) {\n cursor: pointer;\n }\n\n vaadin-checkbox {\n cursor: pointer;\n }\n\n vaadin-checkbox [slot=\"label\"]:not(:empty) {\n cursor: pointer;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::before {\n content: '';\n\t\t\t}\n\n vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['label', 'tabindex'],\n componentName,\n })\n);\n","import {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n class ListItemMixinClass extends superclass {\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <slot></slot>\n `;\n\n injectStyle(\n `\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n `,\n this\n );\n }\n };\n\nexport const ListItemClass = compose(\n createStyleMixin({\n mappings: {\n padding: {},\n backgroundColor: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n borderRadius: {},\n outline: {},\n cursor: {},\n gap: {},\n maxWidth: { selector: () => ':host' },\n alignItems: {},\n flexDirection: {},\n transition: {},\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n customMixin,\n activeableMixin\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n"],"names":["customElements","define","createBaseInputClass","args","componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","selector","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","defaultValidateSchema","defaultItemRenderer","JSON","stringify","variants","RawScopesList","createBaseClass","size","Array","from","children","reportValidity","checkValidity","data","every","required","value","includes","id","filter","node","checked","map","val","ScopesListClass","CheckboxClass","cssVarList","SwitchToggleClass","requiredInputBorderColor","inputBorderColor","requiredInputValueTextColor","inputValueTextColor","knobColor","itemRenderer","validateSchema","slotName","rerenderAttrsList","superclass","validation","console","error","baseElement","querySelectorAll","remove","index","content","templateOrString","templateString","template","document","createElement","createTemplate","HTMLTemplateElement","appendChild","cloneNode","attrs","includeAttrs","dataAttr","parse","e","warn","createDynamicDataMixin","desc","_","ref","ComponentClass","InputController","host","callback","initializer","type","defaultId","useUniqueId","booleanFieldMixin","inputElement","checkbox","forwardAttributes","BaseInputClass","wrapperEle","addEventListener","isTrusted","focus","handleFocusEventsDispatching","attrName","onReadOnlyChange","getValidity","isRequired","valueMissing","component","checkboxElement","checkboxSurface","checkboxLabel","requiredIndicator","helperText","errorMessage","fontSize","labelTextColor","labelSpacing","labelLineHeight","labelFontWeight","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputBackgroundColor","inputBorderRadius","inputBorderWidth","inputBorderOffset","inputBorderStyle","inputOutlineWidth","inputOutlineOffset","inputOutlineColor","inputOutlineStyle","inputSize","proxyProps","slots","wrappedEleName","style","excludeAttrsSync","useHostExternalPadding","resetInputContainer","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","track","knob","trackBorderWidth","trackBorderStyle","trackBorderColor","trackBackgroundColor","trackBorderRadius","trackWidth","trackHeight","knobSize","knobTextColor","knobRadius","knobTransitionDuration","knobTopOffset","knobLeftOffset","ListItemClass","padding","outline","cursor","maxWidth","alignItems","flexDirection","transition"],"sourceRoot":""}

package/dist/umd/descope-text-area-index-js.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5686],{5277:(t,e,n)=>{n.r(e),n.d(e,{TextAreaClass:()=>y,componentName:()=>p}),n(27939);var r=n(79365),o=n(9696),i=n(97810),a=n(73551);const p=(0,i.xE)("text-area"),{host:l,label:d,placeholder:s,inputField:u,textArea:c,requiredIndicator:h,helperText:b,errorMessage:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"textarea:placeholder-shown"},inputField:{selector:"::part(input-field)"},textArea:{selector:"> textarea"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},y=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{...l,property:"width"},hostMinWidth:{...l,property:"min-width"},hostDirection:{...l,property:"direction"},fontSize:[l,c],fontFamily:[d,u,b,g],labelTextColor:[{...d,property:"color"},{...h,property:"color"}],labelRequiredIndicator:{...h,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},inputBackgroundColor:{...u,property:"background-color"},inputValueTextColor:{...c,property:"color"},inputPlaceholderTextColor:{...s,property:"color"},inputBorderWidth:{...u,property:"border-width"},inputBorderStyle:{...u,property:"border-style"},inputBorderColor:{...u,property:"border-color"},inputBorderRadius:{...u,property:"border-radius"},inputOutlineStyle:{...u,property:"outline-Style"},inputOutlineColor:{...u,property:"outline-color"},inputOutlineOffset:{...u,property:"outline-offset"},inputOutlineWidth:{...u,property:"outline-width"},inputResizeType:{...c,property:"resize"},inputMinHeight:{...c,property:"min-height"},inputTextAlign:{...c,property:"text-align"}}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ)((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-area",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${(0,a.$J)("vaadin-text-area")}\n\t\t\t${(0,a.cy)(y.cssVarList)}\n\t\t\t${(0,a.zm)("vaadin-text-area")}\n\t\t\t${(0,a.Qv)("vaadin-text-area")}\n\t\t\t${(0,a.lS)("vaadin-text-area","textarea")}\n\t\t\t${(0,a.I4)("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:p}));customElements.define(p,y)},73551:(t,e,n)=>{n.d(e,{$J:()=>c,I4:()=>a,Kl:()=>h,LJ:()=>u,Qv:()=>i,X6:()=>l,cy:()=>r,fu:()=>d,kG:()=>s,lS:()=>p,zm:()=>o});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,o=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,p=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,s=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,u=(t,e)=>`\n    ${o(t)}\n    ${a(t)}\n    ${p(t)}\n    ${i(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${s(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,c=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5686],{5277:(t,e,n)=>{n.r(e),n.d(e,{TextAreaClass:()=>y,componentName:()=>p}),n(27939);var r=n(79365),o=n(9696),i=n(97810),a=n(73551);const p=(0,i.xE)("text-area"),{host:l,label:d,placeholder:s,inputField:u,textArea:c,requiredIndicator:h,helperText:b,errorMessage:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"textarea:placeholder-shown"},inputField:{selector:"::part(input-field)"},textArea:{selector:"> textarea"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},y=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{...l,property:"width"},hostMinWidth:{...l,property:"min-width"},hostDirection:{...l,property:"direction"},fontSize:[l,c],fontFamily:[d,u,b,g],labelTextColor:[{...d,property:"color"},{...d,property:"-webkit-text-fill-color"},{...h,property:"color"}],labelRequiredIndicator:{...h,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},inputBackgroundColor:{...u,property:"background-color"},inputValueTextColor:{...c,property:"color"},inputPlaceholderTextColor:{...s,property:"color"},inputBorderWidth:{...u,property:"border-width"},inputBorderStyle:{...u,property:"border-style"},inputBorderColor:{...u,property:"border-color"},inputBorderRadius:{...u,property:"border-radius"},inputOutlineStyle:{...u,property:"outline-Style"},inputOutlineColor:{...u,property:"outline-color"},inputOutlineOffset:{...u,property:"outline-offset"},inputOutlineWidth:{...u,property:"outline-width"},inputResizeType:{...c,property:"resize"},inputMinHeight:{...c,property:"min-height"},inputTextAlign:{...c,property:"text-align"}}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ)((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-area",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${(0,a.$J)("vaadin-text-area")}\n\t\t\t${(0,a.cy)(y.cssVarList)}\n\t\t\t${(0,a.zm)("vaadin-text-area")}\n\t\t\t${(0,a.Qv)("vaadin-text-area")}\n\t\t\t${(0,a.lS)("vaadin-text-area","textarea")}\n\t\t\t${(0,a.I4)("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:p}));customElements.define(p,y)},73551:(t,e,n)=>{n.d(e,{$J:()=>c,I4:()=>a,Kl:()=>h,LJ:()=>u,Qv:()=>i,X6:()=>l,cy:()=>r,fu:()=>d,kG:()=>s,lS:()=>p,zm:()=>o});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,o=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,p=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,l=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,s=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,u=(t,e)=>`\n    ${o(t)}\n    ${a(t)}\n    ${p(t)}\n    ${i(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${s(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,c=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,h=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
 //# sourceMappingURL=descope-text-area-index-js.js.map