@haiilo/catalyst 0.5.6 → 0.5.7

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

@@ -0,0 +1,64 @@
+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.
+ *
+ * @part toggle - The toggle element.
+ * @part label - The label content.
+ */
+export declare class CatToggle {
+  private readonly id;
+  private input;
+  /**
+   * Checked state of the toggle.
+   */
+  checked: boolean;
+  /**
+   * Disabled state of the toggle.
+   */
+  disabled: boolean;
+  /**
+   * The label of the toggle that is visible.
+   */
+  label: string;
+  /**
+   * Visually hide the label, but still show it to assistive technologies like screen readers.
+   */
+  labelHidden: boolean;
+  /**
+   * The name of the input
+   */
+  name?: string;
+  /**
+   * Required state of the toggle
+   */
+  required: boolean;
+  /**
+   * The value of the toggle
+   */
+  value?: string;
+  /**
+   * Emitted when the checked status of the toggle is changed.
+   */
+  catChange: EventEmitter;
+  /**
+   * Emitted when the toggle received focus.
+   */
+  catFocus: EventEmitter<FocusEvent>;
+  /**
+   * Emitted when the toggle loses focus.
+   */
+  catBlur: EventEmitter<FocusEvent>;
+  componentWillRender(): void;
+  /**
+   * Sets focus on the toggle. Use this method instead of `toggle.focus()`.
+   *
+   * @param options An optional object providing options to control aspects of
+   * the focusing process.
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  render(): any;
+  private onInput;
+  private onFocus;
+  private onBlur;
+}

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

@@ -0,0 +1,46 @@
+import { Placement } from '@floating-ui/dom';
+export declare class CatTooltip {
+  private static readonly OFFSET;
+  private readonly id;
+  private tooltip?;
+  private triggerElement?;
+  private trigger?;
+  private showTimeout?;
+  private hideTimeout?;
+  private touchTimeout?;
+  /**
+   * The content of the tooltip.
+   */
+  content: string;
+  /**
+   * Specifies that the tooltip should be disabled. A disabled tooltip is unusable,
+   * and invisible. Corresponds with the native HTML disabled attribute.
+   */
+  disabled: boolean;
+  /**
+   * The placement of the tooltip.
+   */
+  placement: Placement;
+  /**
+   * The delay time for showing tooltip in ms.
+   */
+  showDelay: number;
+  /**
+   * The delay time for hiding tooltip in ms.
+   */
+  hideDelay: number;
+  /**
+   * The duration of tap to show the tooltip.
+   */
+  longTouchDuration: number;
+  handleKeyDown({ key }: KeyboardEvent): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+  private get isTabbable();
+  private update;
+  private showListener;
+  private hideListener;
+  private touchStartListener;
+  private touchEndListener;
+}