@taiga-ui/kit
Version:
Taiga UI Angular main components kit
39 lines • 7.04 kB
JavaScript
import { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, } from '@angular/core';
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
import * as i0 from "@angular/core";
class TuiProgressFixedGradientStyles {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fixed-gradient" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressFixedGradient]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradient]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientStyles, decorators: [{
type: Component,
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
class: 'tui-fixed-gradient',
}, styles: ["[tuiProgressFixedGradient]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradient]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"] }]
}] });
class TuiProgressFixedGradientDirective {
constructor() {
this.nativeProgress = tuiInjectElement();
this.nothing = tuiWithStyles(TuiProgressFixedGradientStyles);
}
get progressPercent() {
const { value } = this.nativeProgress;
const max = this.nativeProgress.max ?? 1;
return Math.min((value / max) * 100, 100);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientDirective, isStandalone: true, selector: "progress[tuiProgressBar][tuiProgressFixedGradient]", host: { properties: { "style.--tui-progress-percent.%": "progressPercent" } }, ngImport: i0 }); }
}
export { TuiProgressFixedGradientDirective };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientDirective, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: 'progress[tuiProgressBar][tuiProgressFixedGradient]',
host: {
'[style.--tui-progress-percent.%]': 'progressPercent',
},
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtZml4ZWQtZ3JhZGllbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvcHJvZ3Jlc3MvcHJvZ3Jlc3MtYmFyL2ZpeGVkLWdyYWRpZW50L3Byb2dyZXNzLWZpeGVkLWdyYWRpZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFaEUsTUFVTSw4QkFBOEI7K0dBQTlCLDhCQUE4QjttR0FBOUIsOEJBQThCLHdIQVJ0QixFQUFFOzs0RkFRViw4QkFBOEI7a0JBVm5DLFNBQVM7aUNBQ00sSUFBSSxZQUNOLEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixLQUFLLEVBQUUsb0JBQW9CO3FCQUM5Qjs7QUFJTCxNQU9hLGlDQUFpQztJQVA5QztRQVFxQixtQkFBYyxHQUFHLGdCQUFnQixFQUF1QixDQUFDO1FBQ3ZELFlBQU8sR0FBRyxhQUFhLENBQUMsOEJBQThCLENBQUMsQ0FBQztLQVE5RTtJQU5HLElBQWMsZUFBZTtRQUN6QixNQUFNLEVBQUMsS0FBSyxFQUFDLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUNwQyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFFekMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUM5QyxDQUFDOytHQVRRLGlDQUFpQzttR0FBakMsaUNBQWlDOztTQUFqQyxpQ0FBaUM7NEZBQWpDLGlDQUFpQztrQkFQN0MsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLG9EQUFvRDtvQkFDOUQsSUFBSSxFQUFFO3dCQUNGLGtDQUFrQyxFQUFFLGlCQUFpQjtxQkFDeEQ7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBEaXJlY3RpdmUsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlJbmplY3RFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL2RvbSc7XG5pbXBvcnQge3R1aVdpdGhTdHlsZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWZpeGVkLWdyYWRpZW50LnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICd0dWktZml4ZWQtZ3JhZGllbnQnLFxuICAgIH0sXG59KVxuY2xhc3MgVHVpUHJvZ3Jlc3NGaXhlZEdyYWRpZW50U3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdwcm9ncmVzc1t0dWlQcm9ncmVzc0Jhcl1bdHVpUHJvZ3Jlc3NGaXhlZEdyYWRpZW50XScsXG4gICAgaG9zdDoge1xuICAgICAgICAnW3N0eWxlLi0tdHVpLXByb2dyZXNzLXBlcmNlbnQuJV0nOiAncHJvZ3Jlc3NQZXJjZW50JyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlQcm9ncmVzc0ZpeGVkR3JhZGllbnREaXJlY3RpdmUge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgbmF0aXZlUHJvZ3Jlc3MgPSB0dWlJbmplY3RFbGVtZW50PEhUTUxQcm9ncmVzc0VsZW1lbnQ+KCk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG5vdGhpbmcgPSB0dWlXaXRoU3R5bGVzKFR1aVByb2dyZXNzRml4ZWRHcmFkaWVudFN0eWxlcyk7XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IHByb2dyZXNzUGVyY2VudCgpOiBudW1iZXIge1xuICAgICAgICBjb25zdCB7dmFsdWV9ID0gdGhpcy5uYXRpdmVQcm9ncmVzcztcbiAgICAgICAgY29uc3QgbWF4ID0gdGhpcy5uYXRpdmVQcm9ncmVzcy5tYXggPz8gMTtcblxuICAgICAgICByZXR1cm4gTWF0aC5taW4oKHZhbHVlIC8gbWF4KSAqIDEwMCwgMTAwKTtcbiAgICB9XG59XG4iXX0=