@skyux/indicators 13.0.0-alpha.6 → 13.0.0-alpha.8

package/fesm2022/skyux-indicators.mjs

@@ -331,11 +331,11 @@ class SkyExpansionIndicatorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: SkyExpansionIndicatorComponent, isStandalone: false, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, hostDirectives: [{ directive: i1$1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <span class=\"sky-expansion-indicator-glyph-container\">\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n  </span>\n</div>\n", styles: [".sky-expansion-indicator:not(.sky-theme-modern *){--sky-override-expansion-indicator-container-left: 4px;--sky-override-expansion-indicator-container-top: 3.5px;--sky-override-expansion-indicator-leg-left-left: 4px;--sky-override-expansion-indicator-leg-right-left: 10.5px;--sky-override-expansion-indicator-line-height: normal;--sky-override-expansion-indicator-size: 26px;--sky-override-expansion-indicator-size-half: 13px;--sky-override-expansion-indicator-color: var( --sky-expansion-indicator-color, #686c73 )}:host{line-height:var(--sky-override-expansion-indicator-line-height, 1)}.sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s));margin:0;overflow:hidden;position:relative;vertical-align:top;width:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s))}.sky-expansion-indicator-part{background:var(--sky-override-expansion-indicator-color, var(--sky-color-icon-deemphasized));border:none;border-radius:1px;display:inline-block;height:2px;position:absolute;top:var(--sky-override-expansion-indicator-size-half, calc(var(--sky-size-icon-s) / 2));transition:transform .25s,left .25s;vertical-align:top;width:11px}.sky-expansion-indicator-glyph-container{left:var(--sky-override-expansion-indicator-container-left, 0);display:inline-block;position:absolute;top:var(--sky-override-expansion-indicator-container-top, 1.5px);transform:scale(.68)}.sky-expansion-indicator-left{left:var(--sky-override-expansion-indicator-leg-left-left, 2.75px)}.sky-expansion-indicator-right{left:var(--sky-override-expansion-indicator-leg-right-left, 9.25px)}.sky-expansion-indicator-up .sky-expansion-indicator-left{transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right,.sky-expansion-indicator-down .sky-expansion-indicator-left{transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: SkyExpansionIndicatorComponent, isStandalone: false, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, hostDirectives: [{ directive: i1$1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <span class=\"sky-expansion-indicator-glyph-container\">\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n  </span>\n</div>\n", styles: [".sky-expansion-indicator:not(.sky-theme-modern *){--sky-override-expansion-indicator-container-left: 4px;--sky-override-expansion-indicator-container-top: 3.5px;--sky-override-expansion-indicator-leg-left-left: 4px;--sky-override-expansion-indicator-leg-right-left: 10.5px;--sky-override-expansion-indicator-line-height: normal;--sky-override-expansion-indicator-size: 26px;--sky-override-expansion-indicator-size-half: 13px;--sky-override-expansion-indicator-color: var( --sky-expansion-indicator-color, #686c73 )}:host{line-height:var(--sky-override-expansion-indicator-line-height, 1)}.sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s));margin:0;overflow:hidden;position:relative;vertical-align:top;width:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s))}.sky-expansion-indicator-part{background:var(--sky-comp-override-expansion-indicator-color, var(--sky-override-expansion-indicator-color, var(--sky-color-icon-deemphasized)));border:none;border-radius:1px;display:inline-block;height:2px;position:absolute;top:var(--sky-override-expansion-indicator-size-half, calc(var(--sky-size-icon-s) / 2));transition:transform .25s,left .25s;vertical-align:top;width:11px}.sky-expansion-indicator-glyph-container{left:var(--sky-override-expansion-indicator-container-left, 0);display:inline-block;position:absolute;top:var(--sky-override-expansion-indicator-container-top, 1.5px);transform:scale(.68)}.sky-expansion-indicator-left{left:var(--sky-override-expansion-indicator-leg-left-left, 2.75px)}.sky-expansion-indicator-right{left:var(--sky-override-expansion-indicator-leg-right-left, 9.25px)}.sky-expansion-indicator-up .sky-expansion-indicator-left{transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right,.sky-expansion-indicator-down .sky-expansion-indicator-left{transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-expansion-indicator', hostDirectives: [SkyThemeComponentClassDirective], standalone: false, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <span class=\"sky-expansion-indicator-glyph-container\">\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n  </span>\n</div>\n", styles: [".sky-expansion-indicator:not(.sky-theme-modern *){--sky-override-expansion-indicator-container-left: 4px;--sky-override-expansion-indicator-container-top: 3.5px;--sky-override-expansion-indicator-leg-left-left: 4px;--sky-override-expansion-indicator-leg-right-left: 10.5px;--sky-override-expansion-indicator-line-height: normal;--sky-override-expansion-indicator-size: 26px;--sky-override-expansion-indicator-size-half: 13px;--sky-override-expansion-indicator-color: var( --sky-expansion-indicator-color, #686c73 )}:host{line-height:var(--sky-override-expansion-indicator-line-height, 1)}.sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s));margin:0;overflow:hidden;position:relative;vertical-align:top;width:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s))}.sky-expansion-indicator-part{background:var(--sky-override-expansion-indicator-color, var(--sky-color-icon-deemphasized));border:none;border-radius:1px;display:inline-block;height:2px;position:absolute;top:var(--sky-override-expansion-indicator-size-half, calc(var(--sky-size-icon-s) / 2));transition:transform .25s,left .25s;vertical-align:top;width:11px}.sky-expansion-indicator-glyph-container{left:var(--sky-override-expansion-indicator-container-left, 0);display:inline-block;position:absolute;top:var(--sky-override-expansion-indicator-container-top, 1.5px);transform:scale(.68)}.sky-expansion-indicator-left{left:var(--sky-override-expansion-indicator-leg-left-left, 2.75px)}.sky-expansion-indicator-right{left:var(--sky-override-expansion-indicator-leg-right-left, 9.25px)}.sky-expansion-indicator-up .sky-expansion-indicator-left{transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right,.sky-expansion-indicator-down .sky-expansion-indicator-left{transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"] }]
+            args: [{ selector: 'sky-expansion-indicator', hostDirectives: [SkyThemeComponentClassDirective], standalone: false, template: "<div\n  aria-hidden=\"true\"\n  class=\"sky-expansion-indicator\"\n  [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n  <span class=\"sky-expansion-indicator-glyph-container\">\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n    <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n  </span>\n</div>\n", styles: [".sky-expansion-indicator:not(.sky-theme-modern *){--sky-override-expansion-indicator-container-left: 4px;--sky-override-expansion-indicator-container-top: 3.5px;--sky-override-expansion-indicator-leg-left-left: 4px;--sky-override-expansion-indicator-leg-right-left: 10.5px;--sky-override-expansion-indicator-line-height: normal;--sky-override-expansion-indicator-size: 26px;--sky-override-expansion-indicator-size-half: 13px;--sky-override-expansion-indicator-color: var( --sky-expansion-indicator-color, #686c73 )}:host{line-height:var(--sky-override-expansion-indicator-line-height, 1)}.sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s));margin:0;overflow:hidden;position:relative;vertical-align:top;width:var(--sky-override-expansion-indicator-size, var(--sky-size-icon-s))}.sky-expansion-indicator-part{background:var(--sky-comp-override-expansion-indicator-color, var(--sky-override-expansion-indicator-color, var(--sky-color-icon-deemphasized)));border:none;border-radius:1px;display:inline-block;height:2px;position:absolute;top:var(--sky-override-expansion-indicator-size-half, calc(var(--sky-size-icon-s) / 2));transition:transform .25s,left .25s;vertical-align:top;width:11px}.sky-expansion-indicator-glyph-container{left:var(--sky-override-expansion-indicator-container-left, 0);display:inline-block;position:absolute;top:var(--sky-override-expansion-indicator-container-top, 1.5px);transform:scale(.68)}.sky-expansion-indicator-left{left:var(--sky-override-expansion-indicator-leg-left-left, 2.75px)}.sky-expansion-indicator-right{left:var(--sky-override-expansion-indicator-leg-right-left, 9.25px)}.sky-expansion-indicator-up .sky-expansion-indicator-left{transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right,.sky-expansion-indicator-down .sky-expansion-indicator-left{transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"] }]
         }], propDecorators: { direction: [{
                 type: Input
             }] } });