@siemens/ix 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -0,0 +1,16 @@
+import { IxComponent } from '../utils/internal';
+export interface IxOverlayComponent extends IxComponent {
+    isPresent(): boolean;
+    willPresent?(): boolean;
+    willDismiss?(): boolean;
+    present(): void;
+    dismiss(): void;
+}
+export declare class OverlayController {
+    overlays: Set<IxOverlayComponent>;
+    connected(instance: IxOverlayComponent): void;
+    disconnected(instance: IxOverlayComponent): void;
+    present(instance: IxOverlayComponent): void;
+    dismiss(instance: IxOverlayComponent): void;
+    private dismissOthers;
+}

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

@@ -0,0 +1,7 @@
+/**
+ * Prevents angular from change detection when requesting an animation frame
+ *
+ * Credits goes to:
+ * https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts
+ */
+export declare const requestAnimationFrameNoNgZone: (callback: (...args: any[]) => void) => any;

package/dist/types/components/utils/rwd.util.d.ts

@@ -0,0 +1,2 @@
+export declare const convertToRemString: (value: number) => string;
+export declare const convertToAbbreviationString: (num: number) => string;

package/dist/types/components/utils/shadow-dom.d.ts

@@ -0,0 +1,5 @@
+export declare function closestElement(selector: string, el: any): null | Element;
+export declare function getSlottedElements<R = any>(slot: any): R[];
+export declare function hasSlottedElements(slot: any): boolean;
+export declare function containsElement(target: Element, element: Element): boolean;
+export declare function closestPassShadow(node: Node, selector: string): HTMLElement;

package/dist/types/components/utils/theme-switcher.d.ts

@@ -0,0 +1,27 @@
+import { type LiteralStringUnion } from './type-helper';
+import { TypedEvent } from './typed-event';
+export type ThemeVariant = 'light' | 'dark';
+declare class ThemeSwitcher {
+    readonly prefixTheme = "theme-";
+    readonly suffixLight = "-light";
+    readonly suffixDark = "-dark";
+    readonly defaultTheme = "theme-classic-dark";
+    mutationObserver?: MutationObserver;
+    _themeChanged: TypedEvent<string>;
+    get themeChanged(): TypedEvent<string>;
+    hasVariantSuffix(className: string): boolean;
+    private isThemeClass;
+    setTheme(themeName: string, systemAppearance?: boolean): void;
+    private replaceBodyThemeClass;
+    toggleMode(): void;
+    getCurrentTheme(): string;
+    setVariant(variant?: ThemeVariant): void;
+    private getOppositeMode;
+    private handleMutations;
+    private registerMutationObserver;
+    constructor();
+}
+export type IxTheme = LiteralStringUnion<'classic' | 'classic-dark' | 'classic-light'>;
+export declare const getCurrentSystemAppearance: () => ThemeVariant;
+export declare const themeSwitcher: ThemeSwitcher;
+export {};

package/dist/types/components/utils/type-helper.d.ts

@@ -0,0 +1 @@
+export type LiteralStringUnion<T> = T | (string & Record<never, never>);

package/dist/types/components/utils/typed-event.d.ts

@@ -0,0 +1,15 @@
+export interface Listener<T> {
+    (event: T): any;
+}
+export interface Disposable {
+    dispose(): void;
+}
+export declare class TypedEvent<T> {
+    readonly listeners: Listener<T>[];
+    listenersOncer: Listener<T>[];
+    on: (listener: Listener<T>) => Disposable;
+    once: (listener: Listener<T>) => void;
+    off: (listener: Listener<T>) => void;
+    emit: (event: T) => void;
+    pipe: (te: TypedEvent<T>) => Disposable;
+}

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

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

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

@@ -0,0 +1 @@
+export declare function waitForElement<R extends HTMLElement>(selector: string, doc: any, timeout?: number): Promise<R>;

package/dist/types/components/validation-tooltip/validation-tooltip.d.ts

@@ -0,0 +1,45 @@
+import { Side } from '../dropdown/placement';
+type Position = {
+    x: number;
+    y: number;
+};
+/**
+ * @slot tooltip-message - Custom tooltip message with html support
+ */
+export declare class ValidationTooltip {
+    hostElement: HTMLIxValidationTooltipElement;
+    /**
+     * Message of the tooltip
+     */
+    message?: string;
+    /**
+     * Placement of the tooltip
+     */
+    placement: Side;
+    /**
+     * Suppress the automatic placement of the dropdown.
+     *
+     * @since 2.0.0
+     */
+    suppressAutomaticPlacement: boolean;
+    isInputValid: boolean;
+    tooltipPosition?: Position;
+    arrowPosition?: Position;
+    private onSubmitBind;
+    private onInputFocusBind;
+    private autoUpdateCleanup?;
+    private observer?;
+    get arrow(): HTMLElement;
+    get inputElement(): HTMLInputElement;
+    get formElement(): HTMLFormElement;
+    get tooltipElement(): HTMLElement;
+    private destroyAutoUpdate;
+    private applyTooltipPosition;
+    componentDidLoad(): void;
+    private onInputFocus;
+    private onSubmit;
+    disconnectedCallback(): void;
+    validationChanged(): void;
+    render(): any;
+}
+export {};

package/dist/types/components/workflow-step/workflow-step.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class WorkflowStep {
+    hostElement: HTMLIxWorkflowStepElement;
+    /**
+     * Select orientation
+     */
+    vertical: boolean;
+    /**
+     * Set disabled
+     */
+    disabled: boolean;
+    /**
+     * Set status
+     */
+    status: 'open' | 'success' | 'done' | 'warning' | 'error';
+    /**
+     * Activate navigation click
+     */
+    clickable: boolean;
+    /**
+     * Set selected
+     */
+    selected: boolean;
+    /**
+     * Activate navigation click
+     *
+     * @internal
+     */
+    position: 'first' | 'last' | 'single' | 'undefined';
+    iconName?: string;
+    iconColor: string;
+    /**
+     * @internal
+     */
+    selectedChanged: EventEmitter<HTMLIxWorkflowStepElement>;
+    private customIconSlot;
+    selectedHandler(): void;
+    watchPropHandler(): void;
+    componentWillLoad(): void;
+    onStepClick(): void;
+    render(): any;
+}

package/dist/types/components/workflow-steps/test/workflow-steps.ct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/workflow-steps/workflow-steps.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class WorkflowSteps {
+    hostElement: HTMLIxWorkflowStepsElement;
+    /**
+     * Select orientation
+     */
+    vertical: boolean;
+    /**
+     * Activate navigation click
+     */
+    clickable: boolean;
+    /**
+     * Activate navigation click
+     */
+    selectedIndex: number;
+    /**
+     * On step selected event
+     */
+    stepSelected: EventEmitter<number>;
+    private getSteps;
+    updateSteps(): void;
+    private observer?;
+    onStepSelectionChanged(event: CustomEvent<HTMLIxWorkflowStepElement>): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    componentDidRender(): void;
+    render(): any;
+}