@ngrdt/gov 0.0.61 → 0.0.68

package/index.d.ts

@@ -1,13 +1,15 @@
 import * as _ngrdt_button from '@ngrdt/button';
 import { RdtButtonBase } from '@ngrdt/button';
+import * as _ngrdt_forms from '@ngrdt/forms';
+import { RdtCheckboxComponent, RdtDateComponent, RdtNumericInputComponent, RdtSelectOfflineDatasourceProviderDirective, RdtBaseSelectCommonComponent, RdtTextInputComponent } from '@ngrdt/forms';
 import * as _ngrdt_icon from '@ngrdt/icon';
 import { RdtIcon, RdtIconComponent } from '@ngrdt/icon';
 import * as _angular_core from '@angular/core';
 import { Injector, ElementRef, OnDestroy } from '@angular/core';
 import { RdtBooleanResult } from '@ngrdt/core';
 import { Nullable } from '@ngrdt/utils';
-import { RdtCheckboxComponent, RdtNumericInputComponent, RdtSelectOfflineDatasourceProviderDirective, RdtBaseSelectCommonComponent, RdtTextInputComponent } from '@ngrdt/forms';
 import { GovFormInput } from '@gov-design-system-ce/angular';
+import { GovFormInputCustomEvent, FormInputEvent } from '@gov-design-system-ce/components';
 
 type GovSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 type GovColor = 'primary' | 'secondary' | 'neutral' | 'success' | 'warning' | 'error';
@@ -42,7 +44,23 @@ declare class RdtGovButtonComponent extends RdtButtonBase<RdtIcon> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovButtonComponent, "rdt-gov-button", never, { "appearanceInput": { "alias": "appearance"; "required": false; "isSignal": true; }; "colorInput": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconStartInput": { "alias": "iconStart"; "required": false; "isSignal": true; }; "expandedInput": { "alias": "expanded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class RdtGovCheckboxComponent extends RdtCheckboxComponent {
+    readonly labelPosition: _angular_core.WritableSignal<GovLabelPosition>;
+    readonly labelPositionInput: _angular_core.InputSignal<GovLabelPosition>;
+    readonly size: _angular_core.WritableSignal<"xs" | "s" | "m" | "l" | "xl">;
+    readonly sizeInput: _angular_core.InputSignal<"xs" | "s" | "m" | "l" | "xl">;
+    onInput(event: Event): void;
+    focus(): void;
+    canFocus(): RdtBooleanResult;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovCheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovCheckboxComponent, "rdt-gov-checkbox", never, { "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class RdtGovIconComponent extends RdtIconComponent<string> {
+    parsedName: _angular_core.Signal<{
+        type: string;
+        name: string;
+    }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovIconComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovIconComponent, "rdt-gov-icon", never, {}, {}, never, never, true, never>;
 }
@@ -50,14 +68,24 @@ declare class RdtGovIconComponent extends RdtIconComponent<string> {
 declare function provideNgrdtGov(options?: {}): (_angular_core.EnvironmentProviders | {
     provide: _angular_core.InjectionToken<_angular_core.Type<_ngrdt_icon.RdtIconBaseInt>>;
     useValue: typeof RdtGovIconComponent;
+} | {
+    provide: _angular_core.InjectionToken<_angular_core.Type<_ngrdt_forms.RdtCheckboxComponent<any, any>>>;
+    useValue: typeof RdtGovCheckboxComponent;
 } | {
     provide: _angular_core.InjectionToken<_angular_core.Type<_ngrdt_button.RdtButtonBaseInt<string>>>;
     useValue: typeof RdtGovButtonComponent;
 } | {
     provide: _angular_core.InjectionToken<Record<RdtIcon, string>>;
     useValue: {
+        "arrow-right": string;
+        "arrow-down": string;
+        "chevron-double-left": string;
+        "chevron-double-right": string;
+        "chevron-left": string;
         "chevron-right": string;
-        "chevron-down": string;
+        "sort-down": string;
+        "sort-up": string;
+        funnel: string;
     };
 })[];
 
@@ -67,16 +95,36 @@ interface RdtGovConfig {
 }
 declare function initRdtGov(config?: RdtGovConfig): void;
 
-declare class RdtGovCheckboxComponent extends RdtCheckboxComponent {
-    readonly labelPosition: _angular_core.WritableSignal<GovLabelPosition>;
+declare const RDT_DATE_MIN_YEAR = 1900;
+declare class RdtGovDateComponent extends RdtDateComponent {
+    protected readonly govInput: _angular_core.Signal<ElementRef<GovFormInput> | undefined>;
+    readonly size: _angular_core.InputSignal<GovSize>;
+    readonly mode: _angular_core.InputSignal<"date" | "datetime" | "time">;
+    readonly outputMode: _angular_core.InputSignal<"date" | "datetime" | "time">;
     readonly labelPositionInput: _angular_core.InputSignal<GovLabelPosition>;
-    readonly size: _angular_core.WritableSignal<"xs" | "s" | "m" | "l" | "xl">;
-    readonly sizeInput: _angular_core.InputSignal<"xs" | "s" | "m" | "l" | "xl">;
-    onInput(event: Event): void;
-    focus(): void;
+    readonly labelPosition: _angular_core.WritableSignal<GovLabelPosition>;
+    private readonly inputElement;
+    hasErrors: boolean;
+    protected isEmpty(value: string | null): boolean;
+    onDateInput(dateInput: string): void;
+    setValueFromEvent(event: GovFormInputCustomEvent<FormInputEvent>): void;
+    protected toInternalValue(value: string | null): string | null;
+    protected toExternalValue(internalValue: string | null): string | null;
+    protected toExternalDateTime(internalValue: string): string | null;
+    protected toExternalTime(internalValue: string): string | null;
+    protected toInternalDate(value: string): string;
+    protected toInternalDateTime(value: string): string;
+    protected toInternalTime(value: string): string;
+    protected parseValue(value: string): string;
+    protected parseTime(value: string): string;
+    protected parseDate(value: string): string;
+    protected parseDateTime(value: string): string;
+    private readonly inputElementEffect;
+    private readonly errorFixEffect;
+    focus(): Promise<void>;
     canFocus(): RdtBooleanResult;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovCheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovCheckboxComponent, "rdt-gov-checkbox", never, { "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovDateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovDateComponent, "rdt-gov-date", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "outputMode": { "alias": "outputMode"; "required": false; "isSignal": true; }; "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class RdtGovNumberInputComponent extends RdtNumericInputComponent {
@@ -112,23 +160,29 @@ declare class RdtGovSelectComponent<TItem, TId> extends RdtBaseSelectCommonCompo
     private readonly selectButton;
     private readonly overlayTemplate;
     private readonly optionEls;
+    readonly hideErrors: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly multi: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly size: _angular_core.InputSignal<GovSize>;
-    readonly placeholder: _angular_core.InputSignal<string>;
     readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showSearchInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showSearch: _angular_core.WritableSignal<boolean>;
     readonly labelPositionInput: _angular_core.InputSignal<GovLabelPosition>;
     readonly labelPosition: _angular_core.WritableSignal<GovLabelPosition>;
     private readonly keyManager;
+    /** Sets up a key manager to listen to keyboard events on the overlay panel. */
+    private getKeyManager;
+    private visibleOptionsEffect;
     private resizeEffect;
     private overlayRef;
     protected isEmpty(value: TId | TId[] | null): boolean;
     readonly selectedLabel: _angular_core.Signal<string | null>;
     onClearClick(event: MouseEvent): void;
     openOverlay(): void;
-    protected handleButtonKeydown($event: KeyboardEvent): void;
+    protected handleButtonKeydown(event: KeyboardEvent): void;
+    protected handleVisibleDropdown(event: KeyboardEvent): void;
+    protected handleHiddenDropdown(event: KeyboardEvent): void;
     protected handleButtonBlur(): void;
+    close(): void;
     protected handleInput(query: string | null): void;
     handleInputKeydown($event: KeyboardEvent): void;
     protected toExternalValue(internalValue: TId | TId[] | null): TId | TId[] | null;
@@ -142,7 +196,7 @@ declare class RdtGovSelectComponent<TItem, TId> extends RdtBaseSelectCommonCompo
     canFocus(): RdtBooleanResult;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovSelectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovSelectComponent<any, any>, "rdt-gov-select", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showSearchInput": { "alias": "showSearch"; "required": false; "isSignal": true; }; "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovSelectComponent<any, any>, "rdt-gov-select", never, { "hideErrors": { "alias": "hideErrors"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showSearchInput": { "alias": "showSearch"; "required": false; "isSignal": true; }; "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class RdtGovTextInputComponent extends RdtTextInputComponent {
@@ -165,7 +219,18 @@ declare class RdtGovTextInputComponent extends RdtTextInputComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovTextInputComponent, "rdt-gov-text-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconStart": { "alias": "iconStart"; "required": false; "isSignal": true; }; "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class RdtGovThemeService {
+    private readonly attribute;
+    constructor();
+    private init;
+    swapTheme(): void;
+    setTheme(theme: 'light' | 'dark'): void;
+    getTheme(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<RdtGovThemeService>;
+}
+
 declare function forceFocus(input: HTMLInputElement): void;
 
-export { DEFAULT_GOV_BUTTON_COLOR, DEFAULT_GOV_BUTTON_SIZE, DEFAULT_GOV_BUTTON_TYPE, RdtGovButtonComponent, RdtGovCheckboxComponent, RdtGovIconComponent, RdtGovNumberInputComponent, RdtGovSelectComponent, RdtGovSelectOfflineProviderDirective, RdtGovTextInputComponent, forceFocus, initRdtGov, provideNgrdtGov };
+export { DEFAULT_GOV_BUTTON_COLOR, DEFAULT_GOV_BUTTON_SIZE, DEFAULT_GOV_BUTTON_TYPE, RDT_DATE_MIN_YEAR, RdtGovButtonComponent, RdtGovCheckboxComponent, RdtGovDateComponent, RdtGovIconComponent, RdtGovNumberInputComponent, RdtGovSelectComponent, RdtGovSelectOfflineProviderDirective, RdtGovTextInputComponent, RdtGovThemeService, forceFocus, initRdtGov, provideNgrdtGov };
 export type { GovButtonType, GovColor, GovLabelPosition, GovMessageVariant, GovSize, RdtGovConfig };

package/lib/gov/ui/select/rdt-gov-select.component.scss

@@ -1,3 +1,30 @@
+.rdt-option-selected {
+  background: var(
+    --gov-autocomplete-item-hover,
+    var(--color-neutral-600)
+  ) !important;
+  color: var(--color-primary-50) !important;
+}
+
+$icon-sizes: (
+  xs: 12px,
+  s: 14px,
+  m: 16px,
+  l: 18px,
+  xl: 20px,
+);
+
+.icon-warning {
+  width: var(--icon-size) !important;
+  height: var(--icon-size) !important;
+}
+
+@each $name, $size in $icon-sizes {
+  .icon-#{$name} {
+    --icon-size: #{$size};
+  }
+}
+
 rdt-gov-select {
   display: inline-block;
   width: 100%;

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@ngrdt/gov",
-  "version": "0.0.61",
+  "version": "0.0.68",
   "peerDependencies": {
     "@angular/core": "^20.0.0",
     "@angular/forms": "^20.0.0",
     "@gov-design-system-ce/angular": "^1.3.1",
     "rxjs": "~7.8.0",
-    "@ngrdt/core": "^0.0.61",
-    "@ngrdt/forms": "^0.0.61",
-    "@ngrdt/icon": "^0.0.61",
-    "@ngrdt/utils": "^0.0.61",
+    "@ngrdt/core": "^0.0.68",
+    "@ngrdt/forms": "^0.0.68",
+    "@ngrdt/icon": "^0.0.68",
+    "@ngrdt/utils": "^0.0.68",
     "@angular/cdk": "^20.2.0"
   },
   "sideEffects": false,
-  "module": "fesm2022/ngrdt-gov.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./rdt-gov-menu.css": "./src/lib/gov/ui/menu/rdt-gov-menu.css",
+    "./rdt-gov-table.css": "./src/lib/gov/ui/table/rdt-gov-table.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -24,6 +24,8 @@
       "default": "./fesm2022/ngrdt-gov.mjs"
     }
   },
+  "module": "fesm2022/ngrdt-gov.mjs",
+  "typings": "index.d.ts",
   "dependencies": {
     "tslib": "^2.3.0"
   }

package/lib/gov/ui/menu/rdt-gov-menu.scss

@@ -1,102 +0,0 @@
-:root {
-  ul {
-    li:before {
-      content: none;
-    }
-    justify-content: space-between;
-  }
-
-  .menu-item {
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  ul.menu-item-container {
-    min-width: 280px;
-    padding: var(--spacing-s) var(--spacing-m) !important;
-  }
-
-  --rdt-menu-background: var(--background-block-primary);
-  --rdt-menu-border-radius: 0 0 var(--corner-radius-m) var(--corner-radius-m);
-
-  // GOV menu bar item style
-  --rdt-menu-bar-item-background: transparent;
-  --rdt-menu-bar-item-text-color: var(--text-primary-color);
-  --rdt-menu-bar-item-padding: var(--spacing-s) var(--spacing-m) !important;
-  --rdt-menu-bar-item-border-radius: var(
-    --outline-border-radius,
-    var(--corner-radius-xs-nudge)
-  );
-  --rdt-menu-bar-item-border: none;
-  --rdt-menu-bar-item-outline: none;
-  --rdt-menu-bar-item-margin: 0;
-  --rdt-menu-bar-item-font-size: var(--font-size-body-m);
-  --rdt-menu-bar-item-font-weight: 500;
-
-  //GOV MENU ITEM
-  --rdt-menu-item-font-size: var(--font-size-body-s);
-  --rdt-menu-item-padding: var(--spacing-xs) 0 var(--spacing-xs)
-    var(--spacing-xs);
-
-  //GOV Hover styles
-  --rdt-menu-bar-item-hover-background: var(--button-outlined-primary-hover);
-  --rdt-menu-bar-item-hover-text-color: var(--text-primary-color);
-  --rdt-menu-bar-item-hover-border: none;
-  --rdt-menu-bar-item-hover-outline: none;
-
-  //GOV Expanded styles
-  --rdt-menu-bar-item-expanded-background: var(--button-outlined-primary-hover);
-  --rdt-menu-bar-item-expanded-text-color: var(--text-primary-color);
-  --rdt-menu-bar-item-expanded-border: none;
-  --rdt-menu-bar-item-expanded-outline: none;
-
-  //GOV Focus styles
-  --rdt-menu-bar-item-focus-background: transparent;
-  --rdt-menu-bar-item-focus-text-color: var(--text-primary-color);
-  --rdt-menu-bar-item-focus-border: none;
-  --rdt-menu-bar-item-focus-outline: var(--outline-width, 0.125rem) solid
-    var(--status-focus);
-
-  //GOV Route active styles
-  --rdt-menu-bar-item-route-active-background: var(
-    --button-outlined-primary-active
-  );
-  --rdt-menu-bar-item-route-active-text-color: var(--text-primary-color);
-  --rdt-menu-bar-item-route-active-border: none;
-  --rdt-menu-bar-item-route-active-outline: none;
-
-  //GOV Disabled styles
-  --rdt-menu-bar-item-disabled-background: var(
-    --disabled-background,
-    var(--button-solid-disabled)
-  );
-  --rdt-menu-bar-item-disabled-text-color: var(
-    --disabled-color,
-    var(--text-disabled)
-  );
-  --rdt-menu-bar-item-disabled-border: none;
-  --rdt-menu-bar-item-disabled-outline: none;
-
-  @media only screen and (max-width: 767px) {
-    --rdt-menu-background: transparent;
-    .menu-bar-item {
-      flex-direction: column;
-      &-container {
-        flex-direction: column;
-      }
-      &-content {
-        width: 100%;
-        background-color: var(--background-block-primary);
-      }
-    }
-    rdt-menu-overlay {
-      height: 0px;
-      width: 100%;
-      position: unset;
-    }
-    rdt-menu-overlay.expanded {
-      height: unset;
-    }
-  }
-}

package/styles.scss

@@ -1,6 +0,0 @@
-@use '@gov-design-system-ce/styles/lib/tokens' as *;
-@use '@gov-design-system-ce/styles/lib/styles' as *;
-@use '@gov-design-system-ce/styles/lib/layout' as *;
-@use '@gov-design-system-ce/styles/lib/components' as *;
-// OUR CUSTOMIZATION
-@use '../src/lib/gov/ui/menu/rdt-gov-menu' as *;