@skyux/indicators 5.5.0 → 5.6.2

package/fesm2015/skyux-indicators.js

@@ -1,7 +1,7 @@
-import * as i0 from '@angular/core';
-import { NgModule, Injectable, Pipe, Component, ChangeDetectionStrategy, Input, EventEmitter, Output, Directive, ViewChildren, Optional } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, Pipe, Component, Input, ChangeDetectionStrategy, NgModule, EventEmitter, Output, Directive, ViewChildren, Optional } from '@angular/core';
 import * as i1$1 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
 import * as i3 from '@skyux/theme';
@@ -12,64 +12,6 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import { Subject, BehaviorSubject, defer } from 'rxjs';
 import { takeUntil, finalize } from 'rxjs/operators';
 
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-indicators' schematic.
- * To update this file, simply rerun the command.
- */
-const RESOURCES = {
-    'EN-US': {
-        skyux_alert_close: { message: 'Close the alert' },
-        skyux_help_inline_button_title: { message: 'Show help content' },
-        skyux_status_indicator_sr_completed: { message: 'Completed:' },
-        skyux_status_indicator_sr_error: { message: 'Error:' },
-        skyux_status_indicator_sr_important_info: {
-            message: 'Important information:',
-        },
-        skyux_status_indicator_sr_warning: { message: 'Warning:' },
-        skyux_tokens_dismiss_button_title: { message: 'Remove item' },
-        skyux_wait_aria_alt_text: { message: 'Loading.' },
-        skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
-        skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
-        skyux_wait_page_blocking_aria_alt_text: {
-            message: 'Page loading. Please wait.',
-        },
-    },
-};
-class SkyIndicatorsResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyIndicatorsResourcesModule {
-}
-SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
-SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyIndicatorsResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyIndicatorsResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
 /**
  * @internal
  */
@@ -142,6 +84,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: SkyIconResolverService }]; } });
 
+class SkyIconStackComponent {
+}
+SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n  ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconStackComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-icon-stack',
+                    templateUrl: './icon-stack.component.html',
+                    styleUrls: ['./icon-stack.component.scss'],
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], baseIcon: [{
+                type: Input
+            }], topIcon: [{
+                type: Input
+            }] } });
+
 class SkyIconComponent {
     constructor() {
         /**
@@ -175,25 +136,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }] } });
 
-class SkyIconStackComponent {
-}
-SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n  ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconStackComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-icon-stack',
-                    templateUrl: './icon-stack.component.html',
-                    styleUrls: ['./icon-stack.component.scss'],
-                }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], baseIcon: [{
-                type: Input
-            }], topIcon: [{
-                type: Input
-            }] } });
-
 class SkyIconModule {
 }
 SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -208,6 +150,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-indicators' schematic.
+ * To update this file, simply rerun the command.
+ */
+const RESOURCES = {
+    'EN-US': {
+        skyux_alert_close: { message: 'Close the alert' },
+        skyux_help_inline_button_title: { message: 'Show help content' },
+        skyux_status_indicator_sr_completed: { message: 'Completed:' },
+        skyux_status_indicator_sr_error: { message: 'Error:' },
+        skyux_status_indicator_sr_important_info: {
+            message: 'Important information:',
+        },
+        skyux_status_indicator_sr_warning: { message: 'Warning:' },
+        skyux_tokens_dismiss_button_title: { message: 'Remove item' },
+        skyux_wait_aria_alt_text: { message: 'Loading.' },
+        skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
+        skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
+        skyux_wait_page_blocking_aria_alt_text: {
+            message: 'Page loading. Please wait.',
+        },
+    },
+};
+class SkyIndicatorsResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+class SkyIndicatorsResourcesModule {
+}
+SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
+SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyIndicatorsResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyIndicatorsResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
 /**
  * @internl
  */
@@ -362,6 +362,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }] } });
 
+class SkyExpansionIndicatorModule {
+}
+SkyExpansionIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
+SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [[CommonModule, SkyThemeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyExpansionIndicatorComponent],
+                    imports: [CommonModule, SkyThemeModule],
+                    exports: [SkyExpansionIndicatorComponent],
+                }]
+        }] });
+
 /**
  * Creates an accessible button that wraps the chevron icon.
  * @internal
@@ -423,20 +437,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }] } });
 
-class SkyExpansionIndicatorModule {
-}
-SkyExpansionIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
-SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [[CommonModule, SkyThemeModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyExpansionIndicatorComponent],
-                    imports: [CommonModule, SkyThemeModule],
-                    exports: [SkyExpansionIndicatorComponent],
-                }]
-        }] });
-
 class SkyChevronModule {
 }
 SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -799,61 +799,8 @@ class SkyTextHighlightDirective {
             this._skyHighlight = [value];
         }
     }
-    ngOnChanges(changes) {
-        if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
-            this.highlight();
-        }
-    }
-    ngAfterViewInit() {
-        const self = this;
-        this.observer = this.observerService.create((mutations) => {
-            self.highlight();
-        });
-        this.observeDom();
-        if (this._skyHighlight && this._skyHighlight.length > 0) {
-            this.highlight();
-        }
-    }
-    ngOnDestroy() {
-        /* istanbul ignore else */
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-    }
-    readyForHighlight(searchText) {
-        return searchText && searchText.length > 0 && this.el.nativeElement;
-    }
-    highlight() {
-        /* istanbul ignore else */
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-        const searchText = this._skyHighlight;
-        if (this.existingHighlight) {
-            SkyTextHighlightDirective.removeHighlight(this.el);
-        }
-        /* istanbul ignore else */
-        if (this.readyForHighlight(searchText)) {
-            const node = this.el.nativeElement;
-            // mark all matched text in the DOM
-            SkyTextHighlightDirective.markTextNodes(node, searchText);
-            this.existingHighlight = true;
-        }
-        this.observeDom();
-    }
-    observeDom() {
-        /* istanbul ignore else */
-        if (this.observer) {
-            const config = {
-                attributes: false,
-                childList: true,
-                characterData: true,
-            };
-            this.observer.observe(this.el.nativeElement, config);
-        }
-    }
     static cleanRegex(regex) {
-        return regex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+        return regex.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
     }
     static markNode(node, searchTerms) {
         /* istanbul ignore else */
@@ -904,6 +851,58 @@ class SkyTextHighlightDirective {
             }
         }
     }
+    ngOnChanges(changes) {
+        if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
+            this.highlight();
+        }
+    }
+    ngAfterViewInit() {
+        this.observer = this.observerService.create(() => {
+            this.highlight();
+        });
+        this.observeDom();
+        if (this._skyHighlight && this._skyHighlight.length > 0) {
+            this.highlight();
+        }
+    }
+    ngOnDestroy() {
+        /* istanbul ignore else */
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    }
+    readyForHighlight(searchText) {
+        return searchText && searchText.length > 0 && this.el.nativeElement;
+    }
+    highlight() {
+        /* istanbul ignore else */
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+        const searchText = this._skyHighlight;
+        if (this.existingHighlight) {
+            SkyTextHighlightDirective.removeHighlight(this.el);
+        }
+        /* istanbul ignore else */
+        if (this.readyForHighlight(searchText)) {
+            const node = this.el.nativeElement;
+            // mark all matched text in the DOM
+            SkyTextHighlightDirective.markTextNodes(node, searchText);
+            this.existingHighlight = true;
+        }
+        this.observeDom();
+    }
+    observeDom() {
+        /* istanbul ignore else */
+        if (this.observer) {
+            const config = {
+                attributes: false,
+                childList: true,
+                characterData: true,
+            };
+            this.observer.observe(this.el.nativeElement, config);
+        }
+    }
 }
 SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i1$2.MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
 SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });