@siemens/ix 0.0.0-pr-1318-20240627080522 → 0.0.0-pr-1373-20240705054533

package/dist/types/components/text-field/text-field.d.ts

@@ -1,119 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { IxInputFieldComponent, ValidationResults } from '../utils/field';
-/**
- * @since 2.4.0
- * @form-ready 2.4.0
- */
-export declare class TextField implements IxInputFieldComponent<string> {
-    hostElement: HTMLIxTextFieldElement;
-    formInternals: ElementInternals;
-    /**
-     * The type of the text field. Possible values are 'text', 'email', or 'password'.
-     */
-    type: 'text' | 'email' | 'password';
-    /**
-     * The name of the text field.
-     */
-    name?: string;
-    /**
-     * The placeholder text for the text field.
-     */
-    placeholder?: string;
-    /**
-     * The value of the text field.
-     */
-    value: string;
-    /**
-     * Specifies whether the text field is required.
-     */
-    required: boolean;
-    /**
-     * Specifies whether the text field is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Specifies whether the text field is readonly.
-     */
-    readonly: boolean;
-    /**
-     * The helper text for the text field.
-     */
-    helperText?: string;
-    /**
-     * The info text for the text field.
-     */
-    infoText?: string;
-    /**
-     * Specifies whether to show the text as a tooltip.
-     */
-    showTextAsTooltip?: boolean;
-    /**
-     * The valid text for the text field.
-     */
-    validText?: string;
-    /**
-     * The warning text for the text field.
-     */
-    warningText?: string;
-    /**
-     * The label for the text field.
-     */
-    label?: string;
-    /**
-     * The error text for the text field.
-     */
-    invalidText?: string;
-    /**
-     * The pattern for the text field.
-     */
-    pattern?: string;
-    /**
-     * The maximum length of the text field.
-     */
-    maxLength?: number;
-    /**
-     * The minimum length of the text field.
-     */
-    minLength?: number;
-    /**
-     * The allowed characters pattern for the text field.
-     */
-    allowedCharactersPattern?: string;
-    /**
-     * Event emitted when the value of the text field changes.
-     */
-    valueChange: EventEmitter<string>;
-    /**
-     * Event emitted when the validity state of the text field changes.
-     */
-    validityStateChange: EventEmitter<ValidityState>;
-    /**
-     * Event emitted when the text field loses focus.
-     */
-    ixBlur: EventEmitter<void>;
-    isInvalid: boolean;
-    isValid: boolean;
-    isInfo: boolean;
-    isWarning: boolean;
-    isInvalidByRequired: boolean;
-    inputType: string;
-    private inputRef;
-    private postfixRef;
-    private prefixRef;
-    private textFieldId;
-    updateClassMappings(result: ValidationResults): void;
-    updateInputType(): void;
-    componentWillLoad(): void;
-    componentDidRender(): void;
-    private updatePaddings;
-    updateFormInternalValue(value: string): void;
-    /** @internal */
-    getAssociatedFormElement(): Promise<HTMLFormElement | null>;
-    /** @internal */
-    hasValidValue(): Promise<boolean>;
-    /**
-     * Returns the native input element used in the text field.
-     */
-    getNativeInputElement(): Promise<HTMLInputElement>;
-    render(): any;
-}

package/dist/types/components/text-field/text-field.util.d.ts

@@ -1,13 +0,0 @@
-import { A11yAttributes } from '../utils/a11y';
-import { IxFormComponent, IxInputFieldComponent, ValidationResults } from '../utils/field';
-export declare function createIdIfNotExists(element: IxFormComponent, idPrefix?: string): any;
-export declare function mapValidationResult(ref: IxInputFieldComponent<unknown>, result: ValidationResults): void;
-export declare function checkAllowedKeys(comp: IxInputFieldComponent<unknown>, event: KeyboardEvent): void;
-export declare function checkInternalValidity(comp: IxFormComponent<unknown>, input: HTMLInputElement | HTMLTextAreaElement): Promise<void>;
-export declare function onInputBlur(comp: IxInputFieldComponent<unknown>, input: HTMLInputElement | HTMLTextAreaElement): void;
-export declare function applyPostfixPadding(inputElement: HTMLElement, width: number, options: {
-    postfix: boolean;
-    additionalPaddingRight?: string;
-}): void;
-export declare function adjustPaddingForPrefixAndPostfix(prefixElement: HTMLElement, postfixElement: HTMLElement, inputElement: HTMLElement): void;
-export declare function getAriaAttributesForInput(component: IxInputFieldComponent): A11yAttributes;

package/dist/types/components/text-field/textarea-field.d.ts

@@ -1,127 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { IxInputFieldComponent, ValidationResults } from '../utils/field';
-/**
- * @since 2.4.0
- * @form-ready 2.4.0
- */
-export declare class TextareaField implements IxInputFieldComponent<string> {
-    hostElement: HTMLIxTextareaFieldElement;
-    formInternals: ElementInternals;
-    /**
-     * The name of the textarea field.
-     */
-    name?: string;
-    /**
-     * The placeholder text for the textarea field.
-     */
-    placeholder?: string;
-    /**
-     * The value of the textarea field.
-     */
-    value: string;
-    /**
-     * Determines if the textarea field is required.
-     */
-    required: boolean;
-    /**
-     * Determines if the textarea field is disabled.
-     */
-    disabled: boolean;
-    /**
-     * Determines if the textarea field is readonly.
-     */
-    readonly: boolean;
-    /**
-     * The helper text for the textarea field.
-     */
-    helperText?: string;
-    /**
-     * The info text for the textarea field.
-     */
-    infoText?: string;
-    /**
-     * Determines if the text should be displayed as a tooltip.
-     */
-    showTextAsTooltip?: boolean;
-    /**
-     * The valid text for the textarea field.
-     */
-    validText?: string;
-    /**
-     * The warning text for the textarea field.
-     */
-    warningText?: string;
-    /**
-     * The label for the textarea field.
-     */
-    label?: string;
-    /**
-     * The error text for the textarea field.
-     */
-    invalidText?: string;
-    /**
-     * The height of the textarea field.
-     * Helpful if you want to set an initial height for the textarea.
-     */
-    textareaHeight: string;
-    /**
-     * The height of the textarea field.
-     * Helpful if you want to set an initial height for the textarea.
-     */
-    textareaWidth: string;
-    /**
-     * The number of rows of the textarea field.
-     * Helpful if you want to set an initial height for the textarea.
-     */
-    textareaRows: string;
-    /**
-     * The height of the textarea field.
-     * Helpful if you want to set an initial height for the textarea.
-     */
-    textareaCols: string;
-    /**
-     * Determines the resize behavior of the textarea field.
-     * 'dimensions' means the textarea will be resized based on textareaHeight and textareaWidth.
-     * 'rowsCols' means the textarea will be resized based on textareaRows and textareaCols.
-     */
-    resizeBehavior: 'dimensions' | 'rowsCols';
-    /**
-     * The maximum length of the textarea field.
-     */
-    maxLength?: number;
-    /**
-     * The minimum length of the textarea field.
-     */
-    minLength?: number;
-    /**
-     * Event emitted when the value of the textarea field changes.
-     */
-    valueChange: EventEmitter<string>;
-    /**
-     * Event emitted when the validity state of the textarea field changes.
-     */
-    validityStateChange: EventEmitter<ValidityState>;
-    /**
-     * Event emitted when the textarea field loses focus.
-     */
-    ixBlur: EventEmitter<void>;
-    isInvalid: boolean;
-    isValid: boolean;
-    isInfo: boolean;
-    isWarning: boolean;
-    isInvalidByRequired: boolean;
-    private textAreaRef;
-    updateClassMappings(result: ValidationResults): void;
-    componentWillLoad(): void;
-    updateFormInternalValue(value: string): void;
-    /** @internal */
-    getAssociatedFormElement(): Promise<HTMLFormElement | null>;
-    /** @internal */
-    hasValidValue(): Promise<boolean>;
-    /**
-     * Get the native textarea element.
-     */
-    getNativeInputElement(): Promise<HTMLTextAreaElement>;
-    getSizeValue(behavior: string, value: string): string;
-    render(): any;
-}

package/dist/types/components/utils/attributes.d.ts

@@ -1,2 +0,0 @@
-export type Attributes = Record<string, string>;
-export declare const inheritAttributes: (element: HTMLElement, attributes?: string[]) => Attributes;

package/dist/types/components/utils/field/index.d.ts

@@ -1,60 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { IxComponent } from '../internal';
-export * from './validation';
-export interface FieldWrapperInterface {
-    /**
-     * Label for the field component
-     */
-    label?: string;
-    /**
-     * Show text below the field component which show additional information
-     */
-    helperText?: string;
-    /**
-     * Info text for the field component
-     */
-    infoText?: string;
-    /**
-     * Warning text for the field component
-     */
-    warningText?: string;
-    /**
-     * Error text for the field component
-     */
-    invalidText?: string;
-    /**
-     * Valid text for the field component
-     */
-    validText?: string;
-    /**
-     * Show helper, info, warning, error and valid text as tooltip
-     */
-    showTextAsTooltip?: boolean;
-}
-export type HTMLIxFormComponentElement<T> = HTMLElement & IxFormComponent<T>;
-export type HTMLIxInputFieldComponentElement<T> = HTMLIxFormComponentElement<T> & IxInputFieldComponent<T>;
-export interface IxFormValidationState {
-    isInvalid: boolean;
-    isValid: boolean;
-    isInfo: boolean;
-    isWarning: boolean;
-}
-export interface IxFormComponent<T = string> extends IxComponent {
-    formInternals: ElementInternals;
-    required?: boolean;
-    name?: string;
-    value?: T;
-    disabled: boolean;
-    valueChange: EventEmitter<T>;
-    updateFormInternalValue(value: T): void;
-    hasValidValue(): Promise<boolean>;
-    getValidityState?(): Promise<ValidityState>;
-    getAssociatedFormElement(): Promise<HTMLFormElement | null>;
-}
-export interface IxInputFieldComponent<T = string> extends IxFormComponent<T>, IxFormValidationState, FieldWrapperInterface {
-    placeholder?: string;
-    readonly: boolean;
-    ixBlur: EventEmitter<void>;
-    getNativeInputElement(): Promise<HTMLInputElement | HTMLTextAreaElement>;
-}
-export declare function isIxInputFieldComponent(obj: HTMLElement): obj is HTMLIxInputFieldComponentElement<unknown>;

package/dist/types/components/utils/field/validation.d.ts

@@ -1,15 +0,0 @@
-import { HTMLIxFormComponentElement, IxFormComponent } from '.';
-import { IxComponent } from '../internal';
-export type ClassMutationObserver = {
-    destroy: () => void;
-};
-export declare function shouldSuppressInternalValidation(host: IxFormComponent<unknown>): Promise<boolean>;
-export declare function createClassMutationObserver(element: HTMLElement, callback: () => void, options?: {
-    includeChildren?: boolean;
-}): ClassMutationObserver;
-export type ValidationResultProperty = 'isInvalid' | 'isInvalidByRequired' | 'isValid' | 'isInfo' | 'isWarning';
-export type ValidationResults = Record<ValidationResultProperty, boolean>;
-export declare function checkFieldClasses(hostElement: HTMLIxFormComponentElement<unknown>, includeChildren?: boolean): ValidationResults;
-export declare function HookValidationLifecycle(options?: {
-    includeChildren?: boolean;
-}): (proto: IxComponent, methodName: string) => void;

package/dist/types/components/utils/uuid.d.ts

@@ -1 +0,0 @@
-export declare function generateUUID(): string;

package/scss/mixins/_field.scss

@@ -1,18 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
- @mixin input-invalid {
-  background-color: var(--theme-input-error--background);
-  border-color: var(--theme-input-error--border-color);
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
-  background-position: left calc(0.375em + 0.1875rem) center;
-  padding-right: 0.75rem;
-  padding-left: calc(1.5em + 0.75rem);
-  background-size: 18px;
-  background-repeat: no-repeat;
-}

package/scss/mixins/validation/_form-component.scss

@@ -1,63 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-$notSelectors: ':not(.disabled):not(:disabled):not([disabled])';
-
-@mixin host-valid {
-  :host(.ix-valid#{$notSelectors}:not(.ix-suppress-valid):not(.ix-invalid--required)) {
-    @content;
-  }
-}
-
-@mixin host-info {
-  :host(.ix-info#{$notSelectors}) {
-    @content;
-  }
-}
-
-@mixin host-warning {
-  :host(.ix-warning#{$notSelectors}) {
-    @content;
-  }
-}
-
-@mixin host-invalid {
-  :host([class*='ix-invalid']#{$notSelectors}),
-  :host(.ix-invalid--required#{$notSelectors}) {
-    @content;
-  }
-}
-
-
-@mixin input-valid {
-  textarea.ix-valid#{$notSelectors}:not(.ix-suppress-valid):not(.ix-invalid--required),
-  input.ix-valid#{$notSelectors}:not(.ix-suppress-valid):not(.ix-invalid--required) {
-    @content;
-  }
-}
-
-@mixin input-info {
-  textarea.ix-info#{$notSelectors},
-  input.ix-info#{$notSelectors} {
-    @content;
-  }
-}
-
-@mixin input-warning {
-  textarea.ix-warning#{$notSelectors},
-  input.ix-warning#{$notSelectors} {
-    @content;
-  }
-}
-
-@mixin input-invalid {
-  textarea[class*='ix-invalid']#{$notSelectors},
-  input[class*='ix-invalid']#{$notSelectors} {
-    @content;
-  }
-}