@ndwnu/design-system 1.0.2 → 1.0.3

package/components/form-field/input/input.model.d.ts

@@ -1,11 +1,13 @@
 export declare enum InputType {
     Date = "date",
     Email = "email",
+    Month = "month",
     Number = "number",
     Password = "password",
     Search = "search",
     Tel = "tel",
     Text = "text",
     Time = "time",
-    Url = "url"
+    Url = "url",
+    Week = "week"
 }

package/components/main-navigation/main-navigation.component.d.ts

@@ -11,10 +11,10 @@ export declare class MainNavigationComponent implements AfterViewInit {
     footerTexts: import("@angular/core").InputSignal<string[] | undefined>;
     isCollapsible: import("@angular/core").InputSignal<boolean>;
     selected: import("@angular/core").OutputEmitterRef<number>;
+    isExpanded: import("@angular/core").ModelSignal<boolean>;
     buttons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
     childMenuTemplate: import("@angular/core").Signal<TemplateRef<MainNavigationMenuComponent>>;
     brandImagePath: import("@angular/core").Signal<string>;
-    isExpanded: import("@angular/core").WritableSignal<boolean>;
     protected get brandAttribute(): string;
     protected get expandedClass(): boolean;
     onMouseMove(event: MouseEvent): void;
@@ -27,9 +27,9 @@ export declare class MainNavigationComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     close(): void;
     open(item: MenuItem): void;
-    handleSelectedChild(id: number): void;
+    handleSelected(id: number): void;
     toggleView(): void;
     private setPositionStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "isExpanded": "isExpandedChange"; }, never, never, true, never>;
 }

package/core/styles/ndw-styles.scss

@@ -322,6 +322,204 @@
   line-height: 150%;
 }
 
+.grid {
+  display: grid;
+  justify-items: stretch;
+  grid-template-columns: repeat(var(--grid-columns), minmax(1rem, 1fr));
+  gap: var(--grid-spacing);
+  padding: 0 var(--grid-spacing);
+  margin: 0 auto;
+  width: 100%;
+  min-width: min-content;
+  max-width: 1440px;
+}
+.grid .column-1 {
+  grid-column: span min(1, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-2 {
+  grid-column: span min(2, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-3 {
+  grid-column: span min(3, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-4 {
+  grid-column: span min(4, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-5 {
+  grid-column: span min(5, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-6 {
+  grid-column: span min(6, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-7 {
+  grid-column: span min(7, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-8 {
+  grid-column: span min(8, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-9 {
+  grid-column: span min(9, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-10 {
+  grid-column: span min(10, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-11 {
+  grid-column: span min(11, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-12 {
+  grid-column: span min(12, var(--grid-columns));
+  overflow: auto;
+}
+@media screen and (max-width: 1024px) {
+  .grid {
+    --grid-columns: 6;
+    --grid-spacing: var(--ndw-spacing-md);
+  }
+  .grid .column-md-1 {
+    display: none;
+  }
+  .grid .column-md-2 {
+    display: none;
+  }
+  .grid .column-md-3 {
+    display: none;
+  }
+  .grid .column-md-4 {
+    display: none;
+  }
+  .grid .column-md-5 {
+    display: none;
+  }
+  .grid .column-md-6 {
+    display: none;
+  }
+  .grid .column-md-7 {
+    display: none;
+  }
+  .grid .column-md-8 {
+    display: none;
+  }
+  .grid .column-md-9 {
+    display: none;
+  }
+  .grid .column-md-10 {
+    display: none;
+  }
+  .grid .column-md-11 {
+    display: none;
+  }
+  .grid .column-md-12 {
+    display: none;
+  }
+  .grid .column-sm-1 {
+    grid-column: span 1;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-2 {
+    grid-column: span 2;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-3 {
+    grid-column: span 3;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-4 {
+    grid-column: span 4;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-5 {
+    grid-column: span 5;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-6 {
+    grid-column: span 6;
+    overflow: auto;
+    display: block;
+  }
+}
+@media screen and (min-width: 1025px) {
+  .grid {
+    --grid-columns: 12;
+    --grid-spacing: var(--ndw-spacing-lg);
+  }
+  .grid .column-md-1 {
+    grid-column: span 1;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-2 {
+    grid-column: span 2;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-3 {
+    grid-column: span 3;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-4 {
+    grid-column: span 4;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-5 {
+    grid-column: span 5;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-6 {
+    grid-column: span 6;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-7 {
+    grid-column: span 7;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-8 {
+    grid-column: span 8;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-9 {
+    grid-column: span 9;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-10 {
+    grid-column: span 10;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-11 {
+    grid-column: span 11;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-12 {
+    grid-column: span 12;
+    overflow: auto;
+    display: block;
+  }
+}
+
 [ndwButton] {
   box-sizing: border-box;
   display: flex;
@@ -464,7 +662,7 @@
 [ndwInput][type=search]::-webkit-search-decoration, [ndwInput][type=search]::-webkit-search-cancel-button, [ndwInput][type=search]::-webkit-search-results-button, [ndwInput][type=search]::-webkit-search-results-decoration {
   display: none;
 }
-[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator {
+[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=month]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator, [ndwInput][type=week]::-webkit-calendar-picker-indicator {
   cursor: pointer;
   opacity: 0;
 }

package/core/styles/nwb-styles.scss

@@ -322,6 +322,204 @@
   line-height: 150%;
 }
 
+.grid {
+  display: grid;
+  justify-items: stretch;
+  grid-template-columns: repeat(var(--grid-columns), minmax(1rem, 1fr));
+  gap: var(--grid-spacing);
+  padding: 0 var(--grid-spacing);
+  margin: 0 auto;
+  width: 100%;
+  min-width: min-content;
+  max-width: 1440px;
+}
+.grid .column-1 {
+  grid-column: span min(1, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-2 {
+  grid-column: span min(2, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-3 {
+  grid-column: span min(3, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-4 {
+  grid-column: span min(4, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-5 {
+  grid-column: span min(5, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-6 {
+  grid-column: span min(6, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-7 {
+  grid-column: span min(7, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-8 {
+  grid-column: span min(8, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-9 {
+  grid-column: span min(9, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-10 {
+  grid-column: span min(10, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-11 {
+  grid-column: span min(11, var(--grid-columns));
+  overflow: auto;
+}
+.grid .column-12 {
+  grid-column: span min(12, var(--grid-columns));
+  overflow: auto;
+}
+@media screen and (max-width: 1024px) {
+  .grid {
+    --grid-columns: 6;
+    --grid-spacing: var(--ndw-spacing-md);
+  }
+  .grid .column-md-1 {
+    display: none;
+  }
+  .grid .column-md-2 {
+    display: none;
+  }
+  .grid .column-md-3 {
+    display: none;
+  }
+  .grid .column-md-4 {
+    display: none;
+  }
+  .grid .column-md-5 {
+    display: none;
+  }
+  .grid .column-md-6 {
+    display: none;
+  }
+  .grid .column-md-7 {
+    display: none;
+  }
+  .grid .column-md-8 {
+    display: none;
+  }
+  .grid .column-md-9 {
+    display: none;
+  }
+  .grid .column-md-10 {
+    display: none;
+  }
+  .grid .column-md-11 {
+    display: none;
+  }
+  .grid .column-md-12 {
+    display: none;
+  }
+  .grid .column-sm-1 {
+    grid-column: span 1;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-2 {
+    grid-column: span 2;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-3 {
+    grid-column: span 3;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-4 {
+    grid-column: span 4;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-5 {
+    grid-column: span 5;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-sm-6 {
+    grid-column: span 6;
+    overflow: auto;
+    display: block;
+  }
+}
+@media screen and (min-width: 1025px) {
+  .grid {
+    --grid-columns: 12;
+    --grid-spacing: var(--ndw-spacing-lg);
+  }
+  .grid .column-md-1 {
+    grid-column: span 1;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-2 {
+    grid-column: span 2;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-3 {
+    grid-column: span 3;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-4 {
+    grid-column: span 4;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-5 {
+    grid-column: span 5;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-6 {
+    grid-column: span 6;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-7 {
+    grid-column: span 7;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-8 {
+    grid-column: span 8;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-9 {
+    grid-column: span 9;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-10 {
+    grid-column: span 10;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-11 {
+    grid-column: span 11;
+    overflow: auto;
+    display: block;
+  }
+  .grid .column-md-12 {
+    grid-column: span 12;
+    overflow: auto;
+    display: block;
+  }
+}
+
 [ndwButton] {
   box-sizing: border-box;
   display: flex;
@@ -464,7 +662,7 @@
 [ndwInput][type=search]::-webkit-search-decoration, [ndwInput][type=search]::-webkit-search-cancel-button, [ndwInput][type=search]::-webkit-search-results-button, [ndwInput][type=search]::-webkit-search-results-decoration {
   display: none;
 }
-[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator {
+[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=month]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator, [ndwInput][type=week]::-webkit-calendar-picker-indicator {
   cursor: pointer;
   opacity: 0;
 }

package/esm2022/components/accordion/accordion.component.mjs

@@ -18,10 +18,10 @@ export class AccordionComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.1", type: AccordionComponent, isStandalone: true, selector: "ndw-accordion", inputs: { collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "collapsibles", predicate: CollapsibleComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: AccordionComponent, isStandalone: true, selector: "ndw-accordion", inputs: { collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "collapsibles", predicate: CollapsibleComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ndw-accordion', standalone: true, imports: [], template: "<ng-content />\n" }]
         }] });

package/esm2022/components/accordion/accordion.service.mjs

@@ -8,10 +8,10 @@ export class AccordionService {
     setExpandedCollapsible(index) {
         this.expanded$.next(index);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',