@usecapsule/core-components 3.4.0-dev.0 → 3.4.0-dev.1

package/dist/types/components/cpsl-nav-button/cpsl-nav-button.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CpslNavButton {
+    el: HTMLCpslNavButtonElement;
+    /**
+     * If the button is disabled.
+     * Default is: false.
+     */
+    disabled?: boolean;
+    /**
+     * Whether or not to use exact matching for the selected main route.
+     */
+    exactMainRouteMatch?: boolean;
+    /**
+     * Whether or not to use exact matching for the selected sub route.
+     */
+    exactSubRouteMatch?: boolean;
+    /**
+     * The route for the button.
+     */
+    route: string;
+    /**
+     * The id of the selected button.
+     */
+    subRoutes?: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * Path used to determine what button is selected
+     */
+    path?: string;
+    /**
+     * Called when the nav button is clicked.
+     */
+    cpslNavButtonClick: EventEmitter<string>;
+    private handleNavButtonClick;
+    /**
+     * Called when a nav button sub route is clicked.
+     */
+    cpslNavButtonSubRouteClick: EventEmitter<string>;
+    private handleSubRouteClick;
+    render(): any;
+}

package/dist/types/components/cpsl-nav-button-group/cpsl-nav-button-group.d.ts

@@ -1,12 +1,6 @@
 export declare class CpslNavButtonGroup {
     el: HTMLCpslNavButtonGroupElement;
-    /**
-     * The id of the selected button.
-     */
-    selectedId?: string;
-    selectItem(): void;
     componentWillRender(): void;
-    private get buttonSlots();
     private get otherSlots();
     render(): any;
 }

package/dist/types/components.d.ts

@@ -28,16 +28,6 @@ export namespace Components {
          */
         "variant"?: 'error' | 'warning' | 'success' | 'custom';
     }
-    interface CpslAnimation {
-        /**
-          * Will replay the animation
-         */
-        "replayAnimation": () => Promise<void>;
-        /**
-          * Source of the Lottie animation file.
-         */
-        "src": string;
-    }
     interface CpslAppBar {
         /**
           * Height of the app bar.
@@ -366,9 +356,9 @@ export namespace Components {
         "subtitle"?: string;
         "title": string;
         /**
-          * The variant of the button. Options are: `"customContent"`, `"connection"`, `"externalWalletConnection"`, `"pending", `"approved", `"failed". Default is: `"connection"`.
+          * The variant of the button. Options are: `"customContent"`, `"connection"`, `"externalWalletConnection"`, `"pending", `"approved",`"add", `"failed". Default is: `"connection"`.
          */
-        "variant"?: 'customContent' | 'connection' | 'externalWalletConnection' | 'pending' | 'approved' | 'failed';
+        "variant"?: 'customContent' | 'connection' | 'externalWalletConnection' | 'pending' | 'approved' | 'add' | 'failed';
         /**
           * Whether to use the Capsule custom theming or use the provided theme Default is: `false`.
          */
@@ -555,11 +545,33 @@ export namespace Components {
          */
         "zIndexOverride"?: number;
     }
-    interface CpslNavButtonGroup {
+    interface CpslNavButton {
+        /**
+          * If the button is disabled. Default is: false.
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether or not to use exact matching for the selected main route.
+         */
+        "exactMainRouteMatch"?: boolean;
+        /**
+          * Whether or not to use exact matching for the selected sub route.
+         */
+        "exactSubRouteMatch"?: boolean;
+        /**
+          * Path used to determine what button is selected
+         */
+        "path"?: string;
+        /**
+          * The route for the button.
+         */
+        "route": string;
         /**
           * The id of the selected button.
          */
-        "selectedId"?: string;
+        "subRoutes"?: { label: string; value: string }[];
+    }
+    interface CpslNavButtonGroup {
     }
     interface CpslOverlay {
         /**
@@ -870,6 +882,10 @@ export interface CpslModalV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCpslModalV2Element;
 }
+export interface CpslNavButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCpslNavButtonElement;
+}
 export interface CpslPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCpslPaginationElement;
@@ -913,12 +929,6 @@ declare global {
         prototype: HTMLCpslAlertElement;
         new (): HTMLCpslAlertElement;
     };
-    interface HTMLCpslAnimationElement extends Components.CpslAnimation, HTMLStencilElement {
-    }
-    var HTMLCpslAnimationElement: {
-        prototype: HTMLCpslAnimationElement;
-        new (): HTMLCpslAnimationElement;
-    };
     interface HTMLCpslAppBarElement extends Components.CpslAppBar, HTMLStencilElement {
     }
     var HTMLCpslAppBarElement: {
@@ -1137,6 +1147,24 @@ declare global {
         prototype: HTMLCpslModalV2Element;
         new (): HTMLCpslModalV2Element;
     };
+    interface HTMLCpslNavButtonElementEventMap {
+        "cpslNavButtonClick": string;
+        "cpslNavButtonSubRouteClick": string;
+    }
+    interface HTMLCpslNavButtonElement extends Components.CpslNavButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCpslNavButtonElementEventMap>(type: K, listener: (this: HTMLCpslNavButtonElement, ev: CpslNavButtonCustomEvent<HTMLCpslNavButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCpslNavButtonElementEventMap>(type: K, listener: (this: HTMLCpslNavButtonElement, ev: CpslNavButtonCustomEvent<HTMLCpslNavButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCpslNavButtonElement: {
+        prototype: HTMLCpslNavButtonElement;
+        new (): HTMLCpslNavButtonElement;
+    };
     interface HTMLCpslNavButtonGroupElement extends Components.CpslNavButtonGroup, HTMLStencilElement {
     }
     var HTMLCpslNavButtonGroupElement: {
@@ -1357,7 +1385,6 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "cpsl-alert": HTMLCpslAlertElement;
-        "cpsl-animation": HTMLCpslAnimationElement;
         "cpsl-app-bar": HTMLCpslAppBarElement;
         "cpsl-auth-modal": HTMLCpslAuthModalElement;
         "cpsl-avatar": HTMLCpslAvatarElement;
@@ -1379,6 +1406,7 @@ declare global {
         "cpsl-info-box": HTMLCpslInfoBoxElement;
         "cpsl-input": HTMLCpslInputElement;
         "cpsl-modal-v2": HTMLCpslModalV2Element;
+        "cpsl-nav-button": HTMLCpslNavButtonElement;
         "cpsl-nav-button-group": HTMLCpslNavButtonGroupElement;
         "cpsl-overlay": HTMLCpslOverlayElement;
         "cpsl-pagination": HTMLCpslPaginationElement;
@@ -1411,12 +1439,6 @@ declare namespace LocalJSX {
          */
         "variant"?: 'error' | 'warning' | 'success' | 'custom';
     }
-    interface CpslAnimation {
-        /**
-          * Source of the Lottie animation file.
-         */
-        "src"?: string;
-    }
     interface CpslAppBar {
         /**
           * Height of the app bar.
@@ -1797,9 +1819,9 @@ declare namespace LocalJSX {
         "subtitle"?: string;
         "title"?: string;
         /**
-          * The variant of the button. Options are: `"customContent"`, `"connection"`, `"externalWalletConnection"`, `"pending", `"approved", `"failed". Default is: `"connection"`.
+          * The variant of the button. Options are: `"customContent"`, `"connection"`, `"externalWalletConnection"`, `"pending", `"approved",`"add", `"failed". Default is: `"connection"`.
          */
-        "variant"?: 'customContent' | 'connection' | 'externalWalletConnection' | 'pending' | 'approved' | 'failed';
+        "variant"?: 'customContent' | 'connection' | 'externalWalletConnection' | 'pending' | 'approved' | 'add' | 'failed';
         /**
           * Whether to use the Capsule custom theming or use the provided theme Default is: `false`.
          */
@@ -2022,11 +2044,41 @@ declare namespace LocalJSX {
          */
         "zIndexOverride"?: number;
     }
-    interface CpslNavButtonGroup {
+    interface CpslNavButton {
+        /**
+          * If the button is disabled. Default is: false.
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether or not to use exact matching for the selected main route.
+         */
+        "exactMainRouteMatch"?: boolean;
+        /**
+          * Whether or not to use exact matching for the selected sub route.
+         */
+        "exactSubRouteMatch"?: boolean;
+        /**
+          * Called when the nav button is clicked.
+         */
+        "onCpslNavButtonClick"?: (event: CpslNavButtonCustomEvent<string>) => void;
+        /**
+          * Called when a nav button sub route is clicked.
+         */
+        "onCpslNavButtonSubRouteClick"?: (event: CpslNavButtonCustomEvent<string>) => void;
+        /**
+          * Path used to determine what button is selected
+         */
+        "path"?: string;
+        /**
+          * The route for the button.
+         */
+        "route"?: string;
         /**
           * The id of the selected button.
          */
-        "selectedId"?: string;
+        "subRoutes"?: { label: string; value: string }[];
+    }
+    interface CpslNavButtonGroup {
     }
     interface CpslOverlay {
         /**
@@ -2350,7 +2402,6 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "cpsl-alert": CpslAlert;
-        "cpsl-animation": CpslAnimation;
         "cpsl-app-bar": CpslAppBar;
         "cpsl-auth-modal": CpslAuthModal;
         "cpsl-avatar": CpslAvatar;
@@ -2372,6 +2423,7 @@ declare namespace LocalJSX {
         "cpsl-info-box": CpslInfoBox;
         "cpsl-input": CpslInput;
         "cpsl-modal-v2": CpslModalV2;
+        "cpsl-nav-button": CpslNavButton;
         "cpsl-nav-button-group": CpslNavButtonGroup;
         "cpsl-overlay": CpslOverlay;
         "cpsl-pagination": CpslPagination;
@@ -2398,7 +2450,6 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "cpsl-alert": LocalJSX.CpslAlert & JSXBase.HTMLAttributes<HTMLCpslAlertElement>;
-            "cpsl-animation": LocalJSX.CpslAnimation & JSXBase.HTMLAttributes<HTMLCpslAnimationElement>;
             "cpsl-app-bar": LocalJSX.CpslAppBar & JSXBase.HTMLAttributes<HTMLCpslAppBarElement>;
             "cpsl-auth-modal": LocalJSX.CpslAuthModal & JSXBase.HTMLAttributes<HTMLCpslAuthModalElement>;
             "cpsl-avatar": LocalJSX.CpslAvatar & JSXBase.HTMLAttributes<HTMLCpslAvatarElement>;
@@ -2420,6 +2471,7 @@ declare module "@stencil/core" {
             "cpsl-info-box": LocalJSX.CpslInfoBox & JSXBase.HTMLAttributes<HTMLCpslInfoBoxElement>;
             "cpsl-input": LocalJSX.CpslInput & JSXBase.HTMLAttributes<HTMLCpslInputElement>;
             "cpsl-modal-v2": LocalJSX.CpslModalV2 & JSXBase.HTMLAttributes<HTMLCpslModalV2Element>;
+            "cpsl-nav-button": LocalJSX.CpslNavButton & JSXBase.HTMLAttributes<HTMLCpslNavButtonElement>;
             "cpsl-nav-button-group": LocalJSX.CpslNavButtonGroup & JSXBase.HTMLAttributes<HTMLCpslNavButtonGroupElement>;
             "cpsl-overlay": LocalJSX.CpslOverlay & JSXBase.HTMLAttributes<HTMLCpslOverlayElement>;
             "cpsl-pagination": LocalJSX.CpslPagination & JSXBase.HTMLAttributes<HTMLCpslPaginationElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "3.4.0-dev.0",
+  "version": "3.4.0-dev.1",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",