@descope/web-components-ui 1.117.0 → 1.119.0

package/dist/umd/descope-text-area-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-text-area-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-area/TextAreaClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-area/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} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  resetInputContainer,\n  resetInputCursor,\n  resetInputLabelPosition,\n  resetInputField,\n  resetInputPlaceholder,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-area');\n\nconst {\n  host,\n  label,\n  placeholder,\n  inputField,\n  textArea,\n  requiredIndicator,\n  helperText,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: 'textarea:placeholder-shown' },\n  inputField: { selector: '::part(input-field)' },\n  textArea: { selector: '> textarea' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const TextAreaClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: [host, textArea],\n      fontFamily: [label, inputField, helperText, errorMessage],\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      inputBackgroundColor: { ...inputField, property: 'background-color' },\n      inputValueTextColor: { ...textArea, property: 'color' },\n      inputPlaceholderTextColor: { ...placeholder, property: 'color' },\n      inputBorderWidth: { ...inputField, property: 'border-width' },\n      inputBorderStyle: { ...inputField, property: 'border-style' },\n      inputBorderColor: { ...inputField, property: 'border-color' },\n      inputBorderRadius: { ...inputField, property: 'border-radius' },\n      inputOutlineStyle: { ...inputField, property: 'outline-Style' },\n      inputOutlineColor: { ...inputField, property: 'outline-color' },\n      inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n      inputOutlineWidth: { ...inputField, property: 'outline-width' },\n      inputResizeType: { ...textArea, property: 'resize' },\n      inputMinHeight: { ...textArea, property: 'min-height' },\n      inputTextAlign: { ...textArea, property: 'text-align' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-area',\n    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      ${resetInputLabelPosition('vaadin-text-area')}\n\t\t\t${useHostExternalPadding(TextAreaClass.cssVarList)}\n\t\t\t${resetInputContainer('vaadin-text-area')}\n\t\t\t${resetInputField('vaadin-text-area')}\n\t\t\t${resetInputPlaceholder('vaadin-text-area', 'textarea')}\n\t\t\t${resetInputCursor('vaadin-text-area')}\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/text-area';\nimport { componentName, TextAreaClass } from './TextAreaClass';\n\ncustomElements.define(componentName, TextAreaClass);\n\nexport { TextAreaClass, 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","label","placeholder","inputField","textArea","requiredIndicator","helperText","errorMessage","selector","TextAreaClass","mappings","hostWidth","property","hostMinWidth","hostDirection","fontSize","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputBackgroundColor","inputValueTextColor","inputPlaceholderTextColor","inputBorderWidth","inputBorderStyle","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","inputOutlineOffset","inputOutlineWidth","inputResizeType","inputMinHeight","inputTextAlign","proxyProps","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","customElements","define","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}
+{"version":3,"file":"descope-text-area-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-area/TextAreaClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-area/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} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  resetInputContainer,\n  resetInputCursor,\n  resetInputLabelPosition,\n  resetInputField,\n  resetInputPlaceholder,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-area');\n\nconst {\n  host,\n  label,\n  placeholder,\n  inputField,\n  textArea,\n  requiredIndicator,\n  helperText,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: 'textarea:placeholder-shown' },\n  inputField: { selector: '::part(input-field)' },\n  textArea: { selector: '> textarea' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const TextAreaClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: [host, textArea],\n      fontFamily: [label, inputField, helperText, errorMessage],\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-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      inputBackgroundColor: { ...inputField, property: 'background-color' },\n      inputValueTextColor: { ...textArea, property: 'color' },\n      inputPlaceholderTextColor: { ...placeholder, property: 'color' },\n      inputBorderWidth: { ...inputField, property: 'border-width' },\n      inputBorderStyle: { ...inputField, property: 'border-style' },\n      inputBorderColor: { ...inputField, property: 'border-color' },\n      inputBorderRadius: { ...inputField, property: 'border-radius' },\n      inputOutlineStyle: { ...inputField, property: 'outline-Style' },\n      inputOutlineColor: { ...inputField, property: 'outline-color' },\n      inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n      inputOutlineWidth: { ...inputField, property: 'outline-width' },\n      inputResizeType: { ...textArea, property: 'resize' },\n      inputMinHeight: { ...textArea, property: 'min-height' },\n      inputTextAlign: { ...textArea, property: 'text-align' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-area',\n    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      ${resetInputLabelPosition('vaadin-text-area')}\n\t\t\t${useHostExternalPadding(TextAreaClass.cssVarList)}\n\t\t\t${resetInputContainer('vaadin-text-area')}\n\t\t\t${resetInputField('vaadin-text-area')}\n\t\t\t${resetInputPlaceholder('vaadin-text-area', 'textarea')}\n\t\t\t${resetInputCursor('vaadin-text-area')}\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/text-area';\nimport { componentName, TextAreaClass } from './TextAreaClass';\n\ncustomElements.define(componentName, TextAreaClass);\n\nexport { TextAreaClass, 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","label","placeholder","inputField","textArea","requiredIndicator","helperText","errorMessage","selector","TextAreaClass","mappings","hostWidth","property","hostMinWidth","hostDirection","fontSize","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputBackgroundColor","inputValueTextColor","inputPlaceholderTextColor","inputBorderWidth","inputBorderStyle","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","inputOutlineOffset","inputOutlineWidth","inputResizeType","inputMinHeight","inputTextAlign","proxyProps","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","customElements","define","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}