@haiilo/catalyst 6.4.7 → 6.5.1

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

@@ -87,6 +87,7 @@ export declare class CatRadio {
    */
   doBlur(): Promise<void>;
   render(): any;
+  private get hasHint();
   private onInput;
   private onFocus;
   private onBlur;

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

@@ -4,6 +4,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class CatRadioGroup {
   private catRadioGroup;
+  private mutationObserver?;
   hostElement: HTMLElement;
   /**
    * The name of the radio group component.
@@ -43,10 +44,12 @@ export declare class CatRadioGroup {
   onDisabledChanged(disabled: boolean): void;
   onLabelLeftChanged(labelLeft: boolean): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   onKeydown(event: KeyboardEvent): void;
   onInput(event: MouseEvent): void;
   onFocus(event: FocusEvent): void;
   onBlur(event: FocusEvent): void;
   render(): any;
+  private init;
   private updateTabIndex;
 }

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

@@ -220,6 +220,7 @@ export declare class CatSelect {
    */
   connect(connector: CatSelectConnector): Promise<void>;
   render(): any;
+  private get hasHint();
   private get invalid();
   private get optionsList();
   private resolve;

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * Tabs are used to display multiple panels to be contained within a single
  * window, using tabs as a navigational element.
@@ -5,11 +6,9 @@
  * @part tab - The header of the tab.
  */
 export declare class CatTabs {
-  private buttons;
   private mutationObserver?;
   hostElement: HTMLElement;
   tabs: HTMLCatTabElement[];
-  activeTabId?: string;
   /**
    * The ID of the active tab.
    */
@@ -18,12 +17,32 @@ export declare class CatTabs {
    * The alignment of the tabs.
    */
   tabsAlign: 'left' | 'center' | 'right' | 'justify';
-  onActiveTabIdChanged(newActiveTab: string): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  onActiveTabChange(id: string): void;
   onKeydown(event: KeyboardEvent): void;
+  /**
+   * Activates the tab with the given id.
+   *
+   * @param id The tab id.
+   */
+  setActive(id: string): Promise<void>;
+  /**
+   * Activates the tab with the given index.
+   *
+   * @param index The tab index.
+   */
+  setActiveIndex(index: number): Promise<void>;
+  /**
+   * Emitted when active tab is changed.
+   */
+  catChange: EventEmitter<{
+    id: string;
+    index: number;
+  }>;
   render(): any;
-  private updateButtonsRef;
   private syncTabs;
+  private canActivate;
+  private activate;
 }

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

@@ -132,6 +132,7 @@ export declare class CatTextarea {
   clear(): Promise<void>;
   onErrorsChanged(value?: boolean | string[] | ErrorMap): void;
   render(): any;
+  private get hasHint();
   private get invalid();
   private onInput;
   private onFocus;

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

@@ -93,6 +93,7 @@ export declare class CatToggle {
    */
   doBlur(): Promise<void>;
   render(): any;
+  private get hasHint();
   private onInput;
   private onFocus;
   private onBlur;

package/dist/types/components.d.ts

@@ -966,6 +966,16 @@ export namespace Components {
           * The ID of the active tab.
          */
         "activeTab": string;
+        /**
+          * Activates the tab with the given id.
+          * @param id The tab id.
+         */
+        "setActive": (id: string) => Promise<void>;
+        /**
+          * Activates the tab with the given index.
+          * @param index The tab index.
+         */
+        "setActiveIndex": (index: number) => Promise<void>;
         /**
           * The alignment of the tabs.
          */
@@ -1209,6 +1219,10 @@ export interface CatTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCatTabElement;
 }
+export interface CatTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCatTabsElement;
+}
 export interface CatTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCatTextareaElement;
@@ -2492,6 +2506,10 @@ declare namespace LocalJSX {
           * The ID of the active tab.
          */
         "activeTab"?: string;
+        /**
+          * Emitted when active tab is changed.
+         */
+        "onCatChange"?: (event: CatTabsCustomEvent<{ id: string; index: number }>) => void;
         /**
           * The alignment of the tabs.
          */

package/dist/types/stencil-public-runtime.d.ts

@@ -62,7 +62,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -128,7 +128,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -471,7 +471,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -872,6 +872,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "6.4.7",
+  "version": "6.5.1",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -24,49 +24,49 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@haiilo/catalyst-icons": ">=0.3.10",
+    "@haiilo/catalyst-icons": ">=1.0.0",
     "rxjs": "^7.5.5"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.5.1",
-    "@stencil/core": "4.0.5",
+    "@floating-ui/dom": "1.5.3",
+    "@stencil/core": "4.4.1",
     "autosize": "6.0.1",
     "autosize-input": "1.0.2",
     "flatpickr": "4.6.13",
-    "focus-trap": "7.5.2",
+    "focus-trap": "7.5.4",
     "loglevel": "1.8.1",
     "sanitize.css": "13.0.0",
     "tabbable": "6.2.0",
     "toastify-js": "1.12.0",
-    "@haiilo/catalyst-tokens": "6.4.7"
+    "@haiilo/catalyst-tokens": "6.5.1"
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",
     "@haiilo/catalyst-icons": "^1.0.7",
-    "@stencil/angular-output-target": "^0.8.0",
+    "@stencil/angular-output-target": "^0.8.2",
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^3.0.5",
+    "@stencil/sass": "^3.0.6",
     "@stencil/vue-output-target": "^0.8.6",
     "@types/autosize": "^4.0.1",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^18.16.0",
-    "@types/toastify-js": "^1.12.0",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
-    "@typescript-eslint/parser": "^6.4.0",
+    "@types/jest": "^27.5.1",
+    "@types/node": "^18.18.5",
+    "@types/toastify-js": "^1.12.1",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
     "babel-loader": "^9.1.3",
-    "eslint": "^8.47.0",
+    "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
-    "prettier": "^3.0.2",
+    "prettier": "^3.0.3",
     "puppeteer": "^20.7.3",
     "replace-in-file": "^7.0.1",
     "rxjs": "^7.5.5",
     "stencil-inline-svg": "^1.1.0",
-    "stylelint": "^15.10.2",
+    "stylelint": "^15.10.3",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^10.0.0",
-    "typescript": "~4.7.4"
+    "stylelint-config-standard-scss": "^11.0.0",
+    "typescript": "~5.2.2"
   },
   "scripts": {
     "build": "stencil build --docs",