@ascentgl/ads-ui 21.12.1 → 21.14.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/README.md +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +212 -206
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/sass/ads-ui/abstracts/_functions.scss +18 -18
- package/src/assets/sass/ads-ui/abstracts/_mixins.scss +90 -90
- package/src/assets/sass/ads-ui/abstracts/_variables.scss +127 -127
- package/src/assets/sass/ads-ui/base/_reset.scss +19 -19
- package/src/assets/sass/ads-ui/base/_typography.scss +179 -179
- package/src/assets/sass/ads-ui/base/_utilities.scss +104 -104
- package/src/assets/sass/ads-ui/main.scss +8 -8
- package/src/assets/sass/ads-ui/overrides/_angular-material.scss +8 -8
- package/src/assets/sass/ads-ui/overrides/angular-material/_bottom-sheet.scss +12 -12
- package/src/assets/sass/ads-ui/overrides/angular-material/_datetimepicker.scss +248 -248
- package/src/assets/sass/ads-ui/overrides/angular-material/_dropdown.scss +31 -31
- package/src/assets/sass/ads-ui/overrides/angular-material/_html.scss +14 -14
- package/src/assets/sass/ads-ui/overrides/angular-material/_mat-list.scss +47 -47
- package/src/assets/sass/ads-ui/overrides/angular-material/_menu.scss +89 -89
- package/src/assets/sass/ads-ui/overrides/angular-material/_search-dropdown-modal.scss +34 -34
- package/src/assets/sass/ads-ui/overrides/angular-material/_snackbar.scss +40 -40
- package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss +76 -76
- package/src/assets/sass/ads-ui/themes/_ads-palette.scss +98 -98
- package/types/ascentgl-ads-ui.d.ts +3 -1
|
@@ -61,11 +61,11 @@ class AdsProgressBarComponent {
|
|
|
61
61
|
return `calc(${(value / max) * 100}% + 5.5px)`;
|
|
62
62
|
}
|
|
63
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsProgressBarComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: AdsProgressBarComponent, isStandalone: false, selector: "ads-progress-bar", inputs: { id: "id", disabled: "disabled", ariaLabel: "ariaLabel", max: "max", value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n @if(showMarker) {\n <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n }\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
|
|
65
65
|
}
|
|
66
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsProgressBarComponent, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
|
-
args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\
|
|
68
|
+
args: [{ selector: 'ads-progress-bar', standalone: false, template: "<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n @if(showMarker) {\n <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n }\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n", styles: ["progress[value]{width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-light);border-radius:2px}progress[value]::-webkit-progress-bar{background-color:var(--color-light);border-radius:2px}progress[value]::-moz-progress-bar{border-radius:2px}progress[value]::-webkit-progress-value{border-bottom-left-radius:2px;border-top-left-radius:2px}.progress-container.completed progress[value]::-webkit-progress-value{border-radius:2px}.progress-container{display:flex;flex-direction:column}.progress-marker{position:relative;display:flex;min-height:11px;max-height:11px;justify-content:flex-end;padding-bottom:2px}.progress-container.primary progress[value]::-webkit-progress-value{background-color:var(--color-primary)}.progress-container.primary progress[value]::-moz-progress-bar{background-color:var(--color-primary)}.progress-container.success progress[value]::-webkit-progress-value{background-color:var(--color-success)}.progress-container.success progress[value]::-moz-progress-bar{background-color:var(--color-success)}.progress-container.medium progress[value]::-webkit-progress-value{background-color:var(--color-medium-50)}.progress-container.medium progress[value]::-moz-progress-bar{background-color:var(--color-medium-50)}::ng-deep .progress-container.primary .ads-icon{color:var(--color-primary)}::ng-deep .progress-container.success .ads-icon{color:var(--color-success)}::ng-deep .progress-container.medium .ads-icon{color:var(--color-medium-50)}\n"] }]
|
|
69
69
|
}], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { id: [{
|
|
70
70
|
type: Input
|
|
71
71
|
}], disabled: [{
|
package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/progress-bar.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.ts"],"sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { AdsIconRegistry } from '@ascentgl/ads-icons';\nimport { adsIconSortDescending } from '@ascentgl/ads-icons/icons';\n\ntype Theme = 'primary' | 'success' | 'medium';\n\n@Component({\n selector: 'ads-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.component.scss'],\n standalone: false,\n})\nexport class AdsProgressBarComponent implements OnChanges {\n constructor(private registry: AdsIconRegistry) {\n this.registry.register(adsIconSortDescending);\n }\n\n /**\n * The unique ID for the progress bar\n */\n @Input() id!: string;\n\n /**\n * Whether or not the progress bar is disabled\n */\n @Input() disabled = false;\n\n /**\n * Aria label for the progress element\n */\n @Input() ariaLabel!: string;\n\n /**\n * The max value of the progress bar\n */\n @Input() max = 100;\n\n /**\n * The value of the progress bar\n */\n @Input() value = 0;\n\n /**\n * @ignore\n * Only show the marker if the bar has progress and is not completed\n */\n get showMarker(): boolean {\n return this.value > 0 && this.value < this.max;\n }\n\n /** @ignore */\n public color: Theme = 'primary';\n\n /** @ignore */\n public markerPosition!: string;\n\n /** @ignore */\n ngOnChanges(changes: SimpleChanges): void {\n if (this.value > this.max) {\n console.warn(\n `The current value (${this.value}) of the progress bar is greater than the max (${this.max}). Did you forget to add the 'max' attribute?`,\n );\n }\n\n if (changes.value || changes.max) {\n this.color = this.getColor(this.value, this.max, this.disabled);\n this.markerPosition = this.getMarkerPosition(this.value, this.max);\n }\n\n if (changes.disabled) {\n this.color = this.getColor(this.value, this.max, this.disabled);\n }\n\n if (changes.ariaLabel) {\n this.ariaLabel = this.getLabel(this.max);\n }\n }\n\n /** @ignore */\n private getColor(value: number, max: number, disabled: boolean): Theme {\n return disabled ? 'medium' : value >= max ? 'success' : 'primary';\n }\n\n /** @ignore */\n private getLabel(max: number): string {\n return this.ariaLabel ?? `A bounded progress bar from 0 to ${max}`;\n }\n\n /** @ignore */\n private getMarkerPosition(value: number, max: number): string {\n return `calc(${(value / max) * 100}% + 5.5px)`;\n }\n}\n","<div class=\"progress-container\" [ngClass]=\"color\" [class.completed]=\"value >= max\">\n <div class=\"progress-marker\" [ngStyle]=\"{ width: markerPosition }\">\n @if(showMarker) {\n <ads-icon name=\"sort_descending\" size=\"xxxs\"/>\n }\n </div>\n <progress\n role=\"progressbar\"\n aria-valuemin=\"0\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"ariaLabel\"\n [value]=\"value\"\n [max]=\"max\"\n [id]=\"id\"\n ></progress>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsProgressBarComponent } from './progress-bar.component';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\n\n@NgModule({\n imports: [CommonModule, AdsIconModule],\n declarations: [AdsProgressBarComponent],\n exports: [AdsProgressBarComponent],\n})\nexport class AdsProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -72,11 +72,11 @@ class AdsProgressIndicatorSpinnerComponent {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: AdsProgressIndicatorSpinnerComponent, isStandalone: false, selector: "ads-progress-indicator-spinner", inputs: { diameter: "diameter", max: "max", value: "value" }, outputs: { percentageUpdated: "percentageUpdated" }, usesOnChanges: true, ngImport: i0, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
76
76
|
}
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsProgressIndicatorSpinnerComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
|
-
args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\
|
|
79
|
+
args: [{ selector: 'ads-progress-indicator-spinner', standalone: false, template: "<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n", styles: [".progress-indicator-wrapper{display:inline-block;position:relative;background-color:var(--color-white);padding:10px;border-radius:100%}mat-spinner{background-color:var(--color-white);border-radius:100%;box-shadow:0 10.5367px 117.659px #2c1cc938,0 3.84606px 42.9476px #2c1cc927,0 1.86719px 20.8503px #2c1cc91f,0 .915331px 10.2212px #2c1cc919,0 .361923px 4.04148px #2c1cc911}mat-spinner ::ng-deep circle{stroke:#5857b3}.progress-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#5857b3}.visible-value{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hidden-value{visibility:hidden;position:absolute;pointer-events:none;height:100%}\n"] }]
|
|
80
80
|
}], propDecorators: { diameter: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], max: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.types.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.ts"],"sourcesContent":["export enum ProgressIndicatorSpinnerDefault {\
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.types.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/progress-indicator-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.ts"],"sourcesContent":["export enum ProgressIndicatorSpinnerDefault {\n diameter = 52,\n padding = 11,\n fontSize = 20,\n max = 10,\n}\n","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChange } from '@angular/core';\nimport { ProgressIndicatorSpinnerDefault } from './progress-indicator-spinner.types';\n\n@Component({\n selector: 'ads-progress-indicator-spinner',\n templateUrl: './progress-indicator-spinner.component.html',\n styleUrls: ['./progress-indicator-spinner.component.scss'],\n standalone: false,\n})\nexport class AdsProgressIndicatorSpinnerComponent implements OnChanges {\n /** Spinner diameter in pixels. Default is 52. Cannot be less than 20 */\n @Input() diameter: number = ProgressIndicatorSpinnerDefault.diameter;\n\n /** Max progress value. Default is 10. Cannot be less than 0 */\n @Input() max: number = ProgressIndicatorSpinnerDefault.max;\n\n /** Current progress value. Cannot be less than 0 or more than \"max\"*/\n @Input() value = 0;\n\n /** Event emitted percentage is updated after value changes */\n @Output() percentageUpdated = new EventEmitter<number>();\n\n /** @ignore */\n percentage = 0;\n\n /** @ignore */\n readonly defaults: typeof ProgressIndicatorSpinnerDefault = ProgressIndicatorSpinnerDefault;\n\n /** @ignore */\n ngOnChanges(changes: { value: SimpleChange; max: SimpleChange; diameter: SimpleChange }): void {\n if (changes.max) {\n this.calculateMax();\n }\n\n if (changes.value) {\n this.calculateValue();\n }\n\n if (changes.diameter) {\n this.calculateDiameter();\n }\n }\n\n /** @ignore */\n private calculateMax(): void {\n if (this.max < 1) {\n this.max = 1;\n }\n\n this.calculateValue();\n }\n\n /** @ignore */\n private calculateValue(): void {\n if (this.value < 0) {\n this.value = 0;\n }\n\n if (this.value > this.max) {\n this.value = this.max;\n }\n\n this.calculatePercentage();\n }\n\n /** @ignore */\n private calculatePercentage(): void {\n const newPercentage = Math.round((this.value * 100) / this.max);\n\n if (newPercentage != this.percentage) {\n this.percentage = newPercentage;\n this.percentageUpdated.emit(this.percentage);\n }\n }\n\n /** @ignore */\n private calculateDiameter(): void {\n if (this.diameter < 20) {\n this.diameter = 20;\n }\n }\n}\n","<!-- real padding will be calculated based on default padding and font size -->\n<div\n class=\"progress-indicator-wrapper\"\n [ngStyle]=\"{ padding: (diameter * defaults.padding) / defaults.diameter + 'px' }\"\n>\n <mat-spinner [mode]=\"'determinate'\" [diameter]=\"diameter\" [value]=\"percentage\"></mat-spinner>\n <!-- real font size is calculated based on default diameter and font size -->\n <div\n class=\"progress-value\"\n [ngStyle]=\"{\n fontSize: (diameter * defaults.fontSize) / defaults.diameter + 'px',\n width: diameter + 'px',\n height: diameter + 'px',\n }\"\n >\n <!-- hidden value is used to calculate visible value scale -->\n <span class=\"hidden-value\" #hiddenValue>{{ value }}</span>\n <!-- scale value only if it has more than 3 characters -->\n <!-- the text should not be wider than 70% of diameter -->\n <span\n class=\"visible-value\"\n [ngStyle]=\"{\n scale: hiddenValue.textContent!.length > 3 ? (this.diameter * 0.7) / hiddenValue.clientWidth : 1,\n }\"\n >{{ value }}</span\n >\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsProgressIndicatorSpinnerComponent } from './progress-indicator-spinner.component';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [AdsProgressIndicatorSpinnerComponent],\n imports: [CommonModule, MatProgressSpinnerModule],\n exports: [AdsProgressIndicatorSpinnerComponent],\n})\nexport class AdsProgressIndicatorSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs
CHANGED
|
@@ -79,11 +79,11 @@ class AdsProgressSpinnerComponent {
|
|
|
79
79
|
this.cdr.detectChanges();
|
|
80
80
|
}
|
|
81
81
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsProgressSpinnerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: AdsProgressSpinnerComponent, isStandalone: false, selector: "ads-progress-spinner", inputs: { zIndex: "zIndex", scrollContainer: "scrollContainer", size: "size", diameter: "diameter" }, host: { listeners: { "window:resize": "resize()" } }, ngImport: i0, template: "@if (isSticky) {\n <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n </div>\n} @else {\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
83
83
|
}
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsProgressSpinnerComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
|
-
args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\
|
|
86
|
+
args: [{ selector: 'ads-progress-spinner', standalone: false, template: "@if (isSticky) {\n <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n </div>\n} @else {\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n}\n", styles: [".spinner-container{position:sticky;display:block;z-index:1;top:0;left:0}.spinner-container .spinner-overlay{position:absolute}.spinner-overlay{width:100%;height:100%;position:fixed;z-index:1;inset:0 auto auto 0;display:flex;align-items:center;justify-content:center;background:var(--color-light)}.spinner-overlay ::ng-deep svg{max-width:unset!important}.spinner-overlay ::ng-deep mat-spinner circle{stroke:var(--color-white)!important}\n"] }]
|
|
87
87
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { zIndex: [{
|
|
88
88
|
type: Input
|
|
89
89
|
}], scrollContainer: [{
|
package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, ElementRef, HostListener, Input, OnInit } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs","sources":["../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.component.html","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/progress-spinner.module.ts","../../../../libs/ads-ui/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, ElementRef, HostListener, Input, OnInit } from '@angular/core';\nimport { DomHelper, GENERIC_COLLECTION } from '@ascentgl/ads-utils';\n\nexport enum SpinnerSize {\n xSmall = 'x-small',\n small = 'small',\n normal = 'normal',\n}\n\n@Component({\n selector: 'ads-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.component.scss'],\n standalone: false,\n})\nexport class AdsProgressSpinnerComponent implements OnInit {\n /** set spinner z-index */\n @Input() zIndex = 1;\n\n /** set spinner scrollContainer. This is useful when the spinner is inside dialog window **/\n @Input() scrollContainer: HTMLElement | 'auto' | 'none' = 'none';\n\n /** set spinner size */\n @Input() size: SpinnerSize = SpinnerSize.normal;\n\n /** set spinner diameter (overrides \"size\") */\n @Input() diameter?: number;\n\n computedDiameter = 100;\n isSticky = false;\n computedStyles?: CSSStyleDeclaration;\n\n private readonly sizes = {\n [SpinnerSize.xSmall]: 50,\n [SpinnerSize.small]: 70,\n [SpinnerSize.normal]: 100,\n };\n\n constructor(\n protected ref: ElementRef,\n private cdr: ChangeDetectorRef,\n ) {}\n\n /** @ignore */\n ngOnInit(): void {\n let scrollContainer: HTMLElement | Window | 'auto' | 'none' = this.scrollContainer;\n\n if (this.scrollContainer == 'auto') {\n scrollContainer = DomHelper.getScrollableParent(this.ref.nativeElement);\n }\n\n /**\n * if scroll container is HTMLElement, make spinner stick to it's dimensions\n */\n if (scrollContainer instanceof HTMLElement) {\n this.scrollContainer = scrollContainer;\n this.isSticky = true;\n this.computedStyles = getComputedStyle(scrollContainer);\n }\n\n if (this.diameter) {\n this.computedDiameter = this.diameter;\n } else {\n this.computedDiameter = this.sizes[this.size];\n }\n }\n\n /** @ignore */\n getOverlayStyles(): GENERIC_COLLECTION {\n const container = <HTMLElement>this.scrollContainer;\n\n const computedStyles: GENERIC_COLLECTION = this.computedStyles ?? {};\n\n /**\n * subtract .5px from width to avoid \"accidental\" appearance of scrollbars on resize\n */\n return {\n zIndex: this.zIndex,\n height: container.clientHeight + 'px',\n width: container.clientWidth - 0.5 + 'px',\n top: computedStyles.paddingTop ? '-' + computedStyles.paddingTop : 0,\n left: computedStyles.paddingLeft ? '-' + computedStyles.paddingLeft : 0,\n };\n }\n\n /**\n * @ignore\n * required for proper change detection\n * NOTE: REALLY REQUIRED\n */\n @HostListener('window:resize') resize(): void {\n /**\n * additional change detection allows to avoid overlay sizing issues when window is being resized\n */\n this.cdr.detectChanges();\n }\n}\n","@if (isSticky) {\n <div class=\"spinner-container\" [ngStyle]=\"{ zIndex }\">\n <div class=\"spinner-overlay\" [ngStyle]=\"getOverlayStyles()\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n </div>\n} @else {\n <div class=\"spinner-overlay window\" [ngStyle]=\"{ zIndex }\">\n <mat-spinner [diameter]=\"computedDiameter\" aria-label=\"progress spinner\"></mat-spinner>\n </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsIconModule } from '@ascentgl/ads-icons';\nimport { AdsGestureModule } from '@ascentgl/ads-utils';\nimport { AdsProgressSpinnerComponent } from './progress-spinner.component';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [AdsProgressSpinnerComponent],\n imports: [CommonModule, AdsIconModule, AdsGestureModule, MatProgressSpinnerModule],\n exports: [AdsProgressSpinnerComponent],\n providers: [{ provide: Window, useValue: window }],\n})\nexport class AdsProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;IAGY;AAAZ,CAAA,UAAY,WAAW,EAAA;AACrB,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,SAAkB;AAClB,IAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAJW,WAAW,KAAX,WAAW,GAAA,EAAA,CAAA,CAAA;MAYV,2BAA2B,CAAA;IAuBtC,WAAA,CACY,GAAe,EACjB,GAAsB,EAAA;QADpB,IAAA,CAAA,GAAG,GAAH,GAAG;QACL,IAAA,CAAA,GAAG,GAAH,GAAG;;QAvBJ,IAAA,CAAA,MAAM,GAAG,CAAC;;QAGV,IAAA,CAAA,eAAe,GAAkC,MAAM;;AAGvD,QAAA,IAAA,CAAA,IAAI,GAAgB,WAAW,CAAC,MAAM;QAK/C,IAAA,CAAA,gBAAgB,GAAG,GAAG;QACtB,IAAA,CAAA,QAAQ,GAAG,KAAK;AAGC,QAAA,IAAA,CAAA,KAAK,GAAG;AACvB,YAAA,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE;AACxB,YAAA,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE;AACvB,YAAA,CAAC,WAAW,CAAC,MAAM,GAAG,GAAG;SAC1B;IAKE;;IAGH,QAAQ,GAAA;AACN,QAAA,IAAI,eAAe,GAA2C,IAAI,CAAC,eAAe;AAElF,QAAA,IAAI,IAAI,CAAC,eAAe,IAAI,MAAM,EAAE;YAClC,eAAe,GAAG,SAAS,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC;QACzE;AAEA;;AAEG;AACH,QAAA,IAAI,eAAe,YAAY,WAAW,EAAE;AAC1C,YAAA,IAAI,CAAC,eAAe,GAAG,eAAe;AACtC,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,YAAA,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC,eAAe,CAAC;QACzD;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,QAAQ;QACvC;aAAO;YACL,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C;IACF;;IAGA,gBAAgB,GAAA;AACd,QAAA,MAAM,SAAS,GAAgB,IAAI,CAAC,eAAe;AAEnD,QAAA,MAAM,cAAc,GAAuB,IAAI,CAAC,cAAc,IAAI,EAAE;AAEpE;;AAEG;QACH,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,YAAA,MAAM,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI;AACrC,YAAA,KAAK,EAAE,SAAS,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI;AACzC,YAAA,GAAG,EAAE,cAAc,CAAC,UAAU,GAAG,GAAG,GAAG,cAAc,CAAC,UAAU,GAAG,CAAC;AACpE,YAAA,IAAI,EAAE,cAAc,CAAC,WAAW,GAAG,GAAG,GAAG,cAAc,CAAC,WAAW,GAAG,CAAC;SACxE;IACH;AAEA;;;;AAIG;IAC4B,MAAM,GAAA;AACnC;;AAEG;AACH,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;IAC1B;8GAhFW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,6OCfxC,6cAWA,EAAA,MAAA,EAAA,CAAA,ubAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDIa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,cAGpB,KAAK,EAAA,QAAA,EAAA,6cAAA,EAAA,MAAA,EAAA,CAAA,ubAAA,CAAA,EAAA;;sBAIhB;;sBAGA;;sBAGA;;sBAGA;;sBAgEA,YAAY;uBAAC,eAAe;;;ME7ElB,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAxB,wBAAwB,EAAA,YAAA,EAAA,CALpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAChC,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,wBAAwB,CAAA,EAAA,OAAA,EAAA,CACvE,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAG1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,aAFxB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,YAFxC,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA;;2FAItE,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,wBAAwB,CAAC;oBAClF,OAAO,EAAE,CAAC,2BAA2B,CAAC;oBACtC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AACnD,iBAAA;;;ACZD;;AAEG;;;;"}
|
|
@@ -14,11 +14,11 @@ class ShellLayoutComponent {
|
|
|
14
14
|
this.isMobile = false;
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ShellLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: ShellLayoutComponent, isStandalone: false, selector: "ads-shell-layout", inputs: { isCollapsed: "isCollapsed", isMobile: "isMobile" }, ngImport: i0, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ShellLayoutComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\
|
|
21
|
+
args: [{ selector: 'ads-shell-layout', standalone: false, template: "<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [".shell{display:flex;overflow:hidden;min-width:100vw;max-width:100vw;min-height:100vh;flex-direction:column}.shell-header{display:flex;width:100%;max-width:calc(100% - 100px);flex:1;flex-direction:column}.main-content{background-color:#fafafa}.shell.collapsed .shell-header{max-width:calc(100% - 57px)}.shell.mobile .shell-header{max-width:100%}\n"] }]
|
|
22
22
|
}], propDecorators: { isCollapsed: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], isMobile: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-shell-layout.mjs","sources":["../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.component.ts","../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.component.html","../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.module.ts","../../../../libs/ads-ui/src/lib/components/shell-layout/ascentgl-ads-ui-src-lib-components-shell-layout.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-shell-layout.mjs","sources":["../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.component.ts","../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.component.html","../../../../libs/ads-ui/src/lib/components/shell-layout/shell-layout.module.ts","../../../../libs/ads-ui/src/lib/components/shell-layout/ascentgl-ads-ui-src-lib-components-shell-layout.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'ads-shell-layout',\n templateUrl: './shell-layout.component.html',\n styleUrls: ['./shell-layout.component.scss'],\n standalone: false,\n})\nexport class ShellLayoutComponent {\n /**\n * Whether the navigation is collapsed\n */\n @Input() isCollapsed = false;\n\n /**\n * Whether the viewport is mobile\n */\n @Input() isMobile = false;\n}\n","<!-- <div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"shell-container\">\n <ng-content select=\"[navigation]\"></ng-content>\n <div class=\"shell-header\">\n <ng-content select=\"[header]\"></ng-content> \n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div> -->\n\n<div class=\"shell\" [class.mobile]=\"isMobile\" [class.collapsed]=\"isCollapsed\">\n <div class=\"container\">\n <ng-content select=\"[header]\"></ng-content>\n <main class=\"main-content\">\n <ng-content></ng-content>\n </main>\n <ng-content select=\"[widgetbar]\"></ng-content>\n </div>\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShellLayoutComponent } from './shell-layout.component';\n\n@NgModule({\n declarations: [ShellLayoutComponent],\n exports: [ShellLayoutComponent],\n imports: [CommonModule],\n})\nexport class AdsShellLayoutModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK;AAE5B;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK;AAC1B,IAAA;8GAVY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2ICRjC,k2BAwBA,EAAA,MAAA,EAAA,CAAA,4VAAA,CAAA,EAAA,CAAA,CAAA;;2FDhBa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAGhB,KAAK,EAAA,QAAA,EAAA,k2BAAA,EAAA,MAAA,EAAA,CAAA,4VAAA,CAAA,EAAA;;sBAMhB;;sBAKA;;;MERU,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,CAJhB,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY,aADZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAFrB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAEX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -7,11 +7,11 @@ class AdsSplashPageComponent {
|
|
|
7
7
|
this.text = 'Coming Soon';
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsSplashPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: AdsSplashPageComponent, isStandalone: false, selector: "ads-splash-page", inputs: { alt: "alt", imageSrc: "imageSrc", text: "text" }, ngImport: i0, template: "<div class=\"splash-page-container\">\
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: AdsSplashPageComponent, isStandalone: false, selector: "ads-splash-page", inputs: { alt: "alt", imageSrc: "imageSrc", text: "text" }, ngImport: i0, template: "<div class=\"splash-page-container\">\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\n <h1>{{ text }}</h1>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;min-height:172px;flex-direction:column;align-items:center;justify-content:center}.splash-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}img{width:131px;height:78px;margin-bottom:24px}h1{margin-bottom:0}\n"] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsSplashPageComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'ads-splash-page', standalone: false, template: "<div class=\"splash-page-container\">\
|
|
14
|
+
args: [{ selector: 'ads-splash-page', standalone: false, template: "<div class=\"splash-page-container\">\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\n <h1>{{ text }}</h1>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;min-height:172px;flex-direction:column;align-items:center;justify-content:center}.splash-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center}img{width:131px;height:78px;margin-bottom:24px}h1{margin-bottom:0}\n"] }]
|
|
15
15
|
}], propDecorators: { alt: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], imageSrc: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-splash-page.mjs","sources":["../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.component.ts","../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.component.html","../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.module.ts","../../../../libs/ads-ui/src/lib/components/splash-page/ascentgl-ads-ui-src-lib-components-splash-page.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-splash-page.mjs","sources":["../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.component.ts","../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.component.html","../../../../libs/ads-ui/src/lib/components/splash-page/splash-page.module.ts","../../../../libs/ads-ui/src/lib/components/splash-page/ascentgl-ads-ui-src-lib-components-splash-page.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'ads-splash-page',\n templateUrl: './splash-page.component.html',\n styleUrls: ['./splash-page.component.scss'],\n standalone: false,\n})\nexport class AdsSplashPageComponent {\n /**\n * Alt text for the logo\n */\n @Input() alt!: string;\n\n /**\n * Logo to display\n */\n @Input() imageSrc!: string;\n @Input() text = 'Coming Soon';\n}\n","<div class=\"splash-page-container\">\n <img [src]=\"imageSrc\" [alt]=\"alt\" />\n <h1>{{ text }}</h1>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AdsSplashPageComponent } from './splash-page.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [AdsSplashPageComponent],\n exports: [AdsSplashPageComponent],\n})\nexport class AdsSplashPageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAgBW,IAAA,CAAA,IAAI,GAAG,aAAa;AAC9B,IAAA;8GAXY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,wICRnC,oHAIA,EAAA,MAAA,EAAA,CAAA,qSAAA,CAAA,EAAA,CAAA,CAAA;;2FDIa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,cAGf,KAAK,EAAA,QAAA,EAAA,oHAAA,EAAA,MAAA,EAAA,CAAA,qSAAA,CAAA,EAAA;;sBAMhB;;sBAKA;;sBACA;;;METU,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,CAHf,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAD3B,YAAY,aAEZ,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAErB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJpB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -4,11 +4,11 @@ import { CommonModule } from '@angular/common';
|
|
|
4
4
|
|
|
5
5
|
class AdsTagContainerComponent {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsTagContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: AdsTagContainerComponent, isStandalone: false, selector: "ads-tag-container", ngImport: i0, template: "<div class=\"tag-container\">\
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: AdsTagContainerComponent, isStandalone: false, selector: "ads-tag-container", ngImport: i0, template: "<div class=\"tag-container\">\n <ng-content></ng-content>\n</div>\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap;height:24px}\n"] }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AdsTagContainerComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'ads-tag-container', standalone: false, template: "<div class=\"tag-container\">\
|
|
11
|
+
args: [{ selector: 'ads-tag-container', standalone: false, template: "<div class=\"tag-container\">\n <ng-content></ng-content>\n</div>\n", styles: [".tag-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap;height:24px}\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
|
|
14
14
|
class AdsTagContainerModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.component.ts","../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.component.html","../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.module.ts","../../../../libs/ads-ui/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.ts"],"sourcesContent":["import { Component } from '@angular/core';\
|
|
1
|
+
{"version":3,"file":"ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs","sources":["../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.component.ts","../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.component.html","../../../../libs/ads-ui/src/lib/components/tags/tag-container/tag-container.module.ts","../../../../libs/ads-ui/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ads-tag-container',\n templateUrl: './tag-container.component.html',\n styleUrls: ['./tag-container.component.scss'],\n standalone: false,\n})\nexport class AdsTagContainerComponent {}\n","<div class=\"tag-container\">\n <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AdsTagContainerComponent } from './tag-container.component';\n\n@NgModule({\n declarations: [AdsTagContainerComponent],\n imports: [CommonModule],\n exports: [AdsTagContainerComponent],\n})\nexport class AdsTagContainerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8ECRrC,sEAGA,EAAA,MAAA,EAAA,CAAA,oHAAA,CAAA,EAAA,CAAA,CAAA;;2FDKa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cAGjB,KAAK,EAAA,QAAA,EAAA,sEAAA,EAAA,MAAA,EAAA,CAAA,oHAAA,CAAA,EAAA;;;MEGN,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,CAJjB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAC7B,YAAY,aACZ,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAEvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA;;;ACRD;;AAEG;;;;"}
|