@anguless/angulux 22.0.0-rc.0

package/types/anguless-angulux-types-splitter.d.ts

@@ -0,0 +1,70 @@
+import { TemplateRef } from '@angular/core';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Custom pass-through(pt) options.
+ * @template I Type of instance.
+ *
+ * @see {@link Splitter.pt}
+ * @group Interface
+ */
+interface SplitterPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the panel's DOM element.
+     */
+    panel: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the gutter's DOM element.
+     */
+    gutter?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the gutter handle's DOM element.
+     */
+    gutterHandle?: PassThroughOption<HTMLDivElement, I>;
+}
+/**
+ * Defines valid pass-through options in Splitter component.
+ * @see {@link SplitterPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type SplitterPassThrough<I = unknown> = PassThrough<I, SplitterPassThroughOptions<I>>;
+/**
+ * Custom panel resize start event.
+ * @see {@link Splitter.onResizeStart}
+ * @group Events
+ */
+interface SplitterResizeStartEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: TouchEvent | MouseEvent;
+    /**
+     * Sizes of the panels, can be percentages, pixels, rem, or other CSS units.
+     */
+    sizes: (number | string)[];
+}
+/**
+ * Custom panel resize end event.
+ * @see {@link Splitter.onResizeEnd}
+ * @extends {SplitterResizeStartEvent}
+ * @group Events
+ */
+interface SplitterResizeEndEvent extends SplitterResizeStartEvent {
+}
+/**
+ * Defines valid templates in Splitter.
+ * @group Templates
+ */
+interface SplitterTemplates {
+    /**
+     * Custom panel template.
+     */
+    panel(): TemplateRef<void>;
+}
+
+export type { SplitterPassThrough, SplitterPassThroughOptions, SplitterResizeEndEvent, SplitterResizeStartEvent, SplitterTemplates };

package/types/anguless-angulux-types-stepper.d.ts

@@ -0,0 +1,162 @@
+import { MotionOptions } from '@anguless/angulux-motion';
+import { PassThrough, PassThroughOption } from '@anguless/angulux/api';
+
+/**
+ * Defines valid pass-through options in Stepper component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepperPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass options to the motion component/directive.
+     */
+    motion?: MotionOptions;
+}
+/**
+ * Defines valid pass-through options in Stepper component.
+ * @see {@link StepperPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepperPassThrough<I = unknown> = PassThrough<I, StepperPassThroughOptions<I>>;
+/**
+ * Defines valid pass-through options in StepList component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepListPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+}
+/**
+ * Defines valid pass-through options in StepList component.
+ * @see {@link StepListPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepListPassThrough<I = unknown> = PassThrough<I, StepListPassThroughOptions<I>>;
+/**
+ * Defines valid pass-through options in StepperSeparator component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepperSeparatorPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+}
+/**
+ * Defines valid pass-through options in StepperSeparator component.
+ * @see {@link StepperSeparatorPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepperSeparatorPassThrough<I = unknown> = PassThrough<I, StepperSeparatorPassThroughOptions<I>>;
+/**
+ * Defines valid pass-through options in StepItem component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepItemPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+}
+/**
+ * Defines valid pass-through options in StepItem component.
+ * @see {@link StepItemPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepItemPassThrough<I = unknown> = PassThrough<I, StepItemPassThroughOptions<I>>;
+/**
+ * Defines valid pass-through options in Step component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: PassThroughOption<HTMLButtonElement, I>;
+    /**
+     * Used to pass attributes to the number's DOM element.
+     */
+    number?: PassThroughOption<HTMLSpanElement, I>;
+    /**
+     * Used to pass attributes to the title's DOM element.
+     */
+    title?: PassThroughOption<HTMLSpanElement, I>;
+}
+/**
+ * Defines valid pass-through options in Step component.
+ * @see {@link StepPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepPassThrough<I = unknown> = PassThrough<I, StepPassThroughOptions<I>>;
+/**
+ * Defines valid pass-through options in StepPanel component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepPanelPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+    /**
+     * Used to pass attributes to the content wrapper DOM element.
+     */
+    contentWrapper?: PassThroughOption<HTMLDivElement, I>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: PassThroughOption<HTMLDivElement, I>;
+}
+/**
+ * Defines valid pass-through options in StepPanel component.
+ * @see {@link StepPanelPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepPanelPassThrough<I = unknown> = PassThrough<I, StepPanelPassThroughOptions<I>>;
+/**
+ * Defines valid pass-through options in StepPanels component.
+ * @template I Type of instance.
+ *
+ * @group Interface
+ */
+interface StepPanelsPassThroughOptions<I = unknown> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: PassThroughOption<HTMLElement, I>;
+}
+/**
+ * Defines valid pass-through options in StepPanels component.
+ * @see {@link StepPanelsPassThroughOptions}
+ *
+ * @template I Type of instance.
+ */
+type StepPanelsPassThrough<I = unknown> = PassThrough<I, StepPanelsPassThroughOptions<I>>;
+
+export type { StepItemPassThrough, StepItemPassThroughOptions, StepListPassThrough, StepListPassThroughOptions, StepPanelPassThrough, StepPanelPassThroughOptions, StepPanelsPassThrough, StepPanelsPassThroughOptions, StepPassThrough, StepPassThroughOptions, StepperPassThrough, StepperPassThroughOptions, StepperSeparatorPassThrough, StepperSeparatorPassThroughOptions };