@ascentgl/ads-ui 0.0.40 → 0.0.42
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/fesm2022/ascentgl-ads-ui.mjs +80 -99
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/lib/components/brand-artifacts/bubble/bubble.component.d.ts +26 -0
- package/lib/components/brand-artifacts/bubble/bubble.module.d.ts +9 -0
- package/lib/components/brand-artifacts/bubble/public-api.d.ts +2 -0
- package/lib/components/buttons/button/button.component.d.ts +1 -6
- package/lib/components/snackbars/snackbar/snackbar.component.d.ts +3 -3
- package/package.json +1 -1
- package/src/assets/sass/ads-ui/base/_typography.scss +0 -2
- package/lib/components/snackbars/inline-snackbar/inline-snackbar.component.d.ts +0 -31
- package/lib/components/snackbars/inline-snackbar/inline-snackbar.module.d.ts +0 -9
- package/lib/components/snackbars/inline-snackbar/public-api.d.ts +0 -2
- /package/lib/components/{snackbars/inline-snackbar → brand-artifacts/bubble}/index.d.ts +0 -0
|
@@ -46,11 +46,10 @@ import * as i3$2 from '@angular/material/radio';
|
|
|
46
46
|
import { MatRadioModule } from '@angular/material/radio';
|
|
47
47
|
import * as i3$3 from '@angular/material/slider';
|
|
48
48
|
import { MatSliderModule } from '@angular/material/slider';
|
|
49
|
-
import
|
|
50
|
-
import
|
|
51
|
-
import * as i1$4 from '@angular/cdk/layout';
|
|
49
|
+
import { MAT_SNACK_BAR_DATA, MatSnackBarRef, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
50
|
+
import * as i1$3 from '@angular/cdk/layout';
|
|
52
51
|
import { Breakpoints } from '@angular/cdk/layout';
|
|
53
|
-
import * as i1$
|
|
52
|
+
import * as i1$4 from '@angular/material/dialog';
|
|
54
53
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
55
54
|
import * as i6$2 from '@angular/material/expansion';
|
|
56
55
|
import { MatExpansionPanel, MatExpansionPanelTitle, MatExpansionPanelHeader, MatExpansionPanelDescription, MatAccordion } from '@angular/material/expansion';
|
|
@@ -63,6 +62,7 @@ import * as i4$3 from 'angular-split';
|
|
|
63
62
|
import { SplitComponent, SplitAreaComponent } from 'angular-split';
|
|
64
63
|
import * as i2$4 from '@angular/material/tabs';
|
|
65
64
|
import { MatTabNav, MatTabLink, MatTabNavPanel } from '@angular/material/tabs';
|
|
65
|
+
import * as i1$5 from '@angular/common/http';
|
|
66
66
|
|
|
67
67
|
class AdsAvatarComponent {
|
|
68
68
|
constructor(registry) {
|
|
@@ -480,23 +480,13 @@ class AdsButtonComponent {
|
|
|
480
480
|
this.size = input('base');
|
|
481
481
|
/** Sets the "type" attribute on the button */
|
|
482
482
|
this.type = input('button');
|
|
483
|
-
/** @ignore */
|
|
484
|
-
this.calcVariant = computed(() => {
|
|
485
|
-
if (this.variant() === 'secondary')
|
|
486
|
-
return 'primary';
|
|
487
|
-
if (this.variant() === 'error-reverse')
|
|
488
|
-
return 'error';
|
|
489
|
-
return this.variant();
|
|
490
|
-
});
|
|
491
|
-
/** @ignore */
|
|
492
|
-
this.calcReverse = computed(() => this.variant() === 'secondary' || this.variant() === 'error-reverse');
|
|
493
483
|
}
|
|
494
484
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
495
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: AdsButtonComponent, isStandalone: false, selector: "ads-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button
|
|
485
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: AdsButtonComponent, isStandalone: false, selector: "ads-button", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-label-text-weight: 600;--mdc-filled-button-container-height: var(--mat-form-field-container-height);--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 24px;--mdc-filled-button-disabled-container-color: var(--color-dark-10);--mdc-filled-button-disabled-label-text-color: var(--color-white);--mat-filled-button-hover-state-layer-opacity: 0;border:1.5px solid}button:disabled{border-color:var(--color-dark-10)}.primary:not(:disabled){border-color:var(--color-primary)}.primary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled):active,.primary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.primary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.secondary:not(:disabled){border-color:var(--color-primary);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-primary)}.secondary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:not(:disabled):active,.secondary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.error:not(:disabled){border-color:var(--color-error);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-error)}.error:not(:disabled):hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled):active,.error:not(:disabled):focus{border-color:var(--color-error-pressed);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-container-color: var(--color-error-pressed)}.error:disabled{--mdc-filled-button-disabled-container-color: var(--color-white);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.tertiary ::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}.tertiary:not(:disabled){border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-30);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):hover{border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-80);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):active,.tertiary:not(:disabled):focus{border-color:var(--color-light);--mdc-filled-button-label-text-color: var(--color-dark);--mdc-filled-button-container-color: var(--color-light)}.tertiary:disabled{border-color:var(--color-light);--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-medium-50)}.sm{--mdc-filled-button-container-height: 32px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i8.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
496
486
|
}
|
|
497
487
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsButtonComponent, decorators: [{
|
|
498
488
|
type: Component,
|
|
499
|
-
args: [{ selector: 'ads-button', standalone: false, template: "<button
|
|
489
|
+
args: [{ selector: 'ads-button', standalone: false, template: "<button mat-flat-button [id]=\"id()\" [ngClass]=\"[variant(), size()]\" [disabled]=\"disabled()\" [disableRipple]=\"true\">\n <ng-content></ng-content>\n</button>\n", styles: ["button{--mdc-filled-button-container-color: var(--color-primary);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-label-text-weight: 600;--mdc-filled-button-container-height: var(--mat-form-field-container-height);--mdc-filled-button-label-text-tracking: \"1.5px\";--mdc-filled-button-label-text-size: 16px;--mat-filled-button-horizontal-padding: 24px;--mdc-filled-button-disabled-container-color: var(--color-dark-10);--mdc-filled-button-disabled-label-text-color: var(--color-white);--mat-filled-button-hover-state-layer-opacity: 0;border:1.5px solid}button:disabled{border-color:var(--color-dark-10)}.primary:not(:disabled){border-color:var(--color-primary)}.primary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.primary:not(:disabled):active,.primary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.primary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.secondary:not(:disabled){border-color:var(--color-primary);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-primary)}.secondary:not(:disabled):hover{border-color:var(--color-primary-hover);--mdc-filled-button-container-color: var(--color-primary-hover);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:not(:disabled):active,.secondary:not(:disabled):focus{border-color:var(--color-primary-pressed);--mdc-filled-button-container-color: var(--color-primary-pressed);--mdc-filled-button-label-text-color: var(--color-white)}.secondary:disabled{--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.error:not(:disabled){border-color:var(--color-error);--mdc-filled-button-container-color: var(--color-white);--mdc-filled-button-label-text-color: var(--color-error)}.error:not(:disabled):hover{border-color:var(--color-error-hover);--mdc-filled-button-container-color: var(--color-error-hover);--mdc-filled-button-label-text-color: var(--color-white)}.error:not(:disabled):active,.error:not(:disabled):focus{border-color:var(--color-error-pressed);--mdc-filled-button-label-text-color: var(--color-white);--mdc-filled-button-container-color: var(--color-error-pressed)}.error:disabled{--mdc-filled-button-disabled-container-color: var(--color-white);--mdc-filled-button-disabled-label-text-color: var(--color-dark-10)}.tertiary ::ng-deep .mat-mdc-button-persistent-ripple:before{opacity:0!important}.tertiary:not(:disabled){border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-30);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):hover{border-color:var(--color-light);--mdc-filled-button-container-color: var(--color-light-80);--mdc-filled-button-label-text-color: var(--color-dark)}.tertiary:not(:disabled):active,.tertiary:not(:disabled):focus{border-color:var(--color-light);--mdc-filled-button-label-text-color: var(--color-dark);--mdc-filled-button-container-color: var(--color-light)}.tertiary:disabled{border-color:var(--color-light);--mdc-filled-button-disabled-container-color: var(--color-muted-50);--mdc-filled-button-disabled-label-text-color: var(--color-medium-50)}.sm{--mdc-filled-button-container-height: 32px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 14px}.xs{--mdc-filled-button-container-height: 24px;--mat-filled-button-horizontal-padding: 8px;--mdc-filled-button-label-text-size: 12px}:host::ng-deep .mdc-button__label{white-space:nowrap}\n"] }]
|
|
500
490
|
}] });
|
|
501
491
|
|
|
502
492
|
class AdsButtonModule {
|
|
@@ -5593,88 +5583,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
5593
5583
|
}]
|
|
5594
5584
|
}] });
|
|
5595
5585
|
|
|
5596
|
-
class AdsInlineSnackbarComponent {
|
|
5597
|
-
constructor(snackBar) {
|
|
5598
|
-
this.snackBar = snackBar;
|
|
5599
|
-
/** Set panel class for the snackbar. It determines snackbar color */
|
|
5600
|
-
this.panelClass = 'success';
|
|
5601
|
-
/** Set message that will be shown on snackbar */
|
|
5602
|
-
this.message = 'Inline Snackbar';
|
|
5603
|
-
/** Set action button label */
|
|
5604
|
-
this.action = 'Click here';
|
|
5605
|
-
/** Set action2 button label */
|
|
5606
|
-
this.action2 = 'Click here';
|
|
5607
|
-
/** @ignore */
|
|
5608
|
-
this.visible = false;
|
|
5609
|
-
}
|
|
5610
|
-
/** @ignore */
|
|
5611
|
-
ngOnInit() {
|
|
5612
|
-
/**
|
|
5613
|
-
* connect regular snackbar to make sure all the required snackbar styles are linked
|
|
5614
|
-
*/
|
|
5615
|
-
this.snackBar.open(this.message || 'X', this.action || 'X');
|
|
5616
|
-
this.snackBar.dismiss();
|
|
5617
|
-
}
|
|
5618
|
-
/** @ignore */
|
|
5619
|
-
click() {
|
|
5620
|
-
if (this.actionCallback)
|
|
5621
|
-
this.actionCallback();
|
|
5622
|
-
return false;
|
|
5623
|
-
}
|
|
5624
|
-
/** @ignore */
|
|
5625
|
-
click2() {
|
|
5626
|
-
if (this.actionCallback2)
|
|
5627
|
-
this.actionCallback2();
|
|
5628
|
-
return false;
|
|
5629
|
-
}
|
|
5630
|
-
/** @ignore */
|
|
5631
|
-
ngAfterViewInit() {
|
|
5632
|
-
setTimeout(() => (this.visible = true), 1);
|
|
5633
|
-
}
|
|
5634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInlineSnackbarComponent, deps: [{ token: i1$3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AdsInlineSnackbarComponent, isStandalone: false, selector: "ads-inline-snackbar", inputs: { panelClass: "panelClass", message: "message", action: "action", actionCallback: "actionCallback", action2: "action2", actionCallback2: "actionCallback2" }, ngImport: i0, template: "<div class=\"mat-snack-bar-container {{ panelClass }}\" [ngClass]=\"{ visible: visible }\">\n <div class=\"mat-simple-snackbar\">\n <span class=\"message\">{{ message }}</span>\n <div class=\"links\" *ngIf=\"actionCallback || actionCallback2\">\n <a href=\"#\" *ngIf=\"actionCallback\" (click)=\"click()\">\n {{ action }}\n </a>\n <a href=\"#\" *ngIf=\"actionCallback2\" (click)=\"click2()\">\n {{ action2 }}\n </a>\n </div>\n </div>\n</div>\n", styles: [".mat-snack-bar-container{background-color:var(--color-secondary);position:absolute;margin:0;bottom:24px;left:50%;transform:translate(-50%) scale(0);opacity:0;min-width:200px;max-width:400px;width:90%;transition:opacity .1s linear,transform .1s linear;border-radius:4px;box-sizing:border-box;display:block;padding:14px 16px;min-height:48px;transform-origin:center}.mat-snack-bar-container.visible{opacity:1;transform:translate(-50%) scale(1)}.mat-snack-bar-container .mat-simple-snackbar{color:var(--color-white);display:flex;justify-content:space-between;align-items:center;line-height:20px;opacity:1}.mat-snack-bar-container .mat-simple-snackbar .message{margin-right:12px}.mat-snack-bar-container .mat-simple-snackbar .links{display:flex;gap:12px}.mat-snack-bar-container .mat-simple-snackbar .links a:first-of-type{color:var(--color-white);text-decoration:underline}.mat-snack-bar-container .mat-simple-snackbar .links a:last-of-type{color:var(--color-white);opacity:.75}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
5636
|
-
}
|
|
5637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInlineSnackbarComponent, decorators: [{
|
|
5638
|
-
type: Component,
|
|
5639
|
-
args: [{ selector: 'ads-inline-snackbar', standalone: false, template: "<div class=\"mat-snack-bar-container {{ panelClass }}\" [ngClass]=\"{ visible: visible }\">\n <div class=\"mat-simple-snackbar\">\n <span class=\"message\">{{ message }}</span>\n <div class=\"links\" *ngIf=\"actionCallback || actionCallback2\">\n <a href=\"#\" *ngIf=\"actionCallback\" (click)=\"click()\">\n {{ action }}\n </a>\n <a href=\"#\" *ngIf=\"actionCallback2\" (click)=\"click2()\">\n {{ action2 }}\n </a>\n </div>\n </div>\n</div>\n", styles: [".mat-snack-bar-container{background-color:var(--color-secondary);position:absolute;margin:0;bottom:24px;left:50%;transform:translate(-50%) scale(0);opacity:0;min-width:200px;max-width:400px;width:90%;transition:opacity .1s linear,transform .1s linear;border-radius:4px;box-sizing:border-box;display:block;padding:14px 16px;min-height:48px;transform-origin:center}.mat-snack-bar-container.visible{opacity:1;transform:translate(-50%) scale(1)}.mat-snack-bar-container .mat-simple-snackbar{color:var(--color-white);display:flex;justify-content:space-between;align-items:center;line-height:20px;opacity:1}.mat-snack-bar-container .mat-simple-snackbar .message{margin-right:12px}.mat-snack-bar-container .mat-simple-snackbar .links{display:flex;gap:12px}.mat-snack-bar-container .mat-simple-snackbar .links a:first-of-type{color:var(--color-white);text-decoration:underline}.mat-snack-bar-container .mat-simple-snackbar .links a:last-of-type{color:var(--color-white);opacity:.75}\n"] }]
|
|
5640
|
-
}], ctorParameters: () => [{ type: i1$3.MatSnackBar }], propDecorators: { panelClass: [{
|
|
5641
|
-
type: Input
|
|
5642
|
-
}], message: [{
|
|
5643
|
-
type: Input
|
|
5644
|
-
}], action: [{
|
|
5645
|
-
type: Input
|
|
5646
|
-
}], actionCallback: [{
|
|
5647
|
-
type: Input
|
|
5648
|
-
}], action2: [{
|
|
5649
|
-
type: Input
|
|
5650
|
-
}], actionCallback2: [{
|
|
5651
|
-
type: Input
|
|
5652
|
-
}] } });
|
|
5653
|
-
|
|
5654
|
-
class AdsInlineSnackbarModule {
|
|
5655
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInlineSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5656
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AdsInlineSnackbarModule, declarations: [AdsInlineSnackbarComponent], imports: [CommonModule, MatSnackBarModule], exports: [AdsInlineSnackbarComponent] }); }
|
|
5657
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInlineSnackbarModule, imports: [CommonModule, MatSnackBarModule] }); }
|
|
5658
|
-
}
|
|
5659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsInlineSnackbarModule, decorators: [{
|
|
5660
|
-
type: NgModule,
|
|
5661
|
-
args: [{
|
|
5662
|
-
declarations: [AdsInlineSnackbarComponent],
|
|
5663
|
-
imports: [CommonModule, MatSnackBarModule],
|
|
5664
|
-
exports: [AdsInlineSnackbarComponent],
|
|
5665
|
-
}]
|
|
5666
|
-
}] });
|
|
5667
|
-
|
|
5668
5586
|
class AdsSnackbarComponent {
|
|
5669
5587
|
constructor() {
|
|
5670
5588
|
this.data = inject(MAT_SNACK_BAR_DATA);
|
|
5671
5589
|
this.snackBarRef = inject(MatSnackBarRef);
|
|
5672
|
-
this.defaultButtonCaption = 'Close
|
|
5590
|
+
this.defaultButtonCaption = 'Close';
|
|
5673
5591
|
this.PanelClass = PanelClass;
|
|
5674
5592
|
}
|
|
5675
5593
|
get buttonPanelClass() {
|
|
5676
5594
|
const panelClass = this.snackBarRef.containerInstance.snackBarConfig.panelClass;
|
|
5677
|
-
return panelClass === PanelClass.Error ?
|
|
5595
|
+
return panelClass === PanelClass.Error ? 'error' : 'secondary';
|
|
5678
5596
|
}
|
|
5679
5597
|
/** @ignore */
|
|
5680
5598
|
onSnackbarClick() {
|
|
@@ -5683,11 +5601,11 @@ class AdsSnackbarComponent {
|
|
|
5683
5601
|
}
|
|
5684
5602
|
}
|
|
5685
5603
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5686
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsSnackbarComponent, isStandalone: false, selector: "ads-snackbar", host: { listeners: { "click": "onSnackbarClick()" } }, ngImport: i0, template: "<div class=\"container\" (click)=\"onSnackbarClick()\">\n <div>\n @if (data.title) {\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n }\n <span [innerHTML]=\"data.message\"></span>\n </div>\n @if (!data.hideActionButton) {\n <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\">\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{font-size:
|
|
5604
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsSnackbarComponent, isStandalone: false, selector: "ads-snackbar", host: { listeners: { "click": "onSnackbarClick()" } }, ngImport: i0, template: "<div class=\"container\" (click)=\"onSnackbarClick()\">\n <div>\n @if (data.title) {\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n }\n <span class=\"snackbar-details\" [innerHTML]=\"data.message\"></span>\n </div>\n @if (!data.hideActionButton) {\n <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\">\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}.container .snackbar-details{color:var(--color-white);font-size:14px;font-weight:400;line-height:18px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"], dependencies: [{ kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }] }); }
|
|
5687
5605
|
}
|
|
5688
5606
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSnackbarComponent, decorators: [{
|
|
5689
5607
|
type: Component,
|
|
5690
|
-
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\">\n <div>\n @if (data.title) {\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n }\n <span [innerHTML]=\"data.message\"></span>\n </div>\n @if (!data.hideActionButton) {\n <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\">\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{font-size:
|
|
5608
|
+
args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\">\n <div>\n @if (data.title) {\n <div class=\"snackbar-title\" [innerHTML]=\"data.title\"></div>\n }\n <span class=\"snackbar-details\" [innerHTML]=\"data.message\"></span>\n </div>\n @if (!data.hideActionButton) {\n <ads-button [variant]=\"buttonPanelClass\" (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\">\n {{ data.buttonCaption ?? defaultButtonCaption }}\n </ads-button>\n }\n</div>\n", styles: [".container{display:flex;justify-content:space-between;gap:24px;width:80vw}.container .snackbar-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:21px}.container .snackbar-details{color:var(--color-white);font-size:14px;font-weight:400;line-height:18px}ads-button{white-space:nowrap}@media (width <= 500px){.container{width:100%}}\n"] }]
|
|
5691
5609
|
}], propDecorators: { onSnackbarClick: [{
|
|
5692
5610
|
type: HostListener,
|
|
5693
5611
|
args: ['click']
|
|
@@ -5695,7 +5613,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
5695
5613
|
var PanelClass;
|
|
5696
5614
|
(function (PanelClass) {
|
|
5697
5615
|
PanelClass["Primary"] = "primary";
|
|
5698
|
-
PanelClass["Secondary"] = "secondary";
|
|
5699
5616
|
PanelClass["Error"] = "error";
|
|
5700
5617
|
})(PanelClass || (PanelClass = {}));
|
|
5701
5618
|
|
|
@@ -5733,13 +5650,13 @@ class ViewportService {
|
|
|
5733
5650
|
observe(breakpoints = Breakpoints.Handset) {
|
|
5734
5651
|
return this.breakpointObserver.observe(breakpoints);
|
|
5735
5652
|
}
|
|
5736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ViewportService, deps: [{ token: i1$
|
|
5653
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ViewportService, deps: [{ token: i1$3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5737
5654
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ViewportService, providedIn: 'root' }); }
|
|
5738
5655
|
}
|
|
5739
5656
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ViewportService, decorators: [{
|
|
5740
5657
|
type: Injectable,
|
|
5741
5658
|
args: [{ providedIn: 'root' }]
|
|
5742
|
-
}], ctorParameters: () => [{ type: i1$
|
|
5659
|
+
}], ctorParameters: () => [{ type: i1$3.BreakpointObserver }] });
|
|
5743
5660
|
|
|
5744
5661
|
class WindowService {
|
|
5745
5662
|
get innerHeight() {
|
|
@@ -5788,13 +5705,13 @@ class AdsModalComponent {
|
|
|
5788
5705
|
onClose() {
|
|
5789
5706
|
this.dialogRef.close();
|
|
5790
5707
|
}
|
|
5791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsModalComponent, deps: [{ token: i1$
|
|
5792
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsModalComponent, isStandalone: false, selector: "ads-modal", ngImport: i0, template: "<div mat-dialog-title>\n @if (data.headerTemplate) {\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\n }\n {{ data.title }}\n <div class=\"cross-icon-container\">\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onClose()\" />\n </div>\n</div>\n\n<div mat-dialog-content>\n @if (data.contentTemplate) {\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\n }\n {{ data.content }}\n</div>\n\n<div mat-dialog-actions>\n @if (data.actionsTemplate) {\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\n } @else {\n @if (!data.hideCancel) {\n <ads-button variant=\"secondary\" (click)=\"onCancel()\">\n @if (data.cancelButtonText) {\n {{ data.cancelButtonText }}\n } @else {\n {{ 'Cancel' }}\n }\n </ads-button>\n }\n <ads-button variant=\"primary\" (click)=\"onSubmit()\">\n @if (data.confirmButtonText) {\n {{ data.confirmButtonText }}\n } @else {\n {{ 'Save' }}\n }\n </ads-button>\n }\n</div>\n", styles: ["::ng-deep .mat-mdc-dialog-surface{--mdc-dialog-container-shape: 10px;--mdc-dialog-container-color: var(--color-white)}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title{--mat-dialog-headline-padding: 24px 16px 16px 24px;display:flex;justify-content:space-between;--mdc-dialog-subhead-color: var(--color-dark);--mdc-dialog-subhead-line-height: 26px;--mdc-dialog-subhead-size: 20px;--mdc-dialog-subhead-weight: 600}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title:before{content:none}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container{cursor:pointer}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon,::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon>svg{width:16px!important;height:16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content{letter-spacing:normal!important;--mat-dialog-with-actions-content-padding: 0 24px 24px 24px;--mdc-dialog-supporting-text-color: var(--color-medium);--mdc-dialog-supporting-text-line-height: 21px;--mdc-dialog-supporting-text-size: 16px;--mdc-dialog-supporting-text-weight: 400}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions{border-top:1px solid var(--color-light);--mat-dialog-actions-padding: 24px;--mat-dialog-actions-alignment: end;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1$
|
|
5708
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsModalComponent, deps: [{ token: i1$4.MatDialogRef }, { token: i1.AdsIconRegistry }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5709
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsModalComponent, isStandalone: false, selector: "ads-modal", ngImport: i0, template: "<div mat-dialog-title>\n @if (data.headerTemplate) {\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\n }\n {{ data.title }}\n <div class=\"cross-icon-container\">\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onClose()\" />\n </div>\n</div>\n\n<div mat-dialog-content>\n @if (data.contentTemplate) {\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\n }\n {{ data.content }}\n</div>\n\n<div mat-dialog-actions>\n @if (data.actionsTemplate) {\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\n } @else {\n @if (!data.hideCancel) {\n <ads-button variant=\"secondary\" (click)=\"onCancel()\">\n @if (data.cancelButtonText) {\n {{ data.cancelButtonText }}\n } @else {\n {{ 'Cancel' }}\n }\n </ads-button>\n }\n <ads-button variant=\"primary\" (click)=\"onSubmit()\">\n @if (data.confirmButtonText) {\n {{ data.confirmButtonText }}\n } @else {\n {{ 'Save' }}\n }\n </ads-button>\n }\n</div>\n", styles: ["::ng-deep .mat-mdc-dialog-surface{--mdc-dialog-container-shape: 10px;--mdc-dialog-container-color: var(--color-white)}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title{--mat-dialog-headline-padding: 24px 16px 16px 24px;display:flex;justify-content:space-between;--mdc-dialog-subhead-color: var(--color-dark);--mdc-dialog-subhead-line-height: 26px;--mdc-dialog-subhead-size: 20px;--mdc-dialog-subhead-weight: 600}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title:before{content:none}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container{cursor:pointer}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon,::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon>svg{width:16px!important;height:16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content{letter-spacing:normal!important;--mat-dialog-with-actions-content-padding: 0 24px 24px 24px;--mdc-dialog-supporting-text-color: var(--color-medium);--mdc-dialog-supporting-text-line-height: 21px;--mdc-dialog-supporting-text-size: 16px;--mdc-dialog-supporting-text-weight: 400}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions{border-top:1px solid var(--color-light);--mat-dialog-actions-padding: 24px;--mat-dialog-actions-alignment: end;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
5793
5710
|
}
|
|
5794
5711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsModalComponent, decorators: [{
|
|
5795
5712
|
type: Component,
|
|
5796
5713
|
args: [{ selector: 'ads-modal', standalone: false, template: "<div mat-dialog-title>\n @if (data.headerTemplate) {\n <ng-container *ngTemplateOutlet=\"data.headerTemplate; context: { data: data.templateData }\" />\n }\n {{ data.title }}\n <div class=\"cross-icon-container\">\n <ads-icon name=\"cross\" size=\"xxs\" stroke=\"iconPrimary\" (click)=\"onClose()\" />\n </div>\n</div>\n\n<div mat-dialog-content>\n @if (data.contentTemplate) {\n <ng-container *ngTemplateOutlet=\"data.contentTemplate; context: { data: data.templateData }\" />\n }\n {{ data.content }}\n</div>\n\n<div mat-dialog-actions>\n @if (data.actionsTemplate) {\n <ng-container *ngTemplateOutlet=\"data.actionsTemplate; context: { data: data.templateData }\" />\n } @else {\n @if (!data.hideCancel) {\n <ads-button variant=\"secondary\" (click)=\"onCancel()\">\n @if (data.cancelButtonText) {\n {{ data.cancelButtonText }}\n } @else {\n {{ 'Cancel' }}\n }\n </ads-button>\n }\n <ads-button variant=\"primary\" (click)=\"onSubmit()\">\n @if (data.confirmButtonText) {\n {{ data.confirmButtonText }}\n } @else {\n {{ 'Save' }}\n }\n </ads-button>\n }\n</div>\n", styles: ["::ng-deep .mat-mdc-dialog-surface{--mdc-dialog-container-shape: 10px;--mdc-dialog-container-color: var(--color-white)}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title{--mat-dialog-headline-padding: 24px 16px 16px 24px;display:flex;justify-content:space-between;--mdc-dialog-subhead-color: var(--color-dark);--mdc-dialog-subhead-line-height: 26px;--mdc-dialog-subhead-size: 20px;--mdc-dialog-subhead-weight: 600}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title:before{content:none}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container{cursor:pointer}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon,::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-title .cross-icon-container ads-icon>svg{width:16px!important;height:16px!important}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-container .mat-mdc-dialog-title+.mat-mdc-dialog-content{padding-top:8px}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-content{letter-spacing:normal!important;--mat-dialog-with-actions-content-padding: 0 24px 24px 24px;--mdc-dialog-supporting-text-color: var(--color-medium);--mdc-dialog-supporting-text-line-height: 21px;--mdc-dialog-supporting-text-size: 16px;--mdc-dialog-supporting-text-weight: 400}::ng-deep .mat-mdc-dialog-surface .mat-mdc-dialog-actions{border-top:1px solid var(--color-light);--mat-dialog-actions-padding: 24px;--mat-dialog-actions-alignment: end;gap:16px}\n"] }]
|
|
5797
|
-
}], ctorParameters: () => [{ type: i1$
|
|
5714
|
+
}], ctorParameters: () => [{ type: i1$4.MatDialogRef }, { type: i1.AdsIconRegistry }, { type: undefined, decorators: [{
|
|
5798
5715
|
type: Inject,
|
|
5799
5716
|
args: [MAT_DIALOG_DATA]
|
|
5800
5717
|
}] }] });
|
|
@@ -6487,9 +6404,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
6487
6404
|
}]
|
|
6488
6405
|
}] });
|
|
6489
6406
|
|
|
6407
|
+
class AdsBubbleComponent {
|
|
6408
|
+
/** @ignore */
|
|
6409
|
+
constructor(http) {
|
|
6410
|
+
this.http = http;
|
|
6411
|
+
/** @ignore */
|
|
6412
|
+
this.svgContent = null;
|
|
6413
|
+
/** @ignore */
|
|
6414
|
+
this.svgName = 'bubbles'; // Change this to the name of your SVG file
|
|
6415
|
+
/** @ignore */
|
|
6416
|
+
this.svgUrl = `public/images/${this.svgName}.svg`;
|
|
6417
|
+
/** @ignore */
|
|
6418
|
+
this.svgBackgroundElement = viewChild.required('svgBackground');
|
|
6419
|
+
}
|
|
6420
|
+
/** @ignore */
|
|
6421
|
+
ngAfterContentInit() {
|
|
6422
|
+
this.fetchSvg();
|
|
6423
|
+
}
|
|
6424
|
+
/** @ignore */
|
|
6425
|
+
fetchSvg() {
|
|
6426
|
+
this.http.get(this.svgUrl, { responseType: 'text' }).subscribe((content) => {
|
|
6427
|
+
this.svgContent = content;
|
|
6428
|
+
this.applyBackgroundPattern();
|
|
6429
|
+
}, (error) => {
|
|
6430
|
+
console.error('Failed to load SVG', error);
|
|
6431
|
+
});
|
|
6432
|
+
}
|
|
6433
|
+
/** @ignore */
|
|
6434
|
+
applyBackgroundPattern() {
|
|
6435
|
+
console.log(this.svgBackgroundElement);
|
|
6436
|
+
console.log(this.svgContent);
|
|
6437
|
+
if (this.svgContent && this.svgBackgroundElement()) {
|
|
6438
|
+
const svgDataUri = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(this.svgContent)}`;
|
|
6439
|
+
this.svgBackgroundElement().nativeElement.style.backgroundImage = `url("${svgDataUri}")`;
|
|
6440
|
+
}
|
|
6441
|
+
}
|
|
6442
|
+
/** @ignore */
|
|
6443
|
+
downloadSvg() {
|
|
6444
|
+
const link = document.createElement('a');
|
|
6445
|
+
link.href = this.svgUrl;
|
|
6446
|
+
link.download = `${this.svgName}.svg`;
|
|
6447
|
+
link.click();
|
|
6448
|
+
}
|
|
6449
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleComponent, deps: [{ token: i1$5.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6450
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AdsBubbleComponent, isStandalone: false, selector: "ads-bubble", viewQueries: [{ propertyName: "svgBackgroundElement", first: true, predicate: ["svgBackground"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #svgBackground class=\"svg-background\"></div>\n@if (svgContent) {\n <div class=\"button-container\">\n <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\n </div>\n}\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"], dependencies: [{ kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type"] }] }); }
|
|
6451
|
+
}
|
|
6452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleComponent, decorators: [{
|
|
6453
|
+
type: Component,
|
|
6454
|
+
args: [{ selector: 'ads-bubble', standalone: false, template: "<div #svgBackground class=\"svg-background\"></div>\n@if (svgContent) {\n <div class=\"button-container\">\n <ads-button (click)=\"downloadSvg()\">Download SVG</ads-button>\n </div>\n}\n", styles: [".svg-background{width:100%;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px}.button-container{display:flex;justify-content:center;padding-top:32px}\n"] }]
|
|
6455
|
+
}], ctorParameters: () => [{ type: i1$5.HttpClient }] });
|
|
6456
|
+
|
|
6457
|
+
class AdsBubbleModule {
|
|
6458
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6459
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleModule, declarations: [AdsBubbleComponent], imports: [CommonModule, NgOptimizedImage, AdsButtonModule], exports: [AdsBubbleComponent] }); }
|
|
6460
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleModule, imports: [CommonModule, AdsButtonModule] }); }
|
|
6461
|
+
}
|
|
6462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsBubbleModule, decorators: [{
|
|
6463
|
+
type: NgModule,
|
|
6464
|
+
args: [{
|
|
6465
|
+
imports: [CommonModule, NgOptimizedImage, AdsButtonModule],
|
|
6466
|
+
exports: [AdsBubbleComponent],
|
|
6467
|
+
declarations: [AdsBubbleComponent],
|
|
6468
|
+
}]
|
|
6469
|
+
}] });
|
|
6470
|
+
|
|
6490
6471
|
/**
|
|
6491
6472
|
* Generated bundle index. Do not edit.
|
|
6492
6473
|
*/
|
|
6493
6474
|
|
|
6494
|
-
export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule,
|
|
6475
|
+
export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalStepperComponent, AdsVerticalStepperModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, VerticalStepStatus, ViewportService, WindowService };
|
|
6495
6476
|
//# sourceMappingURL=ascentgl-ads-ui.mjs.map
|