@villedemontreal/angular-ui 2.0.1 → 2.2.1

package/lib/bao.module.d.ts

@@ -10,8 +10,9 @@ import * as i8 from "./list/module";
 import * as i9 from "./common-components/module";
 import * as i10 from "./checkbox/module";
 import * as i11 from "./radio/module";
+import * as i12 from "./summary/module";
 export declare class BaoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i6.BaoTagModule, typeof i7.BaoHeaderInfoModule, typeof i8.BaoListModule, typeof i9.BaoCommonComponentsModule, typeof i10.BaoCheckboxModule, typeof i11.BaoRadioModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoModule, never, [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i4.BaoCardModule, typeof i5.BaoBreadcrumbModule], [typeof i1.BaoIconModule, typeof i2.BaoButtonModule, typeof i3.BaoAlertModule, typeof i5.BaoBreadcrumbModule, typeof i4.BaoCardModule, typeof i6.BaoTagModule, typeof i7.BaoHeaderInfoModule, typeof i8.BaoListModule, typeof i9.BaoCommonComponentsModule, typeof i10.BaoCheckboxModule, typeof i11.BaoRadioModule, typeof i12.BaoSummaryModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoModule>;
 }

package/lib/common-components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './module';
 export * from './error-text/errorText.component';
 export * from './guiding-text/guidingText.component';
-export * from './legend-text/legendText.component';
+export * from './label-text/labelText.component';
+export * from './title-text/titleText.component';

package/lib/common-components/label-text/labelText.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class BaoLabelTextComponent {
+    required: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoLabelTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoLabelTextComponent, "bao-label, [bao-label]", never, { "required": "required"; }, {}, never, ["*"]>;
+}

package/lib/common-components/module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./error-text/errorText.component";
-import * as i2 from "./legend-text/legendText.component";
-import * as i3 from "./guiding-text/guidingText.component";
-import * as i4 from "@angular/common";
+import * as i2 from "./guiding-text/guidingText.component";
+import * as i3 from "./label-text/labelText.component";
+import * as i4 from "./title-text/titleText.component";
+import * as i5 from "@angular/common";
 export declare class BaoCommonComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BaoCommonComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoCommonComponentsModule, [typeof i1.BaoErrorTextComponent, typeof i2.BaoLegendTextComponent, typeof i3.BaoGuidingTextComponent], [typeof i4.CommonModule], [typeof i1.BaoErrorTextComponent, typeof i2.BaoLegendTextComponent, typeof i3.BaoGuidingTextComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoCommonComponentsModule, [typeof i1.BaoErrorTextComponent, typeof i2.BaoGuidingTextComponent, typeof i3.BaoLabelTextComponent, typeof i4.BaoTitleTextComponent], [typeof i5.CommonModule], [typeof i1.BaoErrorTextComponent, typeof i2.BaoGuidingTextComponent, typeof i3.BaoLabelTextComponent, typeof i4.BaoTitleTextComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BaoCommonComponentsModule>;
 }

package/lib/common-components/title-text/titleText.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class BaoTitleTextComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoTitleTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoTitleTextComponent, "bao-title-text, [bao-title-text]", never, {}, {}, never, ["*"]>;
+}

package/lib/core/colors.d.ts

@@ -1,4 +1,4 @@
-export declare enum BaoColors {
+export declare const enum BaoColors {
     ACTION = "action",
     PRIMARY = "primary",
     PRIMARY_REVERSED = "primary-reversed",

package/lib/shared/enum/display-mode.d.ts

@@ -0,0 +1,4 @@
+export declare const enum EDisplayMode {
+    COMPACT = "compact",
+    RESPONSIVE = "responsive"
+}

package/lib/shared/index.d.ts

@@ -0,0 +1 @@
+export * from './enum/display-mode';

package/lib/summary/index.d.ts

@@ -0,0 +1,3 @@
+export * from './module';
+export * from './summary.component';
+export * from './list-summary.component';

package/lib/summary/list-summary.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class BaoListSummaryItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoListSummaryItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoListSummaryItem, "bao-list-summary-item, [bao-list-summary-item], [baoListSummaryItem]", never, {}, {}, never, ["*"]>;
+}
+export declare class BaoListSummary {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoListSummary, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoListSummary, "bao-list-summary, [bao-list-summary], [baoListSummary]", never, {}, {}, never, ["*"]>;
+}

package/lib/summary/module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./summary.component";
+import * as i2 from "./list-summary.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../common-components/module";
+export declare class BaoSummaryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSummaryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BaoSummaryModule, [typeof i1.BaoSummaryComponent, typeof i1.BaoSummaryDescription, typeof i2.BaoListSummary, typeof i2.BaoListSummaryItem], [typeof i3.CommonModule, typeof i4.BaoCommonComponentsModule], [typeof i1.BaoSummaryComponent, typeof i1.BaoSummaryDescription, typeof i2.BaoListSummary, typeof i2.BaoListSummaryItem]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BaoSummaryModule>;
+}

package/lib/summary/summary.component.d.ts

@@ -0,0 +1,47 @@
+import { ElementRef, AfterViewInit, OnInit } from '@angular/core';
+import { EDisplayMode } from '../shared';
+import * as i0 from "@angular/core";
+export declare class BaoSummaryComponent implements OnInit, AfterViewInit {
+    private elementRef;
+    /**
+     * Set display mode
+     * RESPONSIVE (viewport width <=> is 576px)
+     * COMPACT (viewport width < 576px)
+     */
+    displayMode: EDisplayMode;
+    /**
+     * Initialize the ID for summary
+     */
+    private _uniqueId;
+    /**
+     * Set value of unique ID for bao-label
+     */
+    id: string;
+    /**
+     * The aria-describebdy-error id for web accessibility
+     * only when error section appears
+     */
+    ariaDescribedbyError?: string;
+    /**
+     * The aria-describebdy-text id for web accessibility
+     * only when we have de guidance text
+     */
+    ariaDescribedbyGuidingText?: string;
+    /**
+     * The aria-labelledby id for web accessibility
+     */
+    ariaLabelledby?: string;
+    private attribues;
+    constructor(elementRef: ElementRef);
+    get nativeElement(): HTMLElement;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    setAriaDescribedByToDescription(): void;
+    private elementNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaoSummaryComponent, "bao-summary, [bao-summary], [baoSummary]", never, { "displayMode": "displayMode"; "id": "id"; }, {}, never, ["bao-label", "bao-guiding-text, [bao-guiding-text]", "bao-title-text, [bao-title-text]", "bao-summary-description", "bao-list-summary, [bao-list-summary], [baoListSummary]", "button[bao-button]", "bao-error, [bao-error]"]>;
+}
+export declare class BaoSummaryDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaoSummaryDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaoSummaryDescription, "bao-summary-description, [bao-summary-description], [baoSummaryDescription]", never, {}, {}, never>;
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@villedemontreal/angular-ui",
-  "version": "2.0.1",
+  "version": "2.2.1",
   "peerDependencies": {
+    "@angular/cdk": ">=8.0.0 <14.0.0",
     "@angular/common": ">=8.0.0 <14.0.0",
     "@angular/core": ">=8.0.0 <14.0.0",
-    "@angular/cdk": ">=8.0.0 <14.0.0",
     "@angular/forms": ">=8.0.0 <14.0.0"
   },
   "module": "fesm2015/villedemontreal-angular-ui.mjs",

package/public-api.d.ts

@@ -11,3 +11,5 @@ export * from './lib/list/index';
 export * from './lib/checkbox/index';
 export * from './lib/radio/index';
 export * from './lib/common-components/index';
+export * from './lib/summary/index';
+export * from './lib/shared';

package/esm2020/lib/common-components/legend-text/legendText.component.mjs

@@ -1,22 +0,0 @@
-/*
- * Copyright (c) 2022 Ville de Montreal. All rights reserved.
- * Licensed under the MIT license.
- * See LICENSE file in the project root for full license information.
- */
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class BaoLegendTextComponent {
-    constructor() {
-        this.required = false;
-    }
-}
-BaoLegendTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaoLegendTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaoLegendTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: BaoLegendTextComponent, selector: "bao-legend, [bao-legend]", inputs: { required: "required" }, ngImport: i0, template: '<legend class="bao-legend"><ng-content></ng-content><span *ngIf="required">&nbsp;*</span></legend>', isInline: true, styles: [".bao-legend{color:#212529!important;font-weight:700;line-height:1.5em;font-size:1rem;margin-bottom:0}.bao-legend span{color:#d3310a}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaoLegendTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bao-legend, [bao-legend]', encapsulation: ViewEncapsulation.None, template: '<legend class="bao-legend"><ng-content></ng-content><span *ngIf="required">&nbsp;*</span></legend>', styles: [".bao-legend{color:#212529!important;font-weight:700;line-height:1.5em;font-size:1rem;margin-bottom:0}.bao-legend span{color:#d3310a}\n"] }]
-        }], propDecorators: { required: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kVGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXVpL3NyYy9saWIvY29tbW9uLWNvbXBvbmVudHMvbGVnZW5kLXRleHQvbGVnZW5kVGV4dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTcEUsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFrQixhQUFRLEdBQUcsS0FBSyxDQUFDO0tBQ2xDOzttSEFGWSxzQkFBc0I7dUdBQXRCLHNCQUFzQixrR0FIL0Isb0dBQW9HOzJGQUczRixzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0UsMEJBQTBCLGlCQUNyQixpQkFBaUIsQ0FBQyxJQUFJLFlBRW5DLG9HQUFvRzs4QkFJdEYsUUFBUTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjIgVmlsbGUgZGUgTW9udHJlYWwuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgTUlUIGxpY2Vuc2UuXG4gKiBTZWUgTElDRU5TRSBmaWxlIGluIHRoZSBwcm9qZWN0IHJvb3QgZm9yIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbi5cbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYmFvLWxlZ2VuZCwgW2Jhby1sZWdlbmRdJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6XG4gICAgJzxsZWdlbmQgY2xhc3M9XCJiYW8tbGVnZW5kXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjxzcGFuICpuZ0lmPVwicmVxdWlyZWRcIj4mbmJzcDsqPC9zcGFuPjwvbGVnZW5kPicsXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZFRleHQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCYW9MZWdlbmRUZXh0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIHJlcXVpcmVkID0gZmFsc2U7XG59XG4iXX0=

package/lib/common-components/legend-text/legendText.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class BaoLegendTextComponent {
-    required: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaoLegendTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaoLegendTextComponent, "bao-legend, [bao-legend]", never, { "required": "required"; }, {}, never, ["*"]>;
-}