@skyux/indicators 8.7.0 → 8.7.2

package/fesm2020/skyux-indicators.mjs

@@ -1503,7 +1503,7 @@ _SkyTokensComponent__disabled = new WeakMap(), _SkyTokensComponent__dismissible
     });
 };
 SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTokensComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyTokensComponent, selector: "sky-tokens", inputs: { disabled: "disabled", dismissible: "dismissible", displayWith: "displayWith", trackWith: "trackWith", focusable: "focusable", tokens: "tokens", messageStream: "messageStream" }, outputs: { focusIndexOverRange: "focusIndexOverRange", focusIndexUnderRange: "focusIndexUnderRange", tokenSelected: "tokenSelected", tokensChange: "tokensChange", tokensRendered: "tokensRendered" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n    (tokenFocus)=\"activeIndex = i\"\n  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content:before{content:\"\\200b\"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }], animations: [
+SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyTokensComponent, selector: "sky-tokens", inputs: { disabled: "disabled", dismissible: "dismissible", displayWith: "displayWith", trackWith: "trackWith", focusable: "focusable", tokens: "tokens", messageStream: "messageStream" }, outputs: { focusIndexOverRange: "focusIndexOverRange", focusIndexUnderRange: "focusIndexUnderRange", tokenSelected: "tokenSelected", tokensChange: "tokensChange", tokensRendered: "tokensRendered" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n    (tokenFocus)=\"activeIndex = i\"\n  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\" [attr.role]=\"tokens.length ? 'row' : null\">\n    <div [attr.role]=\"tokens.length ? 'gridcell' : null\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content>div{display:contents}.sky-tokens .sky-tokens-content>div:before{content:\"\\200b\"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }], animations: [
         trigger('blockAnimationOnLoad', [transition(':enter', [])]),
         trigger('dismiss', [
             transition(':enter', [
@@ -1546,7 +1546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                                 })),
                             ]),
                         ]),
-                    ], template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n    (tokenFocus)=\"activeIndex = i\"\n  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content:before{content:\"\\200b\"}\n"] }]
+                    ], template: "<div\n  class=\"sky-tokens\"\n  [@blockAnimationOnLoad]\n  [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n  <!--\n      The role must use square brackets otherwise Angular sets the native 'role'\n      attribute as well as the input attribute of the token, which fails accessibility rules.\n    -->\n  <sky-token\n    *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n    [@.disabled]=\"!trackWith\"\n    [@dismiss]\n    [disabled]=\"disabled\"\n    [dismissible]=\"dismissible\"\n    [focusable]=\"focusable\"\n    [role]=\"'row'\"\n    (@dismiss.done)=\"animationDone()\"\n    (dismiss)=\"removeToken(token)\"\n    (click)=\"onTokenClick(token)\"\n    (keydown)=\"onTokenKeyDown($event)\"\n    (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n    (tokenFocus)=\"activeIndex = i\"\n  >\n    {{ token.value[displayWith] }}\n  </sky-token>\n  <div class=\"sky-tokens-content\" [attr.role]=\"tokens.length ? 'row' : null\">\n    <div [attr.role]=\"tokens.length ? 'gridcell' : null\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content>div{display:contents}.sky-tokens .sky-tokens-content>div:before{content:\"\\200b\"}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
                 type: Input
             }], dismissible: [{