@nova-design-system/nova-webcomponents 3.9.0 → 3.10.0

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -22,6 +22,11 @@ export declare class NvFieldmultiselect {
      */
     private debounceTimer;
     /****************************************************************************/
+    /**
+     * Lets you define the text that explains what users should enter in the text
+     * input field. It's a crucial element for making forms clear and user-friendly.
+     */
+    readonly label: string;
     /**
      * Sets the ID for the input element and the for attribute of the associated
      * label. If no ID is provided, a random one will be automatically generated
@@ -36,11 +41,6 @@ export declare class NvFieldmultiselect {
      * unique within the form to avoid conflicts.
      */
     readonly name: string;
-    /**
-     * Lets you define the text that explains what users should enter in the text
-     * input field. It's a crucial element for making forms clear and user-friendly.
-     */
-    readonly label: string;
     /**
      * Add helpful hints or extra information under the text input field.
      */
@@ -56,11 +56,6 @@ export declare class NvFieldmultiselect {
      * always type in fresh data.
      */
     readonly autocomplete: `${TextInputAutocomplete}`;
-    /**
-     * Specifies the selected values of the multiselect field.
-     * This is the canonical value for the component and is used for form submission.
-     */
-    value: string[];
     /**
      * Marks the input field as required.
      */
@@ -94,13 +89,9 @@ export declare class NvFieldmultiselect {
      */
     open: boolean;
     /**
-     * The text to display when no items match the filter.
-     */
-    readonly emptyResult: string;
-    /**
-     * Enables or disables the filtering feature for the multiselect items.
+     * Allows the field to stretch and fill the entire width of its container.
      */
-    readonly filterable: boolean;
+    readonly fluid: boolean;
     /**
      * List of options used to automatically generate dropdown items. This
      * provides an alternative to using the slot manually.
@@ -129,6 +120,19 @@ export declare class NvFieldmultiselect {
         /** Whether this option is pre-checked */
         checked?: boolean;
     }[];
+    /**
+     * Specifies the selected values of the multiselect field.
+     * This is the canonical value for the component and is used for form submission.
+     */
+    value: string[];
+    /**
+     * Enables or disables the filtering feature for the multiselect items.
+     */
+    readonly filterable: boolean;
+    /**
+     * The text to display when no items match the filter.
+     */
+    readonly emptyResult: string;
     /**
      * Delay in milliseconds before the search is triggered when typing in the filter input.
      * @default 300
@@ -140,10 +144,6 @@ export declare class NvFieldmultiselect {
      * element.
      */
     readonly autofocus: boolean;
-    /**
-     * Allows the field to stretch and fill the entire width of its container.
-     */
-    readonly fluid: boolean;
     /**
      * Text for the badge showing the number of selected items.
      */
@@ -152,6 +152,18 @@ export declare class NvFieldmultiselect {
      * The text entered by the user for filtering multiselect items.
      */
     filterText: string;
+    /**
+     * Enables or disables the "Select All / Deselect All" toggle functionality.
+     */
+    readonly enableSelectAll: boolean;
+    /**
+     * Text for the "Select All" button.
+     */
+    readonly selectAllLabel: string;
+    /**
+     * Text for the "Deselect All" button.
+     */
+    readonly deselectAllLabel: string;
     /****************************************************************************/
     /**
      * Sorted options for display.
@@ -165,6 +177,16 @@ export declare class NvFieldmultiselect {
         isDivider?: boolean;
     }>;
     private isHandlingEscape;
+    /**
+     * Indicates whether the current filter has visible results.
+     * Used to control the visibility of the "Select All" button.
+     */
+    private hasFilterResults;
+    /**
+     * Controls the visibility of the select all section.
+     */
+    private isSelectAllSectionVisible;
+    private preventBlurClose;
     /****************************************************************************/
     /**
      * Emitted when the selected values change.
@@ -177,9 +199,6 @@ export declare class NvFieldmultiselect {
     filterTextChanged: EventEmitter<string>;
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
-    /**
-     * Emitted when the value changes.
-     */
     watchValueHandler(): void;
     /****************************************************************************/
     /**
@@ -230,6 +249,25 @@ export declare class NvFieldmultiselect {
      * @returns {string[]} The selected values.
      */
     getSelectedValues(): Promise<string[]>;
+    /**
+     * Select all visible and enabled items.
+     * Works for both options and slots mode.
+     * @returns {Promise<void>}
+     */
+    selectAll(): Promise<void>;
+    /**
+     * Deselect all visible and enabled items.
+     * Works for both options and slots mode.
+     * @returns {Promise<void>}
+     */
+    deselectAll(): Promise<void>;
+    /**
+     * Toggle selection state of all visible and enabled items.
+     * If all items are selected, deselects all. Otherwise, selects all.
+     * Works for both options and slots mode.
+     * @returns {Promise<void>}
+     */
+    toggleSelectAll(): Promise<void>;
     /**
      * Reorder the content of the slot.
      */
@@ -355,6 +393,61 @@ export declare class NvFieldmultiselect {
      * with the current selectedValues state.
      */
     private syncChildComponents;
+    /**
+     * Gets visible and enabled slot items using consistent logic.
+     * @returns {Element[]} Array of visible and enabled items
+     */
+    private getVisibleEnabledSlotItems;
+    /**
+     * Gets visible and enabled option items by checking DOM elements.
+     * @returns {string[]} Array of visible and enabled option values
+     */
+    private getVisibleEnabledOptionItems;
+    /**
+     * Determines if the toggle all button should be shown in options mode.
+     * @returns {boolean} True if there are visible items and no "No results found" message
+     */
+    private shouldShowToggleAllOptionsButton;
+    /**
+     * Toggles the selection state of all non-disabled options in options mode.
+     * Respects filtering by only selecting/deselecting visible items.
+     * @param {boolean} selectAll - Whether to select all items (true) or deselect all (false)
+     */
+    private toggleSelectAllOptions;
+    /**
+     * Gets the checkbox state for the select all checkbox in options mode.
+     * @returns {'checked' | 'unchecked' | 'indeterminate'} The checkbox state
+     */
+    private getSelectAllCheckboxStateOptions;
+    /**
+     * Gets the checkbox state for the select all checkbox in slots mode.
+     * @returns {'checked' | 'unchecked' | 'indeterminate'} The checkbox state
+     */
+    private getSelectAllCheckboxStateSlots;
+    /**
+     * Toggles the selection state of all non-disabled slot items.
+     * @param {boolean} selectAll - Whether to select all items (true) or deselect all (false)
+     */
+    private toggleSelectAllSlots;
+    /**
+     * Handle click on the select all checkbox in options mode.
+     * @param {Event} event - The click event.
+     */
+    private handleSelectAllCheckboxOptionsClick;
+    /**
+     * Handle click on the select all checkbox in slots mode.
+     * @param {Event} event - The click event.
+     */
+    private handleSelectAllCheckboxSlotsClick;
+    /**
+     * Determines if the toggle all button should be shown in slots mode.
+     * @returns {boolean} True if there are visible items and no "No results found" message
+     */
+    private shouldShowToggleAllSlotButton;
+    /**
+     * Initializes the value array from checked slotted nv-fielddropdownitemcheck elements (slots mode only).
+     */
+    private initializeValueFromSlots;
     /****************************************************************************/
     /**
      * Renders the component in options mode

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizemd", "sizesm", "sizexl", "sizexs", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components/nv-togglebutton/nv-togglebutton.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ToggleButtonEmphasis, ToggleButtonSize } from '../../utils/constants';
+/**
+ * @slot default - Child content of the toggle button.
+ */
+export declare class NvTogglebutton {
+    /****************************************************************************/
+    /**
+     * Determines how large or small the togglebutton appears, allowing for
+     * customization of the togglebutton's dimensions to fit different design
+     * specifications and user needs.
+     */
+    readonly size: `${ToggleButtonSize}`;
+    /**
+     * The value to associated with the button when selected in a
+     * Togglebuttongroup.
+     */
+    readonly value: string;
+    /**
+     * Prevents all interaction, rendering the toggle in a non-interactive state.
+     */
+    readonly disabled: boolean;
+    /**
+     * Whether the button is active or not. Will not toggle automatically but
+     * needs to be controlled externally.
+     */
+    readonly active: boolean;
+    /**
+     * Make it more or less visually prominent to users.
+     */
+    readonly emphasis: `${ToggleButtonEmphasis}`;
+    /****************************************************************************/
+    private handleClick;
+    /****************************************************************************/
+    /**
+     * Emitted when the button is toggled.
+     */
+    toggled: EventEmitter<{
+        /** The value associated with the button. */
+        value: string;
+        /** If the button is active when clicked. */
+        active: boolean;
+    }>;
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-togglebutton/nv-togglebutton.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvTogglebuttonDocs: NovaDocs<Components.NvTogglebutton>;
+export default NvTogglebuttonDocs;

package/dist/types/components/nv-togglebuttongroup/nv-togglebuttongroup.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ToggleButtonEmphasis, ToggleButtonSize } from '../../utils/constants';
+/**
+ * @deprecated [EXPERIMENTAL]
+ * @experimental This component is still in development and subject to change in future releases.
+ * @slot default - Child content of the component, pass the nv-togglebutton components here.
+ */
+export declare class NvTogglebuttongroup {
+    el: HTMLNvTogglebuttongroupElement;
+    private mutationObserver;
+    /****************************************************************************/
+    /**
+     * The active toggle buttons in the group. Is an array of one string when in
+     * exclusive mode, and an array of strings when in non-exclusive mode.
+     */
+    value: string[];
+    /**
+     * Activates single-selection mode so only one button can be active at a time.
+     */
+    readonly exclusive: boolean;
+    /**
+     * Ensures at least one toggle stays selected at all times.
+     */
+    readonly enforceValue: boolean;
+    /**
+     * Make it more or less visually prominent to users.
+     */
+    readonly emphasis: `${ToggleButtonEmphasis}`;
+    /**
+     * Determines how large or small the togglebutton appears, allowing for
+     * customization of the togglebutton's dimensions to fit different design
+     * specifications and user needs.
+     */
+    readonly size: `${ToggleButtonSize}`;
+    /****************************************************************************/
+    /**
+     * Sets the active state of all toggle buttons depending on the value of the
+     * group.
+     */
+    private setActiveToggleButtons;
+    /**
+     * Sets the emphasis of all toggle buttons to the same value.
+     */
+    private setEmphasisToggleButtons;
+    /**
+     * Sets the size of all toggle buttons to the same value.
+     */
+    private setSizeToggleButtons;
+    /**
+     * Sets up the MutationObserver to watch for changes in child elements
+     */
+    private setupMutationObserver;
+    /**
+     * Narrow Type used locally to interact with nv-togglebutton child elements.
+     * @param {Element} element - The element to check.
+     * @returns {(HTMLElement & {
+     *   active: boolean;
+     *   value: string;
+     *   emphasis: `${ToggleButtonEmphasis}`;
+     *   size: `${ToggleButtonSize}`;
+     * }) | null} The element as a toggle button, or null if it is not a toggle button.
+     */
+    private static asToggleButton;
+    /****************************************************************************/
+    onValueChanged(newValue: typeof this.value): void;
+    onEmphasisChanged(): void;
+    onSizeChanged(): void;
+    onToggled(event: CustomEvent<HTMLNvTogglebuttonElementEventMap['toggled']>): void;
+    /****************************************************************************/
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    /****************************************************************************/
+    /**
+     * Emitted when the selected toggle buttons change.
+     * @bind value
+     */
+    valueChanged: EventEmitter<string[]>;
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-togglebuttongroup/nv-togglebuttongroup.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvTogglebuttongroupDocs: NovaDocs<Components.NvTogglebuttongroup>;
+export default NvTogglebuttongroupDocs;