@haiilo/catalyst 0.5.13 → 0.7.0

package/dist/types/components/cat-input/cat-input.d.ts

@@ -4,6 +4,8 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * is short. As well as plain text, Input supports various types of text,
  * including passwords and numbers.
  *
+ * @slot hint - Optional hint element to be displayed with the input.
+ * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
  * @part label - The label content.
  * @part prefix - The text prefix.
  * @part suffix - The text suffix.
@@ -12,7 +14,8 @@ export declare class CatInput {
   private readonly i18n;
   private readonly id;
   private input;
-  private inputValue;
+  hostElement: HTMLElement;
+  hasSlottedLabel: boolean;
   /**
    * Hint for form autofill feature.
    */
@@ -26,9 +29,9 @@ export declare class CatInput {
    */
   disabled: boolean;
   /**
-   * Optional hint text to be displayed with the input.
+   * Optional hint text(s) to be displayed with the input.
    */
-  hint?: string;
+  hint?: string | string[];
   /**
    * The name of an icon to be displayed in the input.
    */
@@ -109,8 +112,6 @@ export declare class CatInput {
    * Emitted when the input loses focus.
    */
   catBlur: EventEmitter<FocusEvent>;
-  onValueChange(value?: string | number): void;
-  componentWillLoad(): void;
   componentWillRender(): void;
   /**
    * Sets focus on the input. Use this method instead of `input.focus()`.
@@ -124,6 +125,7 @@ export declare class CatInput {
    */
   clear(): Promise<void>;
   render(): any;
+  private get hintSection();
   private onInput;
   private onFocus;
   private onBlur;

package/dist/types/components/cat-radio/cat-radio.d.ts

@@ -3,11 +3,15 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Radio Buttons are graphical interface elements that allow user to choose
  * only one of a predefined set of mutually exclusive options.
  *
+ * @slot hint - Optional hint element to be displayed with the radio.
+ * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
  * @part label - The label content.
  */
 export declare class CatRadio {
   private readonly id;
   private input;
+  hostElement: HTMLElement;
+  hasSlottedLabel: boolean;
   /**
    * Whether this radio is checked.
    */
@@ -36,6 +40,10 @@ export declare class CatRadio {
    * The value of the radio component.
    */
   value?: string;
+  /**
+   * Optional hint text(s) to be displayed with the radio.
+   */
+  hint?: string | string[];
   /**
    * Emitted when the radio is changed.
    */
@@ -57,6 +65,7 @@ export declare class CatRadio {
    */
   setFocus(options?: FocusOptions): Promise<void>;
   render(): any;
+  private get hintSection();
   private onChange;
   private onFocus;
   private onBlur;

package/dist/types/components/cat-scrollable/cat-scrollable.d.ts

@@ -8,20 +8,20 @@ export declare class CatScrollable {
   private readonly init;
   private readonly destroyed;
   private scrolled;
-  /** Flags to enable/disable scroll shadowX. */
-  shadowX: boolean;
-  /** Flags to enable/disable scroll shadowY. */
-  shadowY: boolean;
-  /** Flags to enable/disable overflowX. */
-  overflowX: boolean;
-  /** Flags to enable/disable overflowY. */
-  overflowY: boolean;
-  /** Flag to enable/disable overscroll behavior. */
-  overscroll: boolean;
+  /** Flags to disable/enable scroll shadowX. */
+  noShadowX: boolean;
+  /** Flags to disable/enable scroll shadowY. */
+  noShadowY: boolean;
+  /** Flags to disable/enable overflowX. */
+  noOverflowX: boolean;
+  /** Flags to disable/enable overflowY. */
+  noOverflowY: boolean;
+  /** Flag to disable/enable overscroll behavior. */
+  noOverscroll: boolean;
   /**
-   * Flag to fire an initial event after content initialization.
+   * Flag to not fire an initial event after content initialization.
    */
-  scrolledInit: boolean;
+  noScrolledInit: boolean;
   /**
    * Buffer to be used to calculate the scroll distance.
    */

package/dist/types/components/cat-tab/cat-tab.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Breakpoint } from '../../utils/breakpoints';
+/**
+ * A single tab inside a tabs component.
+ */
+export declare class CatTab {
+  hostElement: HTMLElement;
+  /**
+   * The label of the tab.
+   */
+  label: string;
+  /**
+   * The name of an icon to be displayed in the tab.
+   */
+  icon?: string;
+  /**
+   * Hide the actual button content and only display the tab.
+   */
+  iconOnly: boolean | Breakpoint;
+  /**
+   * Display the icon on the right.
+   */
+  iconRight: boolean;
+  /**
+   * A destination to link to, rendered in the href attribute of a link.
+   */
+  url?: string;
+  /**
+   * Specifies where to open the linked document.
+   */
+  urlTarget?: '_blank' | '_self';
+  /**
+   * Specifies that the tab should be deactivated.
+   */
+  deactivated: boolean;
+  /**
+   * Emitted when tab is clicked.
+   */
+  tabClick: EventEmitter<MouseEvent>;
+  connectedCallback(): void;
+  onClick(event: MouseEvent): void;
+  render(): any;
+}

package/dist/types/components/cat-tabs/cat-tabs.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Tabs are used to display multiple panels to be contained within a single
+ * window, using tabs as a navigational element.
+ *
+ * @part tab - The header of the tab.
+ */
+export declare class CatTabs {
+  private tabs;
+  private buttons;
+  hostElement: HTMLElement;
+  activeTabId?: string;
+  /**
+   * The ID of the active tab.
+   */
+  activeTab: string;
+  /**
+   * The alignment of the tabs.
+   */
+  tabsAlign: 'left' | 'center' | 'right' | 'justify';
+  onActiveTabChanged(newActiveTab: string): void;
+  componentWillLoad(): void;
+  onKeydown(event: KeyboardEvent): void;
+  render(): any;
+  private updateButtonsRef;
+}

package/dist/types/components/cat-textarea/cat-textarea.d.ts

@@ -4,19 +4,23 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * rows. Used when the expected user input is long. For shorter input, use the
  * input component.
  *
+ * @slot hint - Optional hint element to be displayed with the textarea.
+ * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
  * @part label - The label content.
  */
 export declare class CatTextarea {
   private readonly id;
   private textarea;
+  hostElement: HTMLElement;
+  hasSlottedLabel: boolean;
   /**
    * Whether the textarea is disabled.
    */
   disabled: boolean;
   /**
-   * Optional hint text to be displayed with the textarea.
+   * Optional hint text(s) to be displayed with the textarea.
    */
-  hint?: string;
+  hint?: string | string[];
   /**
    * The label for the textarea.
    */
@@ -79,6 +83,7 @@ export declare class CatTextarea {
    */
   setFocus(options?: FocusOptions): Promise<void>;
   render(): any;
+  private get hintSection();
   private onInput;
   private onFocus;
   private onBlur;

package/dist/types/components/cat-toggle/cat-toggle.d.ts

@@ -3,12 +3,16 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Toggles are graphical interface switches that give user control over a
  * feature or option that can be turned on or off.
  *
+ * @slot hint - Optional hint element to be displayed with the toggle.
+ * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
  * @part toggle - The toggle element.
  * @part label - The label content.
  */
 export declare class CatToggle {
   private readonly id;
   private input;
+  hostElement: HTMLElement;
+  hasSlottedLabel: boolean;
   /**
    * Checked state of the toggle.
    */
@@ -37,6 +41,10 @@ export declare class CatToggle {
    * The value of the toggle
    */
   value?: string;
+  /**
+   * Optional hint text(s) to be displayed with the toggle.
+   */
+  hint?: string | string[];
   /**
    * Emitted when the checked status of the toggle is changed.
    */
@@ -58,6 +66,7 @@ export declare class CatToggle {
    */
   setFocus(options?: FocusOptions): Promise<void>;
   render(): any;
+  private get hintSection();
   private onInput;
   private onFocus;
   private onBlur;

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

@@ -43,4 +43,5 @@ export declare class CatTooltip {
   private hideListener;
   private touchStartListener;
   private touchEndListener;
+  private windowTouchStartListener;
 }