@ukic/web-components 2.9.0 → 2.11.0

package/dist/core/p-ee97e2a5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTextFieldCss","inputIds","TextField","this","inheritedAttributes","showLeftIcon","hasLeftIconSlot","getMaxLengthExceeded","value","numChars","length","type","minValueUnattained","Number","min","maxValueExceeded","max","maxLength","maxLengthExceeded","onInput","ev","target","icInput","emit","onBlur","icBlur","onFocus","icFocus","isTextArea","rows","getInlineValidationText","getValidationText","validationText","hasStatus","status","disabled","showStatusText","IcInformationStatus","Success","validationInline","validationInlineInternal","handleFormReset","initialValue","undefined","inputId","debounceChanged","icChange","debounceEvent","debounce","watchValueHandler","newValue","inputEl","connectedCallback","disconnectedCallback","removeFormResetListener","el","componentWillLoad","inheritAttributes","IC_INHERITED_ARIA","readonly","addFormResetListener","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","handleKeyDown","icKeydown","event","setFocus","focus","iconEl","querySelector","render","name","required","size","placeholder","helperText","resize","validationStatus","spellcheck","inputmode","fullWidth","truncateValue","hiddenInput","disabledMode","placeholderText","currentStatus","Error","currentValidationText","maxNumChars","messageAriaLive","multiline","hiddenCharCountDescId","describedBy","getInputDescribedByText","trim","invalid","disabledText","renderHiddenInput","h","Host","class","hideLabel","for","multiLine","slot","Object","assign","id","ref","ariaActiveDescendant","ariaExpanded","ariaOwns","autocomplete","autocapitalize","autoFocus","role","isSlotUsed","isEmptyString","message","ariaLiveMode","variant","hidden"],"sources":["src/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","src/components/ic-text-field/ic-text-field.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --input-width: Width of the input field\n   */\n  display: block;\n}\n\n:host(.fullwidth) {\n  width: 100%;\n}\n\n::placeholder {\n  color: var(--ic-color-tertiary-text);\n  opacity: 1;\n}\n\ninput,\ntextarea {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-architectural-white);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n}\n\ntextarea {\n  min-height: var(--ic-space-lg);\n  resize: vertical;\n  padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n  color: var(--ic-architectural-200);\n}\n\ninput.readonly,\ntextarea.readonly {\n  color: var(--ic-color-primary-text);\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n  resize: none;\n}\n\n.maxlengthtext {\n  color: var(--ic-color-secondary-text);\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-color-tertiary-text);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-color-primary-text);\n}\n\n.charcount {\n  margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n  input.readonly,\n  textarea.readonly {\n    color: canvastext;\n  }\n\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n} from \"@stencil/core\";\nimport {\n  IcInformationStatus,\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcInformationStatusOrEmpty,\n  IcValueEventDetail,\n  IcSizesNoLarge,\n} from \"../../utils/types\";\nimport {\n  inheritAttributes,\n  debounceEvent,\n  getInputDescribedByText,\n  renderHiddenInput,\n  isEmptyString,\n  onComponentRequiredPropUndefined,\n  addFormResetListener,\n  removeFormResetListener,\n  isSlotUsed,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcAriaAutocompleteTypes,\n  IcTextFieldInputModes,\n  IcTextFieldTypes,\n} from \"./ic-text-field.types\";\n\nlet inputIds = 0;\n\n/**\n * @slot icon - Content will be placed to the left of the text input.\n */\n@Component({\n  tag: \"ic-text-field\",\n  styleUrl: \"ic-text-field.css\",\n  shadow: true,\n})\nexport class TextField {\n  private inheritedAttributes: { [k: string]: unknown } = {};\n  private inputEl: HTMLInputElement | HTMLTextAreaElement;\n  private showLeftIcon: boolean = this.hasLeftIconSlot();\n\n  @Element() el: HTMLIcTextFieldElement;\n\n  @State() numChars: number = 0;\n  @State() maxLengthExceeded: boolean = false;\n  @State() maxValueExceeded: boolean = false;\n  @State() minValueUnattained: boolean = false;\n\n  /**\n   * @slot clear-button - an ic-button clear component will render as an end adornment to the input.\n   * @slot search-submit-button - an ic-button search submit component will render as an end adornment to the input.\n   * @slot menu - an ic-menu component will appear below the input.\n   */\n\n  /**\n   * @internal The active element when focus is on the ic-menu items.\n   */\n  @Prop() ariaActiveDescendant?: string;\n\n  /**\n   * @internal Used to identify whether inputting any text triggers more predictions\n   */\n  @Prop() ariaAutocomplete: IcAriaAutocompleteTypes = undefined;\n\n  /**\n   * @internal Used to identify if the slotted menu is rendered\n   */\n  @Prop() ariaExpanded: string;\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaOwns: string;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autoFocus = false;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Specify whether the text field fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText: string = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * @internal If `true`, the hidden form input will stop rendering for form submission.\n   */\n  @Prop() hiddenInput: boolean = true;\n\n  /**\n   * The ID for the input.\n   */\n  @Prop() inputId?: string = `ic-text-field-input-${inputIds++}`;\n\n  /**\n   * A hint to the browser for which keyboard to display.\n   * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n   * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n   */\n  @Prop() inputmode: IcTextFieldInputModes = \"text\";\n\n  /**\n   * The label for the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\n   */\n  @Prop() max: string | number = undefined;\n\n  /**\n   * The maximum number of characters that can be entered in the field.\n   */\n  @Prop() maxLength: number = 0;\n\n  /**\n   * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\n   */\n  @Prop() min: string | number = undefined;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * The placeholder value to be displayed.\n   */\n  @Prop() placeholder: string = \"\";\n\n  /**\n   * If `true`, the read only state will be set.\n   */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /**\n   * If `true`, the input will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * If `true`, the multiline text area will be resizeable.\n   */\n  @Prop() resize: boolean = false;\n\n  /**\n   * @internal Used to set the role if not default textbox;\n   */\n  @Prop() role: string;\n\n  /**\n   * The number of rows to transform the text field into a text area with a specific height.\n   */\n  @Prop() rows: number = 1;\n\n  /**\n   * The size of the text field component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"default\";\n\n  /**\n   * @deprecated This prop should not be used anymore. Set prop `size` to \"small\" instead.\n   */\n  @Prop() small?: boolean = false;\n\n  /**\n   * If `true`, the value of the text field will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck: boolean = false;\n  /**\n   * @internal If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\n   */\n  @Prop() truncateValue?: boolean;\n\n  /**\n   * The type of control to display. The default type is text.\n   */\n  @Prop() type: IcTextFieldTypes = \"text\";\n\n  /**\n   * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\n   */\n  @Prop() validationInline: boolean = false;\n\n  /**\n   *  @internal If `true`, the validation will display inline.\n   */\n  @Prop() validationInlineInternal: boolean = false;\n\n  /**\n   * The validation state - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The validation state - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationText: string = \"\";\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce: number = 0;\n\n  @Watch(\"debounce\")\n  private debounceChanged() {\n    this.icChange = debounceEvent(this.icChange, this.debounce);\n  }\n\n  /**\n   * The value of the text field.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = \"\";\n  @State() initialValue = this.value;\n\n  @Watch(\"value\")\n  private watchValueHandler(newValue: string): void {\n    if (this.inputEl && this.inputEl.value !== newValue) {\n      this.inputEl.value = newValue;\n    }\n\n    this.getMaxLengthExceeded(newValue);\n\n    this.icChange.emit({ value: newValue });\n  }\n\n  /**\n   * @internal Emitted when the validationInlineInternal is `true`\n   */\n  @Event() getValidationText: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when input loses focus.\n   */\n  @Event() icBlur: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when input gains focus.\n   */\n  @Event() icFocus: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keydown event occurred.\n   */\n  @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n  connectedCallback(): void {\n    this.debounceChanged();\n  }\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    if (this.value !== this.initialValue) {\n      this.watchValueHandler(this.value);\n    }\n\n    this.getMaxLengthExceeded(this.value);\n\n    this.inheritedAttributes = inheritAttributes(this.el, [\n      ...IC_INHERITED_ARIA,\n      \"title\",\n    ]);\n\n    if (this.readonly) {\n      this.maxLengthExceeded = false;\n      this.maxValueExceeded = false;\n      this.minValueUnattained = false;\n    }\n\n    addFormResetListener(this.el, this.handleFormReset);\n\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Text Field\"\n    );\n    if (this.validationInlineInternal) {\n      this.getInlineValidationText();\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    this.icKeydown.emit({ event: ev });\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.inputEl) {\n      this.inputEl.focus();\n    }\n  }\n\n  private getMaxLengthExceeded = (value: string) => {\n    this.numChars = value.length;\n\n    if (this.type === \"number\") {\n      this.minValueUnattained =\n        value && Number(value) < Number(this.min) ? true : false;\n      this.maxValueExceeded = Number(value) > Number(this.max) ? true : false;\n    }\n\n    if (this.maxLength > 0) {\n      this.maxLengthExceeded = value.length > this.maxLength ? true : false;\n    }\n  };\n\n  private onInput = (ev: Event) => {\n    this.value = (ev.target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.value });\n  };\n\n  private onBlur = (ev: Event) => {\n    const value = (ev.target as HTMLInputElement).value;\n    this.icBlur.emit({ value: value });\n  };\n\n  private onFocus = (ev: Event) => {\n    const value = (ev.target as HTMLInputElement).value;\n    this.icFocus.emit({ value: value });\n  };\n\n  private isTextArea = (): boolean => {\n    return this.rows > 1;\n  };\n\n  private getInlineValidationText = () => {\n    this.getValidationText.emit({ value: this.validationText });\n  };\n\n  private hasLeftIconSlot(): boolean {\n    const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n    return iconEl !== null;\n  }\n\n  private hasStatus = (status: IcInformationStatusOrEmpty): boolean => {\n    return status !== \"\" && !this.disabled;\n  };\n\n  private showStatusText = (status: IcInformationStatusOrEmpty): boolean => {\n    return (\n      this.hasStatus(status) &&\n      !(status == IcInformationStatus.Success && this.validationInline) &&\n      !this.validationInlineInternal\n    );\n  };\n\n  private handleFormReset = (): void => {\n    this.value = this.initialValue;\n  };\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      size,\n      placeholder,\n      helperText,\n      rows,\n      resize,\n      disabled,\n      value,\n      min,\n      max,\n      maxLength,\n      numChars,\n      readonly,\n      maxLengthExceeded,\n      minValueUnattained,\n      maxValueExceeded,\n      validationStatus,\n      validationText,\n      validationInline,\n      validationInlineInternal,\n      spellcheck,\n      inputmode,\n      fullWidth,\n      truncateValue,\n      hiddenInput,\n    } = this;\n\n    const disabledMode = readonly ? true : disabled;\n\n    const placeholderText = disabled ? \"\" : placeholder;\n\n    const currentStatus =\n      maxLengthExceeded || maxValueExceeded || minValueUnattained\n        ? IcInformationStatus.Error\n        : validationStatus;\n\n    const currentValidationText = maxLengthExceeded\n      ? \"Maximum length exceeded\"\n      : maxValueExceeded\n      ? `Maximum value of ${max} exceeded`\n      : minValueUnattained\n      ? `Minimum value of ${min} not met`\n      : validationText;\n\n    const maxNumChars = readonly ? 0 : maxLength;\n\n    const messageAriaLive =\n      maxLengthExceeded ||\n      maxValueExceeded ||\n      minValueUnattained ||\n      (maxLength === 0 && currentStatus === IcInformationStatus.Error)\n        ? \"assertive\"\n        : \"polite\";\n\n    const showStatusText = this.showStatusText(currentStatus);\n    const multiline = this.isTextArea();\n    const hiddenCharCountDescId =\n      maxLength > 0 ? inputId + \"-charcount-desc\" : \"\";\n    const describedBy = (\n      hiddenCharCountDescId +\n      \" \" +\n      getInputDescribedByText(inputId, helperText !== \"\", showStatusText)\n    ).trim();\n\n    if (this.showLeftIcon && !readonly && disabledMode) {\n      this.showLeftIcon = false;\n    }\n\n    const invalid =\n      currentStatus === IcInformationStatus.Error ? \"true\" : \"false\";\n    const disabledText = disabledMode && !readonly;\n\n    if (hiddenInput) {\n      renderHiddenInput(true, this.el, name, value, disabledMode);\n    }\n    return (\n      <Host class={{ [\"fullwidth\"]: fullWidth }}>\n        <ic-input-container readonly={readonly} disabled={disabledMode}>\n          {!this.hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabledText}\n              readonly={readonly}\n            ></ic-input-label>\n          )}\n\n          <ic-input-component-container\n            size={size}\n            validationStatus={currentStatus}\n            multiLine={multiline}\n            disabled={disabledMode}\n            readonly={readonly}\n            validationInline={validationInline}\n            fullWidth={fullWidth}\n          >\n            {this.showLeftIcon && (\n              <span\n                class={{\n                  [\"readonly\"]: readonly,\n                  [\"has-value\"]: value.length > 0,\n                }}\n                slot=\"left-icon\"\n              >\n                <slot name=\"icon\" />\n              </span>\n            )}\n\n            {!multiline && (\n              <input\n                id={inputId}\n                name={name}\n                ref={(el) => (this.inputEl = el as HTMLInputElement)}\n                type={this.type}\n                min={min}\n                max={max}\n                value={value}\n                class={{\n                  [\"no-left-pad\"]: !this.showLeftIcon && readonly,\n                  [\"readonly\"]: readonly,\n                  [\"truncate-value\"]: truncateValue,\n                }}\n                placeholder={placeholderText}\n                required={required}\n                disabled={disabledMode}\n                readonly={readonly}\n                onInput={this.onInput}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                aria-activedescendant={this.ariaActiveDescendant}\n                aria-expanded={this.ariaExpanded}\n                aria-owns={this.ariaOwns}\n                autocomplete={this.autocomplete}\n                autocapitalize={this.autocapitalize}\n                autoFocus={this.autoFocus}\n                spellcheck={spellcheck}\n                inputmode={inputmode}\n                role={this.role}\n                {...this.inheritedAttributes}\n              ></input>\n            )}\n            {multiline && (\n              <textarea\n                id={inputId}\n                class={{\n                  [\"no-resize\"]: resize === false || readonly,\n                  [\"no-left-pad\"]: !this.showLeftIcon && readonly,\n                  [\"readonly\"]: readonly,\n                }}\n                name={name}\n                ref={(el) => (this.inputEl = el as HTMLTextAreaElement)}\n                value={value}\n                rows={rows}\n                required={required}\n                disabled={disabledMode}\n                placeholder={placeholderText}\n                readonly={readonly}\n                onInput={this.onInput}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                autocapitalize={this.autocapitalize}\n                autoFocus={this.autoFocus}\n                spellcheck={spellcheck}\n                inputmode={inputmode}\n                {...this.inheritedAttributes}\n              ></textarea>\n            )}\n            {isSlotUsed(this.el, \"clear-button\") && (\n              <slot name=\"clear-button\"></slot>\n            )}\n            {isSlotUsed(this.el, \"search-submit-button\") && (\n              <slot name=\"search-submit-button\"></slot>\n            )}\n          </ic-input-component-container>\n          {isSlotUsed(this.el, \"menu\") && <slot name=\"menu\"></slot>}\n          {(!isEmptyString(validationStatus) ||\n            !isEmptyString(validationText) ||\n            maxNumChars > 0 ||\n            maxValueExceeded ||\n            minValueUnattained) &&\n            !validationInlineInternal && (\n              <ic-input-validation\n                status={\n                  this.hasStatus(currentStatus) === false ||\n                  (currentStatus === IcInformationStatus.Success &&\n                    validationInline) ||\n                  validationInlineInternal\n                    ? \"\"\n                    : currentStatus\n                }\n                message={showStatusText ? currentValidationText : \"\"}\n                ariaLiveMode={messageAriaLive}\n                for={inputId}\n                fullWidth={fullWidth}\n              >\n                {!readonly && maxNumChars > 0 && (\n                  <div slot=\"validation-message-adornment\">\n                    <ic-typography\n                      variant=\"caption\"\n                      class={{\n                        [\"maxlengthtext\"]: true,\n                        [\"error\"]: maxLengthExceeded,\n                        [\"disabled\"]: disabledText,\n                      }}\n                    >\n                      <span\n                        aria-live=\"polite\"\n                        id={`${inputId}-charcount`}\n                        class=\"charcount\"\n                      >\n                        {numChars}/{maxNumChars}\n                      </span>\n                      <span hidden={true} id={hiddenCharCountDescId}>\n                        Field can contain a maximum of {maxNumChars} characters.\n                      </span>\n                    </ic-typography>\n                  </div>\n                )}\n              </ic-input-validation>\n            )}\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}