@taiga-ui/kit 2.91.0 → 2.92.0
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.
- package/bundles/taiga-ui-kit-components-progress.umd.js +9 -9
- package/bundles/taiga-ui-kit-components-progress.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-progress.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-progress.umd.min.js.map +1 -1
- package/components/progress/progress-circle/progress-circle.component.d.ts +4 -3
- package/components/progress/taiga-ui-kit-components-progress.metadata.json +1 -1
- package/esm2015/components/progress/progress-circle/progress-circle.component.js +13 -11
- package/esm5/components/progress/progress-circle/progress-circle.component.js +13 -11
- package/fesm2015/taiga-ui-kit-components-progress.js +12 -12
- package/fesm2015/taiga-ui-kit-components-progress.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-progress.js +12 -12
- package/fesm5/taiga-ui-kit-components-progress.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":13,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsDirective"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}],"exports":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsDirective"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}]}]}],"members":{}},"TuiProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"progress[tuiProgressBar]","template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"styles":[":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--tui-progress-color,currentColor);background-color:var(--tui-base-03);display:block;width:100%;color:var(--tui-primary);border-radius:var(--tui-radius-xs);overflow:hidden}:host::-webkit-progress-value{-webkit-transition:width var(--tui-duration) linear;transition:width var(--tui-duration) linear;background:var(--tui-progress-color,currentColor)}:host::-moz-progress-bar{background:var(--tui-progress-color,currentColor)}:host::-webkit-progress-bar{background-color:var(--tui-base-03)}:host[data-size='m']{height:1.5rem}:host[data-size='s']{border-radius:var(--tui-radius-xs);height:.5rem}:host[data-size='s']::-webkit-progress-value{border-radius:var(--tui-radius-xs)}:host[data-size='s']::-moz-progress-bar{border-radius:var(--tui-radius-xs)}:host-context(label[tuiProgressLabel]):not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}:host-context(label[tuiProgressLabel]):not(:first-child)::-webkit-progress-bar{background-color:transparent}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":5},"arguments":["style.--tui-progress-color"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":17,"character":5}}]}]}},"TuiProgressColorSegmentsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"progress[tuiProgressBar][tuiProgressColorSegments]","host":{"[$.style.--tui-progress-color]":"calcSegments$","($.style.--tui-progress-color)":"0","$quoted$":["[$.style.--tui-progress-color]","($.style.--tui-progress-color)"]},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":21,"character":16},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":21,"character":35}]}]}],"members":{"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5},"arguments":["tuiProgressColorSegments"]}]}],"calcSegments$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":31,"character":5}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":48,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":46,"character":68,"context":{"typeName":"HTMLProgressElement"},"module":"./progress-bar/progress-color-segments.directive"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":47,"character":71,"module":"./progress-bar/progress-color-segments.directive"}]},{"__symbolic":"reference","name":"string"}]}]}},"TuiProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"tui-progress-circle","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":21},"member":"OnPush"},"template":"<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n","styles":[":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round;transition:stroke-dashoffset var(--tui-duration) linear}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]}]}],"members":{"progressCircle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["progressCircle",{"static":true}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":29,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":33,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":5},"arguments":["style.--tui-progress-color"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"progressPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["style.--progress-percentage"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":66,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":66,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":67,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"WINDOW","line":67,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":67,"character":52,"context":{"typeName":"Window"},"module":"./progress-circle/progress-circle.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":68,"character":68,"context":{"typeName":"HTMLElement"},"module":"./progress-circle/progress-circle.component"}]}]}]}},"TuiProgressLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"label[tuiProgressLabel]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":21},"member":"OnPush"},"template":"<ng-content select=\"progress\"></ng-content>\n<ng-content select=\"tui-progress-circle\"></ng-content>\n<span class=\"t-label\">\n <ng-content></ng-content>\n</span>\n","styles":[":host{position:relative;display:inline-block}.t-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-s);color:var(--tui-text-01);flex-direction:column;justify-content:center;align-items:center}"]}]}],"members":{}},"nonNegativeInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">=","left":{"__symbolic":"reference","name":"value"},"right":0}}},"positiveInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"reference","name":"value"},"right":0}}},"TuiProgressSegmentedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"tui-progress-segmented","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":21},"member":"OnPush"},"template":"<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<span\n *tuiRepeatTimes=\"let index of max\"\n aria-hidden=\"true\"\n class=\"t-segment\"\n [style.background]=\"index < value ? getActiveColor(index) : null\"\n></span>\n","styles":[":host{display:flex}.t-segment{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;flex:1 1 100%;border-radius:var(--tui-radius-xs);background-color:var(--tui-base-03)}.t-segment:not(:last-child){margin-right:.25rem}:host[data-size='s'] .t-segment{height:.25rem}:host[data-size='m'] .t-segment{height:.5rem}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":22,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInt"},"Must be non-negative integer between 0 and max"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":26,"character":5},"arguments":[{"__symbolic":"reference","name":"positiveInt"},"Must be positive integer"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["attr.data-size"]}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"getActiveColor":[{"__symbolic":"method"}]}},"AbstractTuiColorSegments":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":14,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":15,"character":68,"context":{"typeName":"HTMLElement"},"module":"./utils/abstract-color-segments"}]}]}],"transform":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"tuiProgressColorSegments"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsAsyncPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"tuiProgressColorSegmentsAsync"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiProgressModule":"./progress.module","TuiProgressBarComponent":"./progress-bar/progress-bar.component","TuiProgressColorSegmentsDirective":"./progress-bar/progress-color-segments.directive","TuiProgressCircleComponent":"./progress-circle/progress-circle.component","TuiProgressLabelComponent":"./progress-label/progress-label.component","nonNegativeInt":"./progress-segmented/progress-segmented.component","positiveInt":"./progress-segmented/progress-segmented.component","TuiProgressSegmentedComponent":"./progress-segmented/progress-segmented.component","AbstractTuiColorSegments":"./utils/abstract-color-segments","TuiProgressColorSegmentsPipe":"./utils/progress-color-segments.pipe","TuiProgressColorSegmentsAsyncPipe":"./utils/progress-color-segments-async.pipe"},"importAs":"@taiga-ui/kit/components/progress"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":13,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsDirective"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}],"exports":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsDirective"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}]}]}],"members":{}},"TuiProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"progress[tuiProgressBar]","template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"styles":[":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--tui-progress-color,currentColor);background-color:var(--tui-base-03);display:block;width:100%;color:var(--tui-primary);border-radius:var(--tui-radius-xs);overflow:hidden}:host::-webkit-progress-value{-webkit-transition:width var(--tui-duration) linear;transition:width var(--tui-duration) linear;background:var(--tui-progress-color,currentColor)}:host::-moz-progress-bar{background:var(--tui-progress-color,currentColor)}:host::-webkit-progress-bar{background-color:var(--tui-base-03)}:host[data-size='m']{height:1.5rem}:host[data-size='s']{border-radius:var(--tui-radius-xs);height:.5rem}:host[data-size='s']::-webkit-progress-value{border-radius:var(--tui-radius-xs)}:host[data-size='s']::-moz-progress-bar{border-radius:var(--tui-radius-xs)}:host-context(label[tuiProgressLabel]):not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}:host-context(label[tuiProgressLabel]):not(:first-child)::-webkit-progress-bar{background-color:transparent}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":5},"arguments":["style.--tui-progress-color"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":17,"character":5}}]}]}},"TuiProgressColorSegmentsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"progress[tuiProgressBar][tuiProgressColorSegments]","host":{"[$.style.--tui-progress-color]":"calcSegments$","($.style.--tui-progress-color)":"0","$quoted$":["[$.style.--tui-progress-color]","($.style.--tui-progress-color)"]},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":21,"character":16},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":21,"character":35}]}]}],"members":{"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5},"arguments":["tuiProgressColorSegments"]}]}],"calcSegments$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":31,"character":5}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":48,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":46,"character":68,"context":{"typeName":"HTMLProgressElement"},"module":"./progress-bar/progress-color-segments.directive"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":47,"character":71,"module":"./progress-bar/progress-color-segments.directive"}]},{"__symbolic":"reference","name":"string"}]}]}},"TuiProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"tui-progress-circle","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":21},"member":"OnPush"},"template":"<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [class.t-progress_filled]=\"animationDelay$ | async\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n","styles":[":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:4.71238898em}:host[data-size='s'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:8.24668072em}:host[data-size='m'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:11.38827337em}:host[data-size='l'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:20.81305133em}:host[data-size=xl] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]}]}],"members":{"progressCircle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["progressCircle",{"static":true}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":31,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":35,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":5},"arguments":["style.--tui-progress-color"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":40,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":45,"character":5}}]}],"progressPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":5},"arguments":["style.--progress-percentage"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":69,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":69,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":70,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"WINDOW","line":70,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":71,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":71,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":70,"character":46,"context":{"typeName":"Window"},"module":"./progress-circle/progress-circle.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":71,"character":60,"context":{"typeName":"HTMLElement"},"module":"./progress-circle/progress-circle.component"}]}]}]}},"TuiProgressLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"label[tuiProgressLabel]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":21},"member":"OnPush"},"template":"<ng-content select=\"progress\"></ng-content>\n<ng-content select=\"tui-progress-circle\"></ng-content>\n<span class=\"t-label\">\n <ng-content></ng-content>\n</span>\n","styles":[":host{position:relative;display:inline-block}.t-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-s);color:var(--tui-text-01);flex-direction:column;justify-content:center;align-items:center}"]}]}],"members":{}},"nonNegativeInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">=","left":{"__symbolic":"reference","name":"value"},"right":0}}},"positiveInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"reference","name":"value"},"right":0}}},"TuiProgressSegmentedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"tui-progress-segmented","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":21},"member":"OnPush"},"template":"<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<span\n *tuiRepeatTimes=\"let index of max\"\n aria-hidden=\"true\"\n class=\"t-segment\"\n [style.background]=\"index < value ? getActiveColor(index) : null\"\n></span>\n","styles":[":host{display:flex}.t-segment{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;flex:1 1 100%;border-radius:var(--tui-radius-xs);background-color:var(--tui-base-03)}.t-segment:not(:last-child){margin-right:.25rem}:host[data-size='s'] .t-segment{height:.25rem}:host[data-size='m'] .t-segment{height:.5rem}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":22,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInt"},"Must be non-negative integer between 0 and max"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":26,"character":5},"arguments":[{"__symbolic":"reference","name":"positiveInt"},"Must be positive integer"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["attr.data-size"]}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"getActiveColor":[{"__symbolic":"method"}]}},"AbstractTuiColorSegments":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":14,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":15,"character":68,"context":{"typeName":"HTMLElement"},"module":"./utils/abstract-color-segments"}]}]}],"transform":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"tuiProgressColorSegments"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsAsyncPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"tuiProgressColorSegmentsAsync"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiProgressModule":"./progress.module","TuiProgressBarComponent":"./progress-bar/progress-bar.component","TuiProgressColorSegmentsDirective":"./progress-bar/progress-color-segments.directive","TuiProgressCircleComponent":"./progress-circle/progress-circle.component","TuiProgressLabelComponent":"./progress-label/progress-label.component","nonNegativeInt":"./progress-segmented/progress-segmented.component","positiveInt":"./progress-segmented/progress-segmented.component","TuiProgressSegmentedComponent":"./progress-segmented/progress-segmented.component","AbstractTuiColorSegments":"./utils/abstract-color-segments","TuiProgressColorSegmentsPipe":"./utils/progress-color-segments.pipe","TuiProgressColorSegmentsAsyncPipe":"./utils/progress-color-segments-async.pipe"},"importAs":"@taiga-ui/kit/components/progress"}
|
|
@@ -1,28 +1,30 @@
|
|
|
1
1
|
import { __decorate, __param } from "tslib";
|
|
2
2
|
import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, ViewChild, } from '@angular/core';
|
|
3
3
|
import { USER_AGENT, WINDOW } from '@ng-web-apis/common';
|
|
4
|
-
import { CHROMIUM_EDGE_START_VERSION,
|
|
4
|
+
import { CHROMIUM_EDGE_START_VERSION, tuiDefaultProp, tuiIsEdgeOlderThan, } from '@taiga-ui/cdk';
|
|
5
|
+
import { of } from 'rxjs';
|
|
6
|
+
import { delay } from 'rxjs/operators';
|
|
5
7
|
// @dynamic
|
|
6
8
|
let TuiProgressCircleComponent = class TuiProgressCircleComponent {
|
|
7
|
-
constructor(userAgent,
|
|
9
|
+
constructor(userAgent, win, el) {
|
|
8
10
|
this.userAgent = userAgent;
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
11
|
+
this.win = win;
|
|
12
|
+
this.el = el;
|
|
11
13
|
this.value = 0;
|
|
12
14
|
this.max = 1;
|
|
13
15
|
this.color = null;
|
|
14
16
|
this.size = 'm';
|
|
17
|
+
this.animationDelay$ = of(true).pipe(delay(0));
|
|
15
18
|
}
|
|
16
19
|
get progressPercentage() {
|
|
17
20
|
return this.value / this.max;
|
|
18
21
|
}
|
|
19
22
|
get oldEdgeRadiusFallback() {
|
|
20
|
-
if (!
|
|
23
|
+
if (!tuiIsEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {
|
|
21
24
|
return null;
|
|
22
25
|
}
|
|
23
|
-
const strokeWidth = parseInt(this.
|
|
24
|
-
|
|
25
|
-
return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
26
|
+
const strokeWidth = parseInt(this.win.getComputedStyle(this.progressCircle.nativeElement).strokeWidth, 10);
|
|
27
|
+
return (this.el.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
26
28
|
}
|
|
27
29
|
};
|
|
28
30
|
TuiProgressCircleComponent.ctorParameters = () => [
|
|
@@ -57,13 +59,13 @@ __decorate([
|
|
|
57
59
|
TuiProgressCircleComponent = __decorate([
|
|
58
60
|
Component({
|
|
59
61
|
selector: 'tui-progress-circle',
|
|
60
|
-
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
62
|
+
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [class.t-progress_filled]=\"animationDelay$ | async\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
61
63
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
|
-
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round
|
|
64
|
+
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:4.71238898em}:host[data-size='s'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:8.24668072em}:host[data-size='m'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:11.38827337em}:host[data-size='l'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:20.81305133em}:host[data-size=xl] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]
|
|
63
65
|
}),
|
|
64
66
|
__param(0, Inject(USER_AGENT)),
|
|
65
67
|
__param(1, Inject(WINDOW)),
|
|
66
68
|
__param(2, Inject(ElementRef))
|
|
67
69
|
], TuiProgressCircleComponent);
|
|
68
70
|
export { TuiProgressCircleComponent };
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9raXQvY29tcG9uZW50cy9wcm9ncmVzcy8iLCJzb3VyY2VzIjpbInByb2dyZXNzLWNpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUNILDJCQUEyQixFQUMzQixjQUFjLEVBQ2Qsa0JBQWtCLEdBQ3JCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxFQUFFLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDeEIsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRXJDLFdBQVc7QUFPWCxJQUFhLDBCQUEwQixHQUF2QyxNQUFhLDBCQUEwQjtJQTBDbkMsWUFDeUMsU0FBaUIsRUFDckIsR0FBVyxFQUNQLEVBQTJCO1FBRjNCLGNBQVMsR0FBVCxTQUFTLENBQVE7UUFDckIsUUFBRyxHQUFILEdBQUcsQ0FBUTtRQUNQLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBdkNwRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBSVYsUUFBRyxHQUFHLENBQUMsQ0FBQztRQUtSLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBSzVCLFNBQUksR0FBeUIsR0FBRyxDQUFDO1FBT2pDLG9CQUFlLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQW1CdkMsQ0FBQztJQXZCSixJQUFJLGtCQUFrQjtRQUNsQixPQUFPLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUNqQyxDQUFDO0lBSUQsSUFBSSxxQkFBcUI7UUFDckIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLDJCQUEyQixFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUNsRSxPQUFPLElBQUksQ0FBQztTQUNmO1FBRUQsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUN4QixJQUFJLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLENBQUMsV0FBVyxFQUN4RSxFQUFFLENBQ0wsQ0FBQztRQUVGLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7Q0FPSixDQUFBOzt5Q0FKUSxNQUFNLFNBQUMsVUFBVTtZQUNvQixNQUFNLHVCQUEzQyxNQUFNLFNBQUMsTUFBTTtZQUMyQixVQUFVLHVCQUFsRCxNQUFNLFNBQUMsVUFBVTs7QUEzQ3RCO0lBREMsU0FBUyxDQUFDLGdCQUFnQixFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyxDQUFDO2tFQUNtQjtBQUkvRDtJQUZDLEtBQUssRUFBRTtJQUNQLGNBQWMsRUFBRTt5REFDUDtBQUlWO0lBRkMsS0FBSyxFQUFFO0lBQ1AsY0FBYyxFQUFFO3VEQUNUO0FBS1I7SUFIQyxLQUFLLEVBQUU7SUFDUCxXQUFXLENBQUMsNEJBQTRCLENBQUM7SUFDekMsY0FBYyxFQUFFO3lEQUNXO0FBSzVCO0lBSEMsS0FBSyxFQUFFO0lBQ1AsV0FBVyxDQUFDLGdCQUFnQixDQUFDO0lBQzdCLGNBQWMsRUFBRTt3REFDZ0I7QUFHakM7SUFEQyxXQUFXLENBQUMsNkJBQTZCLENBQUM7b0VBRzFDO0FBekJRLDBCQUEwQjtJQU50QyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUscUJBQXFCO1FBQy9CLGdsQkFBOEM7UUFFOUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O0tBQ2xELENBQUM7SUE0Q08sV0FBQSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDbEIsV0FBQSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDZCxXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtHQTdDZCwwQkFBMEIsQ0ErQ3RDO1NBL0NZLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VTRVJfQUdFTlQsIFdJTkRPV30gZnJvbSAnQG5nLXdlYi1hcGlzL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENIUk9NSVVNX0VER0VfU1RBUlRfVkVSU0lPTixcbiAgICB0dWlEZWZhdWx0UHJvcCxcbiAgICB0dWlJc0VkZ2VPbGRlclRoYW4sXG59IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplUywgVHVpU2l6ZVhMfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge29mfSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZGVsYXl9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLy8gQGR5bmFtaWNcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLXByb2dyZXNzLWNpcmNsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWNpcmNsZS50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1jaXJjbGUuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlQcm9ncmVzc0NpcmNsZUNvbXBvbmVudCB7XG4gICAgQFZpZXdDaGlsZCgncHJvZ3Jlc3NDaXJjbGUnLCB7c3RhdGljOiB0cnVlfSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IHByb2dyZXNzQ2lyY2xlITogRWxlbWVudFJlZjxTVkdDaXJjbGVFbGVtZW50PjtcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICB2YWx1ZSA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgbWF4ID0gMTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLXR1aS1wcm9ncmVzcy1jb2xvcicpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBjb2xvcjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgc2l6ZTogVHVpU2l6ZVMgfCBUdWlTaXplWEwgPSAnbSc7XG5cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tcHJvZ3Jlc3MtcGVyY2VudGFnZScpXG4gICAgZ2V0IHByb2dyZXNzUGVyY2VudGFnZSgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZSAvIHRoaXMubWF4O1xuICAgIH1cblxuICAgIGFuaW1hdGlvbkRlbGF5JCA9IG9mKHRydWUpLnBpcGUoZGVsYXkoMCkpO1xuXG4gICAgZ2V0IG9sZEVkZ2VSYWRpdXNGYWxsYmFjaygpOiBudW1iZXIgfCBudWxsIHtcbiAgICAgICAgaWYgKCF0dWlJc0VkZ2VPbGRlclRoYW4oQ0hST01JVU1fRURHRV9TVEFSVF9WRVJTSU9OLCB0aGlzLnVzZXJBZ2VudCkpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3Qgc3Ryb2tlV2lkdGggPSBwYXJzZUludChcbiAgICAgICAgICAgIHRoaXMud2luLmdldENvbXB1dGVkU3R5bGUodGhpcy5wcm9ncmVzc0NpcmNsZS5uYXRpdmVFbGVtZW50KS5zdHJva2VXaWR0aCxcbiAgICAgICAgICAgIDEwLFxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAodGhpcy5lbC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoIC0gc3Ryb2tlV2lkdGgpIC8gMjtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChVU0VSX0FHRU5UKSBwcml2YXRlIHJlYWRvbmx5IHVzZXJBZ2VudDogc3RyaW5nLFxuICAgICAgICBASW5qZWN0KFdJTkRPVykgcHJpdmF0ZSByZWFkb25seSB3aW46IFdpbmRvdyxcbiAgICAgICAgQEluamVjdChFbGVtZW50UmVmKSBwcml2YXRlIHJlYWRvbmx5IGVsOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICApIHt9XG59XG4iXX0=
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { __decorate, __param } from "tslib";
|
|
2
2
|
import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, ViewChild, } from '@angular/core';
|
|
3
3
|
import { USER_AGENT, WINDOW } from '@ng-web-apis/common';
|
|
4
|
-
import { CHROMIUM_EDGE_START_VERSION,
|
|
4
|
+
import { CHROMIUM_EDGE_START_VERSION, tuiDefaultProp, tuiIsEdgeOlderThan, } from '@taiga-ui/cdk';
|
|
5
|
+
import { of } from 'rxjs';
|
|
6
|
+
import { delay } from 'rxjs/operators';
|
|
5
7
|
// @dynamic
|
|
6
8
|
var TuiProgressCircleComponent = /** @class */ (function () {
|
|
7
|
-
function TuiProgressCircleComponent(userAgent,
|
|
9
|
+
function TuiProgressCircleComponent(userAgent, win, el) {
|
|
8
10
|
this.userAgent = userAgent;
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
11
|
+
this.win = win;
|
|
12
|
+
this.el = el;
|
|
11
13
|
this.value = 0;
|
|
12
14
|
this.max = 1;
|
|
13
15
|
this.color = null;
|
|
14
16
|
this.size = 'm';
|
|
17
|
+
this.animationDelay$ = of(true).pipe(delay(0));
|
|
15
18
|
}
|
|
16
19
|
Object.defineProperty(TuiProgressCircleComponent.prototype, "progressPercentage", {
|
|
17
20
|
get: function () {
|
|
@@ -22,12 +25,11 @@ var TuiProgressCircleComponent = /** @class */ (function () {
|
|
|
22
25
|
});
|
|
23
26
|
Object.defineProperty(TuiProgressCircleComponent.prototype, "oldEdgeRadiusFallback", {
|
|
24
27
|
get: function () {
|
|
25
|
-
if (!
|
|
28
|
+
if (!tuiIsEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {
|
|
26
29
|
return null;
|
|
27
30
|
}
|
|
28
|
-
var strokeWidth = parseInt(this.
|
|
29
|
-
|
|
30
|
-
return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
31
|
+
var strokeWidth = parseInt(this.win.getComputedStyle(this.progressCircle.nativeElement).strokeWidth, 10);
|
|
32
|
+
return (this.el.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
31
33
|
},
|
|
32
34
|
enumerable: true,
|
|
33
35
|
configurable: true
|
|
@@ -64,9 +66,9 @@ var TuiProgressCircleComponent = /** @class */ (function () {
|
|
|
64
66
|
TuiProgressCircleComponent = __decorate([
|
|
65
67
|
Component({
|
|
66
68
|
selector: 'tui-progress-circle',
|
|
67
|
-
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
69
|
+
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [class.t-progress_filled]=\"animationDelay$ | async\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
68
70
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
69
|
-
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round
|
|
71
|
+
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:4.71238898em}:host[data-size='s'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:8.24668072em}:host[data-size='m'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:11.38827337em}:host[data-size='l'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:20.81305133em}:host[data-size=xl] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]
|
|
70
72
|
}),
|
|
71
73
|
__param(0, Inject(USER_AGENT)),
|
|
72
74
|
__param(1, Inject(WINDOW)),
|
|
@@ -75,4 +77,4 @@ var TuiProgressCircleComponent = /** @class */ (function () {
|
|
|
75
77
|
return TuiProgressCircleComponent;
|
|
76
78
|
}());
|
|
77
79
|
export { TuiProgressCircleComponent };
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9raXQvY29tcG9uZW50cy9wcm9ncmVzcy8iLCJzb3VyY2VzIjpbInByb2dyZXNzLWNpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUNILDJCQUEyQixFQUMzQixjQUFjLEVBQ2Qsa0JBQWtCLEdBQ3JCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxFQUFFLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDeEIsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRXJDLFdBQVc7QUFPWDtJQTBDSSxvQ0FDeUMsU0FBaUIsRUFDckIsR0FBVyxFQUNQLEVBQTJCO1FBRjNCLGNBQVMsR0FBVCxTQUFTLENBQVE7UUFDckIsUUFBRyxHQUFILEdBQUcsQ0FBUTtRQUNQLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBdkNwRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBSVYsUUFBRyxHQUFHLENBQUMsQ0FBQztRQUtSLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBSzVCLFNBQUksR0FBeUIsR0FBRyxDQUFDO1FBT2pDLG9CQUFlLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQW1CdkMsQ0FBQztJQXZCSixzQkFBSSwwREFBa0I7YUFBdEI7WUFDSSxPQUFPLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNqQyxDQUFDOzs7T0FBQTtJQUlELHNCQUFJLDZEQUFxQjthQUF6QjtZQUNJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQywyQkFBMkIsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQ2xFLE9BQU8sSUFBSSxDQUFDO2FBQ2Y7WUFFRCxJQUFNLFdBQVcsR0FBRyxRQUFRLENBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxXQUFXLEVBQ3hFLEVBQUUsQ0FDTCxDQUFDO1lBRUYsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDakUsQ0FBQzs7O09BQUE7OzZDQUdJLE1BQU0sU0FBQyxVQUFVO2dCQUNvQixNQUFNLHVCQUEzQyxNQUFNLFNBQUMsTUFBTTtnQkFDMkIsVUFBVSx1QkFBbEQsTUFBTSxTQUFDLFVBQVU7O0lBM0N0QjtRQURDLFNBQVMsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMsQ0FBQztzRUFDbUI7SUFJL0Q7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7NkRBQ1A7SUFJVjtRQUZDLEtBQUssRUFBRTtRQUNQLGNBQWMsRUFBRTsyREFDVDtJQUtSO1FBSEMsS0FBSyxFQUFFO1FBQ1AsV0FBVyxDQUFDLDRCQUE0QixDQUFDO1FBQ3pDLGNBQWMsRUFBRTs2REFDVztJQUs1QjtRQUhDLEtBQUssRUFBRTtRQUNQLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQztRQUM3QixjQUFjLEVBQUU7NERBQ2dCO0lBR2pDO1FBREMsV0FBVyxDQUFDLDZCQUE2QixDQUFDO3dFQUcxQztJQXpCUSwwQkFBMEI7UUFOdEMsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLHFCQUFxQjtZQUMvQixnbEJBQThDO1lBRTlDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztTQUNsRCxDQUFDO1FBNENPLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQ2xCLFdBQUEsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQ2QsV0FBQSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUE7T0E3Q2QsMEJBQTBCLENBK0N0QztJQUFELGlDQUFDO0NBQUEsQUEvQ0QsSUErQ0M7U0EvQ1ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VVNFUl9BR0VOVCwgV0lORE9XfSBmcm9tICdAbmctd2ViLWFwaXMvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ0hST01JVU1fRURHRV9TVEFSVF9WRVJTSU9OLFxuICAgIHR1aURlZmF1bHRQcm9wLFxuICAgIHR1aUlzRWRnZU9sZGVyVGhhbixcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aVNpemVTLCBUdWlTaXplWEx9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7b2Z9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkZWxheX0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG4vLyBAZHluYW1pY1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktcHJvZ3Jlc3MtY2lyY2xlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtY2lyY2xlLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWNpcmNsZS5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aVByb2dyZXNzQ2lyY2xlQ29tcG9uZW50IHtcbiAgICBAVmlld0NoaWxkKCdwcm9ncmVzc0NpcmNsZScsIHtzdGF0aWM6IHRydWV9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgcHJvZ3Jlc3NDaXJjbGUhOiBFbGVtZW50UmVmPFNWR0NpcmNsZUVsZW1lbnQ+O1xuXG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIHZhbHVlID0gMDtcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBtYXggPSAxO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tdHVpLXByb2dyZXNzLWNvbG9yJylcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIGNvbG9yOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBzaXplOiBUdWlTaXplUyB8IFR1aVNpemVYTCA9ICdtJztcblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS1wcm9ncmVzcy1wZXJjZW50YWdlJylcbiAgICBnZXQgcHJvZ3Jlc3NQZXJjZW50YWdlKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLnZhbHVlIC8gdGhpcy5tYXg7XG4gICAgfVxuXG4gICAgYW5pbWF0aW9uRGVsYXkkID0gb2YodHJ1ZSkucGlwZShkZWxheSgwKSk7XG5cbiAgICBnZXQgb2xkRWRnZVJhZGl1c0ZhbGxiYWNrKCk6IG51bWJlciB8IG51bGwge1xuICAgICAgICBpZiAoIXR1aUlzRWRnZU9sZGVyVGhhbihDSFJPTUlVTV9FREdFX1NUQVJUX1ZFUlNJT04sIHRoaXMudXNlckFnZW50KSkge1xuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBzdHJva2VXaWR0aCA9IHBhcnNlSW50KFxuICAgICAgICAgICAgdGhpcy53aW4uZ2V0Q29tcHV0ZWRTdHlsZSh0aGlzLnByb2dyZXNzQ2lyY2xlLm5hdGl2ZUVsZW1lbnQpLnN0cm9rZVdpZHRoLFxuICAgICAgICAgICAgMTAsXG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuICh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLSBzdHJva2VXaWR0aCkgLyAyO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFVTRVJfQUdFTlQpIHByaXZhdGUgcmVhZG9ubHkgdXNlckFnZW50OiBzdHJpbmcsXG4gICAgICAgIEBJbmplY3QoV0lORE9XKSBwcml2YXRlIHJlYWRvbmx5IHdpbjogV2luZG93LFxuICAgICAgICBASW5qZWN0KEVsZW1lbnRSZWYpIHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICkge31cbn1cbiJdfQ==
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __decorate, __param } from 'tslib';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { Input, HostBinding, Component, ChangeDetectionStrategy, ElementRef, Inject, Directive, ViewChild, Injectable, Pipe, NgModule } from '@angular/core';
|
|
4
|
-
import { tuiDefaultProp, px, isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, isIE, TuiResizeService, tuiPure, TuiDestroyService, TuiRepeatTimesModule } from '@taiga-ui/cdk';
|
|
4
|
+
import { tuiDefaultProp, px, isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, isIE, TuiResizeService, tuiPure, TuiDestroyService, tuiIsEdgeOlderThan, TuiRepeatTimesModule } from '@taiga-ui/cdk';
|
|
5
5
|
import { USER_AGENT, WINDOW } from '@ng-web-apis/common';
|
|
6
|
-
import { Observable, timer } from 'rxjs';
|
|
7
|
-
import { map } from 'rxjs/operators';
|
|
6
|
+
import { Observable, of, timer } from 'rxjs';
|
|
7
|
+
import { map, delay } from 'rxjs/operators';
|
|
8
8
|
|
|
9
9
|
let TuiProgressBarComponent = class TuiProgressBarComponent {
|
|
10
10
|
constructor() {
|
|
@@ -81,25 +81,25 @@ TuiProgressColorSegmentsDirective = __decorate([
|
|
|
81
81
|
|
|
82
82
|
// @dynamic
|
|
83
83
|
let TuiProgressCircleComponent = class TuiProgressCircleComponent {
|
|
84
|
-
constructor(userAgent,
|
|
84
|
+
constructor(userAgent, win, el) {
|
|
85
85
|
this.userAgent = userAgent;
|
|
86
|
-
this.
|
|
87
|
-
this.
|
|
86
|
+
this.win = win;
|
|
87
|
+
this.el = el;
|
|
88
88
|
this.value = 0;
|
|
89
89
|
this.max = 1;
|
|
90
90
|
this.color = null;
|
|
91
91
|
this.size = 'm';
|
|
92
|
+
this.animationDelay$ = of(true).pipe(delay(0));
|
|
92
93
|
}
|
|
93
94
|
get progressPercentage() {
|
|
94
95
|
return this.value / this.max;
|
|
95
96
|
}
|
|
96
97
|
get oldEdgeRadiusFallback() {
|
|
97
|
-
if (!
|
|
98
|
+
if (!tuiIsEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {
|
|
98
99
|
return null;
|
|
99
100
|
}
|
|
100
|
-
const strokeWidth = parseInt(this.
|
|
101
|
-
|
|
102
|
-
return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
101
|
+
const strokeWidth = parseInt(this.win.getComputedStyle(this.progressCircle.nativeElement).strokeWidth, 10);
|
|
102
|
+
return (this.el.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
103
103
|
}
|
|
104
104
|
};
|
|
105
105
|
TuiProgressCircleComponent.ctorParameters = () => [
|
|
@@ -134,9 +134,9 @@ __decorate([
|
|
|
134
134
|
TuiProgressCircleComponent = __decorate([
|
|
135
135
|
Component({
|
|
136
136
|
selector: 'tui-progress-circle',
|
|
137
|
-
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
137
|
+
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [class.t-progress_filled]=\"animationDelay$ | async\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
138
138
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
139
|
-
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round
|
|
139
|
+
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:4.71238898em}:host[data-size='s'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:8.24668072em}:host[data-size='m'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:11.38827337em}:host[data-size='l'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:20.81305133em}:host[data-size=xl] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]
|
|
140
140
|
}),
|
|
141
141
|
__param(0, Inject(USER_AGENT)),
|
|
142
142
|
__param(1, Inject(WINDOW)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-progress.js","sources":["ng://@taiga-ui/kit/components/progress/progress-bar/progress-bar.component.ts","ng://@taiga-ui/kit/components/progress/utils/calculate-color-segments.ts","ng://@taiga-ui/kit/components/progress/progress-bar/progress-color-segments.directive.ts","ng://@taiga-ui/kit/components/progress/progress-circle/progress-circle.component.ts","ng://@taiga-ui/kit/components/progress/progress-label/progress-label.component.ts","ng://@taiga-ui/kit/components/progress/progress-segmented/progress-segmented.component.ts","ng://@taiga-ui/kit/components/progress/utils/abstract-color-segments.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments.pipe.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments-async.pipe.ts","ng://@taiga-ui/kit/components/progress/progress.module.ts","ng://@taiga-ui/kit/components/progress/taiga-ui-kit-components-progress.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n selector: 'progress[tuiProgressBar]',\n template: '',\n styleUrls: ['./progress-bar.component.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressBarComponent {\n @Input()\n @HostBinding('style.--tui-progress-color')\n color?: string;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = 'm';\n}\n","/**\n * TODO: 3.0 move inside {@link TuiProgressColorSegmentsDirective} (as a private method)\n * (after deletion of {@link TuiProgressColorSegmentsPipe} and {@link TuiProgressColorSegmentsAsyncPipe})\n */\nimport {px} from '@taiga-ui/cdk';\n\nexport const calculateColorSegments = (\n colors: string[],\n progressWidth: number,\n): string => {\n const segmentWidth = Math.ceil(progressWidth / colors.length);\n const colorsString = colors.reduce(\n (acc, color, i) =>\n `${acc}, ${color} ${px(i * segmentWidth)} ${px((i + 1) * segmentWidth)}`,\n ``,\n );\n\n return `linear-gradient(to right ${colorsString})`;\n};\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n isIE,\n TuiDestroyService,\n tuiPure,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {calculateColorSegments} from '../utils/calculate-color-segments';\n\n@Directive({\n selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',\n host: {\n '[$.style.--tui-progress-color]': 'calcSegments$',\n '($.style.--tui-progress-color)': '0',\n },\n providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiProgressColorSegmentsDirective {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n @Input('tuiProgressColorSegments')\n colors: string[] = [];\n\n @tuiPure\n get calcSegments$(): Observable<string> {\n return this.resize$.pipe(\n map(() =>\n this.isOldBrowsers\n ? this.colors[0]\n : calculateColorSegments(\n this.colors,\n this.elementRef.nativeElement.offsetWidth,\n ),\n ),\n );\n }\n\n constructor(\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLProgressElement>,\n @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n @Inject(USER_AGENT) private readonly userAgent: string,\n ) {}\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {USER_AGENT, WINDOW} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\n// @dynamic\n@Component({\n selector: 'tui-progress-circle',\n templateUrl: './progress-circle.template.html',\n styleUrls: ['./progress-circle.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressCircleComponent {\n @ViewChild('progressCircle', {static: true})\n private readonly progressCircle!: ElementRef<SVGCircleElement>;\n\n @Input()\n @tuiDefaultProp()\n value = 0;\n\n @Input()\n @tuiDefaultProp()\n max = 1;\n\n @Input()\n @HostBinding('style.--tui-progress-color')\n @tuiDefaultProp()\n color: string | null = null;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeXL = 'm';\n\n @HostBinding('style.--progress-percentage')\n get progressPercentage(): number {\n return this.value / this.max;\n }\n\n get oldEdgeRadiusFallback(): number | null {\n if (!isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {\n return null;\n }\n\n const strokeWidth = parseInt(\n this.windowRef.getComputedStyle(this.progressCircle.nativeElement)\n .strokeWidth,\n 10,\n );\n\n return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;\n }\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(WINDOW) private readonly windowRef: Window,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'label[tuiProgressLabel]',\n templateUrl: './progress-label.template.html',\n styleUrls: ['./progress-label.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressLabelComponent {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function nonNegativeInt(value: number): boolean {\n return Number.isInteger(value) && value >= 0;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function positiveInt(value: number): boolean {\n return Number.isInteger(value) && value > 0;\n}\n\n@Component({\n selector: 'tui-progress-segmented',\n templateUrl: './progress-segmented.template.html',\n styleUrls: ['./progress-segmented.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {\n @Input()\n @tuiDefaultProp(nonNegativeInt, 'Must be non-negative integer between 0 and max')\n value = 0;\n\n @Input()\n @tuiDefaultProp(positiveInt, 'Must be positive integer')\n max = 1;\n\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeS = 'm';\n\n @Input()\n @tuiDefaultProp()\n colors: string | readonly string[] = 'var(--tui-primary)';\n\n getActiveColor(index: number = 0): string | null {\n return typeof this.colors === 'string'\n ? this.colors\n : this.colors[index] || this.colors[this.colors.length - 1];\n }\n}\n","import {ElementRef, Inject, Injectable, PipeTransform} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {CHROMIUM_EDGE_START_VERSION, isEdgeOlderThan, isIE} from '@taiga-ui/cdk';\n\nimport {calculateColorSegments} from './calculate-color-segments';\n\n// TODO: 3.0 delete\n@Injectable()\nexport abstract class AbstractTuiColorSegments<T> implements PipeTransform {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n\n abstract transform(colors: string[]): T;\n\n protected calculate(colors: string[]): string {\n if (this.isOldBrowsers) {\n return colors[0];\n }\n\n const elementWidth = this.elementRef.nativeElement.offsetWidth;\n\n return calculateColorSegments(colors, elementWidth);\n }\n}\n","import {Pipe} from '@angular/core';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO: 3.0 delete\n@Pipe({name: `tuiProgressColorSegments`})\nexport class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {\n /**\n * @deprecated use tuiProgressColorSegments directive instead\n * {@link TuiProgressColorSegmentsDirective}\n * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n */\n transform(colors: string[]): string {\n return this.calculate(colors);\n }\n}\n","import {Pipe} from '@angular/core';\nimport {Observable, timer} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO: 3.0 delete\n@Pipe({name: `tuiProgressColorSegmentsAsync`})\nexport class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<\n Observable<string>\n> {\n /**\n * @deprecated use tuiProgressColorSegments directive instead\n * {@link TuiProgressColorSegmentsDirective}\n * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n */\n transform(colors: string[]): Observable<string> {\n return timer(0).pipe(map(() => this.calculate(colors)));\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiProgressBarComponent} from './progress-bar/progress-bar.component';\nimport {TuiProgressColorSegmentsDirective} from './progress-bar/progress-color-segments.directive';\nimport {TuiProgressCircleComponent} from './progress-circle/progress-circle.component';\nimport {TuiProgressLabelComponent} from './progress-label/progress-label.component';\nimport {TuiProgressSegmentedComponent} from './progress-segmented/progress-segmented.component';\nimport {TuiProgressColorSegmentsPipe} from './utils/progress-color-segments.pipe';\nimport {TuiProgressColorSegmentsAsyncPipe} from './utils/progress-color-segments-async.pipe';\n\n@NgModule({\n imports: [CommonModule, TuiRepeatTimesModule],\n declarations: [\n TuiProgressBarComponent,\n TuiProgressColorSegmentsDirective,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressCircleComponent,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n exports: [\n TuiProgressBarComponent,\n TuiProgressCircleComponent,\n TuiProgressColorSegmentsDirective,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n})\nexport class TuiProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-components-progress.js","sources":["ng://@taiga-ui/kit/components/progress/progress-bar/progress-bar.component.ts","ng://@taiga-ui/kit/components/progress/utils/calculate-color-segments.ts","ng://@taiga-ui/kit/components/progress/progress-bar/progress-color-segments.directive.ts","ng://@taiga-ui/kit/components/progress/progress-circle/progress-circle.component.ts","ng://@taiga-ui/kit/components/progress/progress-label/progress-label.component.ts","ng://@taiga-ui/kit/components/progress/progress-segmented/progress-segmented.component.ts","ng://@taiga-ui/kit/components/progress/utils/abstract-color-segments.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments.pipe.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments-async.pipe.ts","ng://@taiga-ui/kit/components/progress/progress.module.ts","ng://@taiga-ui/kit/components/progress/taiga-ui-kit-components-progress.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n selector: 'progress[tuiProgressBar]',\n template: '',\n styleUrls: ['./progress-bar.component.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressBarComponent {\n @Input()\n @HostBinding('style.--tui-progress-color')\n color?: string;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = 'm';\n}\n","/**\n * TODO: 3.0 move inside {@link TuiProgressColorSegmentsDirective} (as a private method)\n * (after deletion of {@link TuiProgressColorSegmentsPipe} and {@link TuiProgressColorSegmentsAsyncPipe})\n */\nimport {px} from '@taiga-ui/cdk';\n\nexport const calculateColorSegments = (\n colors: string[],\n progressWidth: number,\n): string => {\n const segmentWidth = Math.ceil(progressWidth / colors.length);\n const colorsString = colors.reduce(\n (acc, color, i) =>\n `${acc}, ${color} ${px(i * segmentWidth)} ${px((i + 1) * segmentWidth)}`,\n ``,\n );\n\n return `linear-gradient(to right ${colorsString})`;\n};\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n isIE,\n TuiDestroyService,\n tuiPure,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {calculateColorSegments} from '../utils/calculate-color-segments';\n\n@Directive({\n selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',\n host: {\n '[$.style.--tui-progress-color]': 'calcSegments$',\n '($.style.--tui-progress-color)': '0',\n },\n providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiProgressColorSegmentsDirective {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n @Input('tuiProgressColorSegments')\n colors: string[] = [];\n\n @tuiPure\n get calcSegments$(): Observable<string> {\n return this.resize$.pipe(\n map(() =>\n this.isOldBrowsers\n ? this.colors[0]\n : calculateColorSegments(\n this.colors,\n this.elementRef.nativeElement.offsetWidth,\n ),\n ),\n );\n }\n\n constructor(\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLProgressElement>,\n @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n @Inject(USER_AGENT) private readonly userAgent: string,\n ) {}\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {USER_AGENT, WINDOW} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n tuiDefaultProp,\n tuiIsEdgeOlderThan,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {of} from 'rxjs';\nimport {delay} from 'rxjs/operators';\n\n// @dynamic\n@Component({\n selector: 'tui-progress-circle',\n templateUrl: './progress-circle.template.html',\n styleUrls: ['./progress-circle.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressCircleComponent {\n @ViewChild('progressCircle', {static: true})\n private readonly progressCircle!: ElementRef<SVGCircleElement>;\n\n @Input()\n @tuiDefaultProp()\n value = 0;\n\n @Input()\n @tuiDefaultProp()\n max = 1;\n\n @Input()\n @HostBinding('style.--tui-progress-color')\n @tuiDefaultProp()\n color: string | null = null;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeXL = 'm';\n\n @HostBinding('style.--progress-percentage')\n get progressPercentage(): number {\n return this.value / this.max;\n }\n\n animationDelay$ = of(true).pipe(delay(0));\n\n get oldEdgeRadiusFallback(): number | null {\n if (!tuiIsEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {\n return null;\n }\n\n const strokeWidth = parseInt(\n this.win.getComputedStyle(this.progressCircle.nativeElement).strokeWidth,\n 10,\n );\n\n return (this.el.nativeElement.offsetWidth - strokeWidth) / 2;\n }\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(WINDOW) private readonly win: Window,\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n ) {}\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'label[tuiProgressLabel]',\n templateUrl: './progress-label.template.html',\n styleUrls: ['./progress-label.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressLabelComponent {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function nonNegativeInt(value: number): boolean {\n return Number.isInteger(value) && value >= 0;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function positiveInt(value: number): boolean {\n return Number.isInteger(value) && value > 0;\n}\n\n@Component({\n selector: 'tui-progress-segmented',\n templateUrl: './progress-segmented.template.html',\n styleUrls: ['./progress-segmented.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {\n @Input()\n @tuiDefaultProp(nonNegativeInt, 'Must be non-negative integer between 0 and max')\n value = 0;\n\n @Input()\n @tuiDefaultProp(positiveInt, 'Must be positive integer')\n max = 1;\n\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeS = 'm';\n\n @Input()\n @tuiDefaultProp()\n colors: string | readonly string[] = 'var(--tui-primary)';\n\n getActiveColor(index: number = 0): string | null {\n return typeof this.colors === 'string'\n ? this.colors\n : this.colors[index] || this.colors[this.colors.length - 1];\n }\n}\n","import {ElementRef, Inject, Injectable, PipeTransform} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {CHROMIUM_EDGE_START_VERSION, isEdgeOlderThan, isIE} from '@taiga-ui/cdk';\n\nimport {calculateColorSegments} from './calculate-color-segments';\n\n// TODO: 3.0 delete\n@Injectable()\nexport abstract class AbstractTuiColorSegments<T> implements PipeTransform {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n\n abstract transform(colors: string[]): T;\n\n protected calculate(colors: string[]): string {\n if (this.isOldBrowsers) {\n return colors[0];\n }\n\n const elementWidth = this.elementRef.nativeElement.offsetWidth;\n\n return calculateColorSegments(colors, elementWidth);\n }\n}\n","import {Pipe} from '@angular/core';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO: 3.0 delete\n@Pipe({name: `tuiProgressColorSegments`})\nexport class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {\n /**\n * @deprecated use tuiProgressColorSegments directive instead\n * {@link TuiProgressColorSegmentsDirective}\n * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n */\n transform(colors: string[]): string {\n return this.calculate(colors);\n }\n}\n","import {Pipe} from '@angular/core';\nimport {Observable, timer} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO: 3.0 delete\n@Pipe({name: `tuiProgressColorSegmentsAsync`})\nexport class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<\n Observable<string>\n> {\n /**\n * @deprecated use tuiProgressColorSegments directive instead\n * {@link TuiProgressColorSegmentsDirective}\n * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n */\n transform(colors: string[]): Observable<string> {\n return timer(0).pipe(map(() => this.calculate(colors)));\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiProgressBarComponent} from './progress-bar/progress-bar.component';\nimport {TuiProgressColorSegmentsDirective} from './progress-bar/progress-color-segments.directive';\nimport {TuiProgressCircleComponent} from './progress-circle/progress-circle.component';\nimport {TuiProgressLabelComponent} from './progress-label/progress-label.component';\nimport {TuiProgressSegmentedComponent} from './progress-segmented/progress-segmented.component';\nimport {TuiProgressColorSegmentsPipe} from './utils/progress-color-segments.pipe';\nimport {TuiProgressColorSegmentsAsyncPipe} from './utils/progress-color-segments-async.pipe';\n\n@NgModule({\n imports: [CommonModule, TuiRepeatTimesModule],\n declarations: [\n TuiProgressBarComponent,\n TuiProgressColorSegmentsDirective,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressCircleComponent,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n exports: [\n TuiProgressBarComponent,\n TuiProgressCircleComponent,\n TuiProgressColorSegmentsDirective,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n})\nexport class TuiProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __decorate, __param, __extends } from 'tslib';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { Input, HostBinding, Component, ChangeDetectionStrategy, ElementRef, Inject, Directive, ViewChild, Injectable, Pipe, NgModule } from '@angular/core';
|
|
4
|
-
import { tuiDefaultProp, px, isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, isIE, TuiResizeService, tuiPure, TuiDestroyService, TuiRepeatTimesModule } from '@taiga-ui/cdk';
|
|
4
|
+
import { tuiDefaultProp, px, isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, isIE, TuiResizeService, tuiPure, TuiDestroyService, tuiIsEdgeOlderThan, TuiRepeatTimesModule } from '@taiga-ui/cdk';
|
|
5
5
|
import { USER_AGENT, WINDOW } from '@ng-web-apis/common';
|
|
6
|
-
import { Observable, timer } from 'rxjs';
|
|
7
|
-
import { map } from 'rxjs/operators';
|
|
6
|
+
import { Observable, of, timer } from 'rxjs';
|
|
7
|
+
import { map, delay } from 'rxjs/operators';
|
|
8
8
|
|
|
9
9
|
var TuiProgressBarComponent = /** @class */ (function () {
|
|
10
10
|
function TuiProgressBarComponent() {
|
|
@@ -92,14 +92,15 @@ var TuiProgressColorSegmentsDirective = /** @class */ (function () {
|
|
|
92
92
|
|
|
93
93
|
// @dynamic
|
|
94
94
|
var TuiProgressCircleComponent = /** @class */ (function () {
|
|
95
|
-
function TuiProgressCircleComponent(userAgent,
|
|
95
|
+
function TuiProgressCircleComponent(userAgent, win, el) {
|
|
96
96
|
this.userAgent = userAgent;
|
|
97
|
-
this.
|
|
98
|
-
this.
|
|
97
|
+
this.win = win;
|
|
98
|
+
this.el = el;
|
|
99
99
|
this.value = 0;
|
|
100
100
|
this.max = 1;
|
|
101
101
|
this.color = null;
|
|
102
102
|
this.size = 'm';
|
|
103
|
+
this.animationDelay$ = of(true).pipe(delay(0));
|
|
103
104
|
}
|
|
104
105
|
Object.defineProperty(TuiProgressCircleComponent.prototype, "progressPercentage", {
|
|
105
106
|
get: function () {
|
|
@@ -110,12 +111,11 @@ var TuiProgressCircleComponent = /** @class */ (function () {
|
|
|
110
111
|
});
|
|
111
112
|
Object.defineProperty(TuiProgressCircleComponent.prototype, "oldEdgeRadiusFallback", {
|
|
112
113
|
get: function () {
|
|
113
|
-
if (!
|
|
114
|
+
if (!tuiIsEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {
|
|
114
115
|
return null;
|
|
115
116
|
}
|
|
116
|
-
var strokeWidth = parseInt(this.
|
|
117
|
-
|
|
118
|
-
return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
117
|
+
var strokeWidth = parseInt(this.win.getComputedStyle(this.progressCircle.nativeElement).strokeWidth, 10);
|
|
118
|
+
return (this.el.nativeElement.offsetWidth - strokeWidth) / 2;
|
|
119
119
|
},
|
|
120
120
|
enumerable: true,
|
|
121
121
|
configurable: true
|
|
@@ -152,9 +152,9 @@ var TuiProgressCircleComponent = /** @class */ (function () {
|
|
|
152
152
|
TuiProgressCircleComponent = __decorate([
|
|
153
153
|
Component({
|
|
154
154
|
selector: 'tui-progress-circle',
|
|
155
|
-
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
155
|
+
template: "<progress\n class=\"t-hidden-progress\"\n [value]=\"value\"\n [max]=\"max\"\n></progress>\n\n<svg\n height=\"100%\"\n width=\"100%\"\n aria-hidden=\"true\"\n class=\"t-svg\"\n>\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [class.t-progress_filled]=\"animationDelay$ | async\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n",
|
|
156
156
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
157
|
-
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round
|
|
157
|
+
styles: [":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:4.71238898em}:host[data-size='s'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.3125em;\n stroke-width:.375em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:8.24668072em}:host[data-size='m'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.8125em;\n stroke-width:.375em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:11.38827337em}:host[data-size='l'] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.3125em;\n stroke-width:.375em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:20.81305133em}:host[data-size=xl] .t-progress_filled{transition:stroke-dashoffset var(--tui-duration) linear;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);stroke-linecap:round}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]
|
|
158
158
|
}),
|
|
159
159
|
__param(0, Inject(USER_AGENT)),
|
|
160
160
|
__param(1, Inject(WINDOW)),
|