@ptsecurity/mosaic 17.2.2 → 17.2.4

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.
@@ -43,7 +43,7 @@ class McProgressSpinner extends McProgressSpinnerMixinBase {
43
43
  return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;
44
44
  }
45
45
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: McProgressSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
46
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: McProgressSpinner, selector: "mc-progress-spinner", inputs: { color: "color", id: "id", value: "value", mode: "mode", size: "size" }, host: { properties: { "class.mc-progress-spinner_large": "size === 'large'", "attr.id": "id" }, classAttribute: "mc-progress-spinner" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-progress-spinner__inner\"\n [ngClass]=\"{'mc-progress-spinner__inner_indeterminate': mode === 'indeterminate'}\">\n <svg focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n class=\"mc-progress-spinner__svg\">\n\n <circle cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"svgCircleRadius\"\n class=\"mc-progress-spinner__circle\"\n [ngStyle]=\"{'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null}\">\n </circle>\n </svg>\n</div>\n\n", styles: ["@keyframes mc-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.mc-progress-spinner{display:inline-block;overflow:hidden;width:var(--mc-progress-spinner-size-default-size, 16px);height:var(--mc-progress-spinner-size-default-size, 16px)}.mc-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:var(--mc-progress-spinner-size-default-svg-stroke-width, 13%);transition:stroke-dashoffset .3s;transform-origin:center center}.mc-progress-spinner_large{width:var(--mc-progress-spinner-size-large-size, 48px);height:var(--mc-progress-spinner-size-large-size, 48px)}.mc-progress-spinner_large .mc-progress-spinner__circle{stroke-width:var(--mc-progress-spinner-size-large-svg-stroke-width, 6%)}.mc-progress-spinner__inner{width:100%;height:100%;transform:rotate(-90deg);font-size:0}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate{animation:mc-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate .mc-progress-spinner__circle{stroke-dashoffset:80%}.mc-progress-spinner__svg{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
46
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: McProgressSpinner, selector: "mc-progress-spinner", inputs: { color: "color", id: "id", value: "value", mode: "mode", size: "size" }, host: { properties: { "class.mc-progress-spinner_large": "size === 'large'", "attr.id": "id" }, classAttribute: "mc-progress-spinner" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-progress-spinner__inner\"\n [ngClass]=\"{'mc-progress-spinner__inner_indeterminate': mode === 'indeterminate'}\">\n <svg focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n class=\"mc-progress-spinner__svg\">\n\n <circle cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"svgCircleRadius\"\n class=\"mc-progress-spinner__circle\"\n [ngStyle]=\"{'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null}\">\n </circle>\n </svg>\n</div>\n\n", styles: ["@keyframes mc-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.mc-progress-spinner{display:inline-block;overflow:hidden;width:var(--mc-progress-spinner-size-default-size, 16px);height:var(--mc-progress-spinner-size-default-size, 16px)}.mc-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:var(--mc-progress-spinner-size-default-svg-stroke-width, 13%);transition:stroke-dashoffset .3s;transform-origin:center center}.mc-progress-spinner_large{width:var(--mc-progress-spinner-size-large-size, 48px);height:var(--mc-progress-spinner-size-large-size, 48px)}.mc-progress-spinner_large .mc-progress-spinner__circle{stroke-width:var(--mc-progress-spinner-size-large-svg-stroke-width, 6%)}.mc-progress-spinner__inner{width:100%;height:100%;transform:rotate(-90deg);font-size:0}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate{animation:mc-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate .mc-progress-spinner__circle{stroke-dashoffset:80%}.mc-progress-spinner__svg{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
47
47
  }
48
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: McProgressSpinner, decorators: [{
49
49
  type: Component,
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
51
51
  class: 'mc-progress-spinner',
52
52
  '[class.mc-progress-spinner_large]': `size === 'large'`,
53
53
  '[attr.id]': 'id'
54
- }, template: "<div class=\"mc-progress-spinner__inner\"\n [ngClass]=\"{'mc-progress-spinner__inner_indeterminate': mode === 'indeterminate'}\">\n <svg focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n class=\"mc-progress-spinner__svg\">\n\n <circle cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"svgCircleRadius\"\n class=\"mc-progress-spinner__circle\"\n [ngStyle]=\"{'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null}\">\n </circle>\n </svg>\n</div>\n\n", styles: ["@keyframes mc-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.mc-progress-spinner{display:inline-block;overflow:hidden;width:var(--mc-progress-spinner-size-default-size, 16px);height:var(--mc-progress-spinner-size-default-size, 16px)}.mc-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:var(--mc-progress-spinner-size-default-svg-stroke-width, 13%);transition:stroke-dashoffset .3s;transform-origin:center center}.mc-progress-spinner_large{width:var(--mc-progress-spinner-size-large-size, 48px);height:var(--mc-progress-spinner-size-large-size, 48px)}.mc-progress-spinner_large .mc-progress-spinner__circle{stroke-width:var(--mc-progress-spinner-size-large-svg-stroke-width, 6%)}.mc-progress-spinner__inner{width:100%;height:100%;transform:rotate(-90deg);font-size:0}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate{animation:mc-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate .mc-progress-spinner__circle{stroke-dashoffset:80%}.mc-progress-spinner__svg{width:100%;height:100%}\n"] }]
54
+ }, template: "<div class=\"mc-progress-spinner__inner\"\n [ngClass]=\"{'mc-progress-spinner__inner_indeterminate': mode === 'indeterminate'}\">\n <svg focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n class=\"mc-progress-spinner__svg\">\n\n <circle cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"svgCircleRadius\"\n class=\"mc-progress-spinner__circle\"\n [ngStyle]=\"{'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null}\">\n </circle>\n </svg>\n</div>\n\n", styles: ["@keyframes mc-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.mc-progress-spinner{display:inline-block;overflow:hidden;width:var(--mc-progress-spinner-size-default-size, 16px);height:var(--mc-progress-spinner-size-default-size, 16px)}.mc-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:var(--mc-progress-spinner-size-default-svg-stroke-width, 13%);transition:stroke-dashoffset .3s;transform-origin:center center}.mc-progress-spinner_large{width:var(--mc-progress-spinner-size-large-size, 48px);height:var(--mc-progress-spinner-size-large-size, 48px)}.mc-progress-spinner_large .mc-progress-spinner__circle{stroke-width:var(--mc-progress-spinner-size-large-svg-stroke-width, 6%)}.mc-progress-spinner__inner{width:100%;height:100%;transform:rotate(-90deg);font-size:0}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate{animation:mc-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.mc-progress-spinner__inner.mc-progress-spinner__inner_indeterminate .mc-progress-spinner__circle{stroke-dashoffset:80%}.mc-progress-spinner__svg{display:block;width:100%;height:100%}\n"] }]
55
55
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
56
56
  type: Input
57
57
  }], value: [{
@@ -1 +1 @@
1
- {"version":3,"file":"ptsecurity-mosaic-progress-spinner.mjs","sources":["../../../packages/mosaic/progress-spinner/progress-spinner.component.ts","../../../packages/mosaic/progress-spinner/progress-spinner.component.html","../../../packages/mosaic/progress-spinner/progress-spinner.module.ts","../../../packages/mosaic/progress-spinner/ptsecurity-mosaic-progress-spinner.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n ElementRef,\n Input\n} from '@angular/core';\nimport {\n ProgressSpinnerSizeDefaultSvgCircleRadius,\n ProgressSpinnerSizeLargeSvgCircleRadius\n} from '@mosaic-design/tokens-fe-2022/web/index.js';\nimport { CanColor, CanColorCtor, mixinColor, ThemePalette } from '@ptsecurity/mosaic/core';\n\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\nexport type ProgressSpinnerSize = 'default' | 'large';\n\nlet id = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n/** @docs-private */\nexport class McProgressSpinnerBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const McProgressSpinnerMixinBase:\n CanColorCtor & typeof McProgressSpinnerBase = mixinColor(McProgressSpinnerBase, ThemePalette.Primary);\n\nconst MAX_DASH_ARRAY = 295;\n\n@Component({\n selector: 'mc-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n class: 'mc-progress-spinner',\n '[class.mc-progress-spinner_large]': `size === 'large'`,\n '[attr.id]': 'id'\n }\n})\nexport class McProgressSpinner extends McProgressSpinnerMixinBase implements CanColor {\n @Input() id: string = `mc-progress-spinner-${id++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressSpinnerMode = 'determinate';\n\n @Input()\n get size(): ProgressSpinnerSize {\n return this._size;\n }\n\n set size(value: ProgressSpinnerSize) {\n this._size = value;\n\n this.svgCircleRadius = value === 'large' ?\n ProgressSpinnerSizeLargeSvgCircleRadius :\n ProgressSpinnerSizeDefaultSvgCircleRadius;\n }\n\n private _size: ProgressSpinnerSize = 'default';\n\n svgCircleRadius: string = ProgressSpinnerSizeDefaultSvgCircleRadius;\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;\n }\n\n get dashOffsetPercent(): string {\n return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;\n }\n}\n","<div class=\"mc-progress-spinner__inner\"\n [ngClass]=\"{'mc-progress-spinner__inner_indeterminate': mode === 'indeterminate'}\">\n <svg focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n class=\"mc-progress-spinner__svg\">\n\n <circle cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"svgCircleRadius\"\n class=\"mc-progress-spinner__circle\"\n [ngStyle]=\"{'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null}\">\n </circle>\n </svg>\n</div>\n\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McProgressSpinner } from './progress-spinner.component';\n\n\n@NgModule({\n imports: [\n CommonModule,\n PlatformModule\n ],\n exports: [\n McProgressSpinner\n ],\n declarations: [\n McProgressSpinner\n ]\n})\nexport class McProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ptsecurity-mosaic-progress-spinner.mjs","sources":["../../../packages/mosaic/progress-spinner/progress-spinner.component.ts","../../../packages/mosaic/progress-spinner/progress-spinner.component.html","../../../packages/mosaic/progress-spinner/progress-spinner.module.ts","../../../packages/mosaic/progress-spinner/ptsecurity-mosaic-progress-spinner.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n ElementRef,\n Input\n} from '@angular/core';\nimport {\n ProgressSpinnerSizeDefaultSvgCircleRadius,\n ProgressSpinnerSizeLargeSvgCircleRadius\n} from '@mosaic-design/tokens-fe-2022/web/index.js';\nimport { CanColor, CanColorCtor, mixinColor, ThemePalette } from '@ptsecurity/mosaic/core';\n\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\nexport type ProgressSpinnerSize = 'default' | 'large';\n\nlet id = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n/** @docs-private */\nexport class McProgressSpinnerBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const McProgressSpinnerMixinBase:\n CanColorCtor & typeof McProgressSpinnerBase = mixinColor(McProgressSpinnerBase, ThemePalette.Primary);\n\nconst MAX_DASH_ARRAY = 295;\n\n@Component({\n selector: 'mc-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n class: 'mc-progress-spinner',\n '[class.mc-progress-spinner_large]': `size === 'large'`,\n '[attr.id]': 'id'\n }\n})\nexport class McProgressSpinner extends McProgressSpinnerMixinBase implements CanColor {\n @Input() id: string = `mc-progress-spinner-${id++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressSpinnerMode = 'determinate';\n\n @Input()\n get size(): ProgressSpinnerSize {\n return this._size;\n }\n\n set size(value: ProgressSpinnerSize) {\n this._size = value;\n\n this.svgCircleRadius = value === 'large' ?\n ProgressSpinnerSizeLargeSvgCircleRadius :\n ProgressSpinnerSizeDefaultSvgCircleRadius;\n }\n\n private _size: ProgressSpinnerSize = 'default';\n\n svgCircleRadius: string = ProgressSpinnerSizeDefaultSvgCircleRadius;\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;\n }\n\n get dashOffsetPercent(): string {\n return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;\n }\n}\n","<div class=\"mc-progress-spinner__inner\"\n [ngClass]=\"{'mc-progress-spinner__inner_indeterminate': mode === 'indeterminate'}\">\n <svg focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n class=\"mc-progress-spinner__svg\">\n\n <circle cx=\"50%\"\n cy=\"50%\"\n [attr.r]=\"svgCircleRadius\"\n class=\"mc-progress-spinner__circle\"\n [ngStyle]=\"{'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null}\">\n </circle>\n </svg>\n</div>\n\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McProgressSpinner } from './progress-spinner.component';\n\n\n@NgModule({\n imports: [\n CommonModule,\n PlatformModule\n ],\n exports: [\n McProgressSpinner\n ],\n declarations: [\n McProgressSpinner\n ]\n})\nexport class McProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ptsecurity/mosaic",
3
- "version": "17.2.2",
3
+ "version": "17.2.4",
4
4
  "description": "Mosaic",
5
5
  "repository": {
6
6
  "type": "git",
@@ -19,9 +19,9 @@
19
19
  "peerDependencies": {
20
20
  "@angular/cdk": "^17.2.0",
21
21
  "@angular/forms": "^17.2.0",
22
- "@ptsecurity/cdk": "^17.2.2",
23
- "@ptsecurity/mosaic-moment-adapter": "^17.2.2",
24
- "@ptsecurity/mosaic-luxon-adapter": "^17.2.2",
22
+ "@ptsecurity/cdk": "^17.2.4",
23
+ "@ptsecurity/mosaic-moment-adapter": "^17.2.4",
24
+ "@ptsecurity/mosaic-luxon-adapter": "^17.2.4",
25
25
  "@mosaic-design/date-formatter": "^2.1.6",
26
26
  "@ptsecurity/mosaic-icons": "^7.0.8",
27
27
  "@mosaic-design/tokens-builder": "^3.1.0",
@@ -60,6 +60,7 @@ $tokens: meta.module-variables(tokens) !default;
60
60
  }
61
61
 
62
62
  .mc-progress-spinner__svg {
63
+ display: block;
63
64
  width: 100%;
64
65
  height: 100%;
65
66
  }