@ascentgl/ads-ui 0.0.71 → 0.0.72

package/fesm2022/ascentgl-ads-ui.mjs

@@ -5643,12 +5643,17 @@ class AdsSnackbarComponent {
         this.snackBarRef = inject(MatSnackBarRef);
         this.defaultButtonCaption = 'Close';
         this.PanelClass = PanelClass;
+        this.indexedDB = indexedDB;
     }
     get buttonPanelClass() {
         const panelClass = this.snackBarRef.containerInstance.snackBarConfig.panelClass;
         return panelClass === PanelClass.Error ? 'error' : 'secondary';
     }
     /** @ignore */
+    get id() {
+        return this.data.id || 'ads-snackbar';
+    }
+    /** @ignore */
     ngAfterViewInit() {
         const overlayWrapper = this.elementRef.nativeElement.closest('.cdk-global-overlay-wrapper');
         if (overlayWrapper) {
@@ -5662,11 +5667,11 @@ class AdsSnackbarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSnackbarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    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"] }] }); }
+    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()\" [id]=\"id\">\n  <div>\n    @if (data.title) {\n      <div class=\"snackbar-title\" [innerHTML]=\"data.title\" [id]=\"id + '-title'\"></div>\n    }\n    <span class=\"snackbar-details\" [innerHTML]=\"data.message\" [id]=\"id + '-details'\"></span>\n  </div>\n  @if (!data.hideActionButton) {\n    <ads-button\n      [id]=\"id + '-button'\"\n      [variant]=\"buttonPanelClass\"\n      (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\"\n    >\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AdsSnackbarComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ selector: 'ads-snackbar', standalone: false, template: "<div class=\"container\" (click)=\"onSnackbarClick()\" [id]=\"id\">\n  <div>\n    @if (data.title) {\n      <div class=\"snackbar-title\" [innerHTML]=\"data.title\" [id]=\"id + '-title'\"></div>\n    }\n    <span class=\"snackbar-details\" [innerHTML]=\"data.message\" [id]=\"id + '-details'\"></span>\n  </div>\n  @if (!data.hideActionButton) {\n    <ads-button\n      [id]=\"id + '-button'\"\n      [variant]=\"buttonPanelClass\"\n      (click)=\"snackBarRef.dismissWithAction(); $event.stopPropagation()\"\n    >\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"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onSnackbarClick: [{
                 type: HostListener,
                 args: ['click']