@bcgov/nr-ngx-component-lib 0.0.36 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/esm2022/components/icon/icon.component.mjs +2 -2
  2. package/fesm2022/bcgov-nr-ngx-component-lib.mjs +2 -2
  3. package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/components/icon/icon.component.mjs CHANGED
@@ -17,7 +17,7 @@ export class IconComponent extends NrclBase {
17
17
  this.svg = this.domSanitizer.bypassSecurityTrustHtml(ICON[this.name]);
18
18
  }
19
19
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
20
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IconComponent, selector: "nrcl-icon", inputs: { small: ["small", "small", booleanAttribute], large: ["large", "large", booleanAttribute] }, host: { properties: { "class.show-icon": "!svg", "class.show-svg": "!!svg", "class.small": "small", "class.normal": "( !small && !large ) || ( small && large )", "class.large": "large" } }, usesInheritance: true, ngImport: i0, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\"}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
20
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IconComponent, selector: "nrcl-icon", inputs: { small: ["small", "small", booleanAttribute], large: ["large", "large", booleanAttribute] }, host: { properties: { "class.show-icon": "!svg", "class.show-svg": "!!svg", "class.small": "small", "class.normal": "( !small && !large ) || ( small && large )", "class.large": "large" } }, usesInheritance: true, ngImport: i0, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\";font-weight:400}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
21
21
  }
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, decorators: [{
23
23
  type: Component,
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
27
27
  '[class.small]': 'small',
28
28
  '[class.normal]': '( !small && !large ) || ( small && large )',
29
29
  '[class.large]': 'large',
30
- }, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\"}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"] }]
30
+ }, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\";font-weight:400}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"] }]
31
31
  }], propDecorators: { small: [{
32
32
  type: Input,
33
33
  args: [{ transform: booleanAttribute }]
package/fesm2022/bcgov-nr-ngx-component-lib.mjs CHANGED
@@ -145,7 +145,7 @@ class IconComponent extends NrclBase {
145
145
  this.svg = this.domSanitizer.bypassSecurityTrustHtml(ICON[this.name]);
146
146
  }
147
147
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
148
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IconComponent, selector: "nrcl-icon", inputs: { small: ["small", "small", booleanAttribute], large: ["large", "large", booleanAttribute] }, host: { properties: { "class.show-icon": "!svg", "class.show-svg": "!!svg", "class.small": "small", "class.normal": "( !small && !large ) || ( small && large )", "class.large": "large" } }, usesInheritance: true, ngImport: i0, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\"}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
148
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IconComponent, selector: "nrcl-icon", inputs: { small: ["small", "small", booleanAttribute], large: ["large", "large", booleanAttribute] }, host: { properties: { "class.show-icon": "!svg", "class.show-svg": "!!svg", "class.small": "small", "class.normal": "( !small && !large ) || ( small && large )", "class.large": "large" } }, usesInheritance: true, ngImport: i0, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\";font-weight:400}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
149
149
  }
150
150
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, decorators: [{
151
151
  type: Component,
@@ -155,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
155
155
  '[class.small]': 'small',
156
156
  '[class.normal]': '( !small && !large ) || ( small && large )',
157
157
  '[class.large]': 'large',
158
- }, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\"}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"] }]
158
+ }, template: "<mat-icon><ng-content></ng-content></mat-icon>\n<div class=\"svg\" [innerHTML]=\"svg\"></div>\n", styles: ["::ng-deep :root{--nrcl-icon-small-size: 18px;--nrcl-icon-normal-size: 24px;--nrcl-icon-large-size: 30px}:host{display:block}:host .material-icons{font-family:Material Symbols Outlined;font-feature-settings:\"liga\";font-weight:400}:host.small.show-icon .mat-icon{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.small.show-svg .svg{width:var(--nrcl-icon-small-size);height:var(--nrcl-icon-small-size);font-size:var(--nrcl-icon-small-size);line-height:var(--nrcl-icon-small-size)}:host.normal.show-icon .mat-icon{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.normal.show-svg .svg{width:var(--nrcl-icon-normal-size);height:var(--nrcl-icon-normal-size);font-size:var(--nrcl-icon-normal-size);line-height:var(--nrcl-icon-normal-size)}:host.large.show-icon .mat-icon{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.large.show-svg .svg{width:var(--nrcl-icon-large-size);height:var(--nrcl-icon-large-size);font-size:var(--nrcl-icon-large-size);line-height:var(--nrcl-icon-large-size)}:host.show-svg .mat-icon{display:none}:host.show-svg ::ng-deep .svg{fill:currentcolor}:host.show-icon .mat-icon{display:block}:host.show-icon .svg{display:none}\n"] }]
159
159
  }], propDecorators: { small: [{
160
160
  type: Input,
161
161
  args: [{ transform: booleanAttribute }]