@skyux/indicators 13.0.0-alpha.7 → 13.0.0-alpha.8
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.
|
@@ -331,11 +331,11 @@ class SkyExpansionIndicatorComponent {
|
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
334
|
-
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"] }] }); }
|
|
334
|
+
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"] }] }); }
|
|
335
335
|
}
|
|
336
336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
|
|
337
337
|
type: Component,
|
|
338
|
-
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"] }]
|
|
338
|
+
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"] }]
|
|
339
339
|
}], propDecorators: { direction: [{
|
|
340
340
|
type: Input
|
|
341
341
|
}] } });
|