mis-crystal-design-system 4.0.49 → 4.0.50

package/bundles/mis-crystal-design-system-ske-loader.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts"],"names":["SkeLoaderComponent","this","rowCount","lineHeight","height","width","gap","Object","defineProperty","prototype","num","Array","ngOnInit","Component","args","selector","template","Input","NgModule","declarations","imports","CommonModule","exports"],"mappings":"8fAkBE,SAAAA,IATAC,KAAAC,SAAW,CAAC,GAIHD,KAAAE,WAAqB,OACrBF,KAAAG,OAAiB,OACjBH,KAAAI,MAAgB,OAChBJ,KAAAK,IAAc,aANvBC,OAAAC,eAAaR,EAAAS,UAAA,QAAK,KAAlB,SAAmBC,GACjBT,KAAKC,SAAWS,MAAMD,oCASxBV,EAAAS,UAAAG,SAAA,sCAlBDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,sBACVC,SAAA,kvBAMCC,EAAAA,0BAGAA,EAAAA,sBACAA,EAAAA,qBACAA,EAAAA,mBACAA,EAAAA,eCPH,iCALCC,EAAAA,SAAQJ,KAAA,CAAC,CACRK,aAAc,CAACnB,GACfoB,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACtB","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n  selector: 'mis-skeleton-loader',\n  templateUrl: './ske-loader.component.html',\n  styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n  rowCount = [1];\n  @Input() set count(num: number) {\n    this.rowCount = Array(num)\n  };\n  @Input() lineHeight: string = '20px';\n  @Input() height: string = '100%';\n  @Input() width: string = '100%';\n  @Input() gap: string = '8px'\n\n  constructor() { }\n\n  ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n  declarations: [SkeLoaderComponent],\n  imports: [CommonModule],\n  exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n"]}
+{"version":3,"sources":["../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts"],"names":["SkeLoaderComponent","this","rowCount","lineHeight","height","width","gap","Object","defineProperty","prototype","num","Array","ngOnInit","Component","args","selector","template","Input","NgModule","declarations","imports","CommonModule","exports"],"mappings":"8fAkBE,SAAAA,IATAC,KAAAC,SAAW,CAAC,GAIHD,KAAAE,WAAqB,OACrBF,KAAAG,OAAiB,OACjBH,KAAAI,MAAgB,OAChBJ,KAAAK,IAAc,aANvBC,OAAAC,eAAaR,EAAAS,UAAA,QAAK,KAAlB,SAAmBC,GACjBT,KAAKC,SAAWS,MAAMD,oCASxBV,EAAAS,UAAAG,SAAA,sCAlBDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,sBACVC,SAAA,8oBAMCC,EAAAA,0BAGAA,EAAAA,sBACAA,EAAAA,qBACAA,EAAAA,mBACAA,EAAAA,eCPH,iCALCC,EAAAA,SAAQJ,KAAA,CAAC,CACRK,aAAc,CAACnB,GACfoB,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACtB","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n  selector: 'mis-skeleton-loader',\n  templateUrl: './ske-loader.component.html',\n  styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n  rowCount = [1];\n  @Input() set count(num: number) {\n    this.rowCount = Array(num)\n  };\n  @Input() lineHeight: string = '20px';\n  @Input() height: string = '100%';\n  @Input() width: string = '100%';\n  @Input() gap: string = '8px'\n\n  constructor() { }\n\n  ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n  declarations: [SkeLoaderComponent],\n  imports: [CommonModule],\n  exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n"]}

package/bundles/mis-crystal-design-system-snackbar.umd.js

@@ -4,28 +4,25 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].snackbar = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.core, global.ng.common));
 }(this, (function (exports, i1, portal, i0, common) { 'use strict';
 
-    // snackbar.component.ts
     var SnackbarComponent = /** @class */ (function () {
-        function SnackbarComponent(input) {
-            this.input = input;
+        function SnackbarComponent() {
             this.triggerAction = new i0.EventEmitter();
         }
-        SnackbarComponent.prototype.triggerActionFunction = function () {
-            this.triggerAction.emit(true);
+        SnackbarComponent.prototype.onActionClick = function () {
+            this.triggerAction.emit();
         };
         return SnackbarComponent;
     }());
     SnackbarComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: 'mis-snackbar',
-                    template: "<div class=\"snackbar-container\">\n  <div class=\"messages\" *ngIf=\"!input.config.hasComponent\">\n\n    <span class=\"message\">\n      <img *ngIf=\"input.config.iconUrl\" [src]=\"input.config.iconUrl\" alt=\"\">\n      {{ input.config.message }}\n    </span>\n    <div class=\"snackbar-action\" *ngIf=\"input.config.actionString\">\n      <button (click)=\"triggerActionFunction()\">{{ input.config.actionString }}</button>\n    </div>\n  </div>\n  <div class=\"component-container\" *ngIf=\"input.config.hasComponent\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+                    selector: 'app-snackbar',
+                    template: "<div class=\"snackbar-container\">\n  <div class=\"messages\" *ngIf=\"!config.hasComponent\">\n    <span class=\"message\">\n      <img *ngIf=\"config.iconUrl\" [src]=\"config.iconUrl\" alt=\"\">\n      {{ config.message }}\n    </span>\n    <div class=\"snackbar-action\" *ngIf=\"config.actionString\">\n      <button (click)=\"onActionClick()\">{{ config.actionString }}</button>\n    </div>\n  </div>\n  <div class=\"component-container\" *ngIf=\"config.hasComponent\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
                     styles: [".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width:768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}"]
                 },] }
     ];
-    SnackbarComponent.ctorParameters = function () { return [
-        { type: SnackbarService }
-    ]; };
+    SnackbarComponent.ctorParameters = function () { return []; };
     SnackbarComponent.propDecorators = {
+        config: [{ type: i0.Input }],
         triggerAction: [{ type: i0.Output }]
     };
 
@@ -76,6 +73,18 @@
     var SnackbarModule = /** @class */ (function () {
         function SnackbarModule() {
         }
+        SnackbarModule.forRoot = function () {
+            return {
+                ngModule: SnackbarModule,
+                providers: [SnackbarService]
+            };
+        };
+        SnackbarModule.forChild = function () {
+            return {
+                ngModule: SnackbarModule,
+                providers: [SnackbarService]
+            };
+        };
         return SnackbarModule;
     }());
     SnackbarModule.decorators = [
@@ -88,7 +97,6 @@
                     ],
                     exports: [SnackbarComponent],
                     entryComponents: [SnackbarComponent],
-                    providers: [SnackbarService]
                 },] }
     ];
 

package/bundles/mis-crystal-design-system-snackbar.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-snackbar.umd.js","sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts","../../../projects/mis-components/snackbar/mis-crystal-design-system-snackbar.ts"],"sourcesContent":["// snackbar.component.ts\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SnackbarService } from '../snackbar.service';\n\n@Component({\n  selector: 'mis-snackbar',\n  templateUrl: \"./snackbar.component.html\",\n  styleUrls: [\"./snackbar.component.css\"],\n})\nexport class SnackbarComponent {\n  @Output() triggerAction = new EventEmitter<any>();\n  constructor(public input: SnackbarService){}\n  triggerActionFunction(){\n    this.triggerAction.emit(true)\n  }\n}\n","export interface ISnackBarConfig {\n  message: string;\n  actionString: string;\n  hasComponent: boolean;\n  iconUrl?: string;\n  component?: ComponentRef<any>;\n  duration?: number;\n  onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class SnackbarService {\n  config: ISnackBarConfig;\n  private snackbarRef: OverlayRef;\n\n  constructor(private overlay: Overlay) {}\n\n  openSnackbar(config: ISnackBarConfig): void {\n    this.config = config;\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n    });\n\n    this.snackbarRef = this.overlay.create(overlayConfig);\n\n    const snackbarPortal = new ComponentPortal(SnackbarComponent);\n    const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n    //   componentRef.instance.config = config;\n\n    config.duration = config.duration || 3000;\n    setTimeout(() => {\n      this.closeSnackbar();\n    }, config.duration);\n\n    componentRef.instance.triggerAction.subscribe(() => {\n      if (config.onActionClick) {\n        config.onActionClick();\n      }\n      this.closeSnackbar();\n    });\n  }\n\n  closeSnackbar(): void {\n    if (this.snackbarRef) {\n      this.snackbarRef.dispose();\n      this.snackbarRef = null;\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n  declarations: [\n    SnackbarComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [SnackbarComponent],\n  entryComponents: [SnackbarComponent],\n  providers: [SnackbarService]\n})\nexport class SnackbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Output","OverlayConfig","ComponentPortal","Injectable","Overlay","NgModule","CommonModule"],"mappings":";;;;;;IAAA;;QAWE,2BAAmB,KAAsB;YAAtB,UAAK,GAAL,KAAK,CAAiB;YAD/B,kBAAa,GAAG,IAAIA,eAAY,EAAO,CAAC;SACN;QAC5C,iDAAqB,GAArB;YACE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SAC9B;;;;gBAVFC,YAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,2kBAAwC;;iBAEzC;;;gBANQ,eAAe;;;gCAQrBC,SAAM;;;;QCWP,yBAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;SAAI;QAExC,sCAAY,GAAZ,UAAa,MAAuB;YAApC,iBAyBC;YAxBC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAM,aAAa,GAAG,IAAIC,gBAAa,CAAC;gBACtC,WAAW,EAAE,KAAK;gBAClB,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aACvF,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAEtD,IAAM,cAAc,GAAG,IAAIC,sBAAe,CAAC,iBAAiB,CAAC,CAAC;YAC9D,IAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;;YAI7D,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC;YAC1C,UAAU,CAAC;gBACT,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEpB,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;gBAC5C,IAAI,MAAM,CAAC,aAAa,EAAE;oBACxB,MAAM,CAAC,aAAa,EAAE,CAAC;iBACxB;gBACD,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,CAAC,CAAC;SACJ;QAED,uCAAa,GAAb;YACE,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;SACF;;;;;gBAzCFC,aAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;gBAPQC,UAAO;;;;QCShB;;;;;gBAXCC,WAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;qBAClB;oBACD,OAAO,EAAE;wBACPC,mBAAY;qBACb;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;oBACpC,SAAS,EAAE,CAAC,eAAe,CAAC;iBAC7B;;;ICjBD;;;;;;;;;;;;;;"}
+{"version":3,"file":"mis-crystal-design-system-snackbar.umd.js","sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts","../../../projects/mis-components/snackbar/mis-crystal-design-system-snackbar.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ISnackBarConfig } from '../snackbar.service';\n\n@Component({\n  selector: 'app-snackbar',\n  templateUrl: './snackbar.component.html',\n  styleUrls: ['./snackbar.component.css']\n})\nexport class SnackbarComponent {\n  @Input() config: ISnackBarConfig;\n  @Output() triggerAction = new EventEmitter<void>();\n  constructor(){}\n  onActionClick(): void {\n    this.triggerAction.emit();\n  }\n}\n","export interface ISnackBarConfig {\n  message: string;\n  actionString: string;\n  hasComponent: boolean;\n  iconUrl?: string;\n  component?: ComponentRef<any>;\n  duration?: number;\n  onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class SnackbarService {\n  config: ISnackBarConfig;\n  private snackbarRef: OverlayRef;\n\n  constructor(private overlay: Overlay) {}\n\n  openSnackbar(config: ISnackBarConfig): void {\n    this.config = config;\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n    });\n\n    this.snackbarRef = this.overlay.create(overlayConfig);\n\n    const snackbarPortal = new ComponentPortal(SnackbarComponent);\n    const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n    //   componentRef.instance.config = config;\n\n    config.duration = config.duration || 3000;\n    setTimeout(() => {\n      this.closeSnackbar();\n    }, config.duration);\n\n    componentRef.instance.triggerAction.subscribe(() => {\n      if (config.onActionClick) {\n        config.onActionClick();\n      }\n      this.closeSnackbar();\n    });\n  }\n\n  closeSnackbar(): void {\n    if (this.snackbarRef) {\n      this.snackbarRef.dispose();\n      this.snackbarRef = null;\n    }\n  }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n  declarations: [\n    SnackbarComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [SnackbarComponent],\n  entryComponents: [SnackbarComponent],\n})\nexport class SnackbarModule {\n  static forRoot(): ModuleWithProviders<SnackbarModule> {\n    return {\n      ngModule: SnackbarModule,\n      providers: [SnackbarService]\n    };\n  }\n\n  static forChild(): ModuleWithProviders<SnackbarModule> {\n    return {\n      ngModule: SnackbarModule,\n      providers: [ SnackbarService]\n    };\n  }\n }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","OverlayConfig","ComponentPortal","Injectable","Overlay","NgModule","CommonModule"],"mappings":";;;;;;;QAWE;YADU,kBAAa,GAAG,IAAIA,eAAY,EAAQ,CAAC;SACpC;QACf,yCAAa,GAAb;YACE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAC3B;;;;gBAXFC,YAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,uhBAAwC;;iBAEzC;;;;yBAEEC,QAAK;gCACLC,SAAM;;;;QCWP,yBAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;SAAI;QAExC,sCAAY,GAAZ,UAAa,MAAuB;YAApC,iBAyBC;YAxBC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAM,aAAa,GAAG,IAAIC,gBAAa,CAAC;gBACtC,WAAW,EAAE,KAAK;gBAClB,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aACvF,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAEtD,IAAM,cAAc,GAAG,IAAIC,sBAAe,CAAC,iBAAiB,CAAC,CAAC;YAC9D,IAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;;YAI7D,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC;YAC1C,UAAU,CAAC;gBACT,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEpB,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;gBAC5C,IAAI,MAAM,CAAC,aAAa,EAAE;oBACxB,MAAM,CAAC,aAAa,EAAE,CAAC;iBACxB;gBACD,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,CAAC,CAAC;SACJ;QAED,uCAAa,GAAb;YACE,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;SACF;;;;;gBAzCFC,aAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;gBAPQC,UAAO;;;;QCQhB;;QACS,sBAAO,GAAd;YACE,OAAO;gBACL,QAAQ,EAAE,cAAc;gBACxB,SAAS,EAAE,CAAC,eAAe,CAAC;aAC7B,CAAC;SACH;QAEM,uBAAQ,GAAf;YACE,OAAO;gBACL,QAAQ,EAAE,cAAc;gBACxB,SAAS,EAAE,CAAE,eAAe,CAAC;aAC9B,CAAC;SACH;;;;gBAvBFC,WAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;qBAClB;oBACD,OAAO,EAAE;wBACPC,mBAAY;qBACb;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;iBACrC;;;IChBD;;;;;;;;;;;;;;"}

package/bundles/mis-crystal-design-system-snackbar.umd.min.js

@@ -1,2 +1,2 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/snackbar",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/common"],t):t(((n="undefined"!=typeof globalThis?globalThis:n||self)["mis-crystal-design-system"]=n["mis-crystal-design-system"]||{},n["mis-crystal-design-system"].snackbar={}),n.ng.cdk.overlay,n.ng.cdk.portal,n.ng.core,n.ng.common)}(this,(function(n,t,o,e,r){"use strict";var a=function(){function n(n){this.input=n,this.triggerAction=new e.EventEmitter}return n.prototype.triggerActionFunction=function(){this.triggerAction.emit(!0)},n}();a.decorators=[{type:e.Component,args:[{selector:"mis-snackbar",template:'<div class="snackbar-container">\n  <div class="messages" *ngIf="!input.config.hasComponent">\n\n    <span class="message">\n      <img *ngIf="input.config.iconUrl" [src]="input.config.iconUrl" alt="">\n      {{ input.config.message }}\n    </span>\n    <div class="snackbar-action" *ngIf="input.config.actionString">\n      <button (click)="triggerActionFunction()">{{ input.config.actionString }}</button>\n    </div>\n  </div>\n  <div class="component-container" *ngIf="input.config.hasComponent">\n    <ng-content></ng-content>\n  </div>\n</div>\n',styles:[".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width:768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}"]}]}],a.ctorParameters=function(){return[{type:i}]},a.propDecorators={triggerAction:[{type:e.Output}]};var i=function(){function n(n){this.overlay=n}return n.prototype.openSnackbar=function(n){var e=this;this.config=n;var r=new t.OverlayConfig({hasBackdrop:!1,positionStrategy:this.overlay.position().global().centerHorizontally().bottom("48px")});this.snackbarRef=this.overlay.create(r);var i=new o.ComponentPortal(a),c=this.snackbarRef.attach(i);n.duration=n.duration||3e3,setTimeout((function(){e.closeSnackbar()}),n.duration),c.instance.triggerAction.subscribe((function(){n.onActionClick&&n.onActionClick(),e.closeSnackbar()}))},n.prototype.closeSnackbar=function(){this.snackbarRef&&(this.snackbarRef.dispose(),this.snackbarRef=null)},n}();i.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new i(e.ɵɵinject(t.Overlay))},token:i,providedIn:"root"}),i.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[{type:t.Overlay}]};var c=function(){};c.decorators=[{type:e.NgModule,args:[{declarations:[a],imports:[r.CommonModule],exports:[a],entryComponents:[a],providers:[i]}]}],n.SnackbarComponent=a,n.SnackbarModule=c,n.SnackbarService=i,Object.defineProperty(n,"__esModule",{value:!0})}));
+!function(n,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/snackbar",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/common"],o):o(((n="undefined"!=typeof globalThis?globalThis:n||self)["mis-crystal-design-system"]=n["mis-crystal-design-system"]||{},n["mis-crystal-design-system"].snackbar={}),n.ng.cdk.overlay,n.ng.cdk.portal,n.ng.core,n.ng.common)}(this,(function(n,o,t,e,r){"use strict";var a=function(){function n(){this.triggerAction=new e.EventEmitter}return n.prototype.onActionClick=function(){this.triggerAction.emit()},n}();a.decorators=[{type:e.Component,args:[{selector:"app-snackbar",template:'<div class="snackbar-container">\n  <div class="messages" *ngIf="!config.hasComponent">\n    <span class="message">\n      <img *ngIf="config.iconUrl" [src]="config.iconUrl" alt="">\n      {{ config.message }}\n    </span>\n    <div class="snackbar-action" *ngIf="config.actionString">\n      <button (click)="onActionClick()">{{ config.actionString }}</button>\n    </div>\n  </div>\n  <div class="component-container" *ngIf="config.hasComponent">\n    <ng-content></ng-content>\n  </div>\n</div>\n',styles:[".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width:768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={config:[{type:e.Input}],triggerAction:[{type:e.Output}]};var i=function(){function n(n){this.overlay=n}return n.prototype.openSnackbar=function(n){var e=this;this.config=n;var r=new o.OverlayConfig({hasBackdrop:!1,positionStrategy:this.overlay.position().global().centerHorizontally().bottom("48px")});this.snackbarRef=this.overlay.create(r);var i=new t.ComponentPortal(a),c=this.snackbarRef.attach(i);n.duration=n.duration||3e3,setTimeout((function(){e.closeSnackbar()}),n.duration),c.instance.triggerAction.subscribe((function(){n.onActionClick&&n.onActionClick(),e.closeSnackbar()}))},n.prototype.closeSnackbar=function(){this.snackbarRef&&(this.snackbarRef.dispose(),this.snackbarRef=null)},n}();i.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new i(e.ɵɵinject(o.Overlay))},token:i,providedIn:"root"}),i.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[{type:o.Overlay}]};var c=function(){function n(){}return n.forRoot=function(){return{ngModule:n,providers:[i]}},n.forChild=function(){return{ngModule:n,providers:[i]}},n}();c.decorators=[{type:e.NgModule,args:[{declarations:[a],imports:[r.CommonModule],exports:[a],entryComponents:[a]}]}],n.SnackbarComponent=a,n.SnackbarModule=c,n.SnackbarService=i,Object.defineProperty(n,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-snackbar.umd.min.js.map

package/bundles/mis-crystal-design-system-snackbar.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts"],"names":["SnackbarComponent","input","this","triggerAction","EventEmitter","prototype","triggerActionFunction","emit","Component","args","selector","template","SnackbarService","Output","overlay","openSnackbar","config","_this","overlayConfig","OverlayConfig","hasBackdrop","positionStrategy","position","global","centerHorizontally","bottom","snackbarRef","create","snackbarPortal","ComponentPortal","componentRef","attach","duration","setTimeout","closeSnackbar","instance","subscribe","onActionClick","dispose","Injectable","providedIn","Overlay","NgModule","declarations","imports","CommonModule","exports","entryComponents","providers"],"mappings":"woBAWE,SAAAA,EAAmBC,GAAAC,KAAAD,MAAAA,EADTC,KAAAC,cAAgB,IAAIC,EAAAA,oBAE9BJ,EAAAK,UAAAC,sBAAA,WACEJ,KAAKC,cAAcI,MAAK,6BAT3BC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,eACVC,SAAA,k1CAJOC,4CAQNC,EAAAA,2BCWD,SAAAD,EAAoBE,GAAAZ,KAAAY,QAAAA,SAEpBF,EAAAP,UAAAU,aAAA,SAAaC,GAAb,IAAAC,EAAAf,KACEA,KAAKc,OAASA,EACd,IAAME,EAAgB,IAAIC,EAAAA,cAAc,CACtCC,aAAa,EACbC,iBAAkBnB,KAAKY,QAAQQ,WAAWC,SAASC,qBAAqBC,OAAO,UAGjFvB,KAAKwB,YAAcxB,KAAKY,QAAQa,OAAOT,GAEvC,IAAMU,EAAiB,IAAIC,EAAAA,gBAAgB7B,GACrC8B,EAAe5B,KAAKwB,YAAYK,OAAOH,GAI7CZ,EAAOgB,SAAWhB,EAAOgB,UAAY,IACrCC,YAAW,WACThB,EAAKiB,kBACJlB,EAAOgB,UAEVF,EAAaK,SAAShC,cAAciC,WAAU,WACxCpB,EAAOqB,eACTrB,EAAOqB,gBAETpB,EAAKiB,oBAITtB,EAAAP,UAAA6B,cAAA,WACMhC,KAAKwB,cACPxB,KAAKwB,YAAYY,UACjBpC,KAAKwB,YAAc,kJAvCxBa,EAAAA,WAAU9B,KAAA,CAAC,CACV+B,WAAY,oDANLC,EAAAA,iBCST,iCAXCC,EAAAA,SAAQjC,KAAA,CAAC,CACRkC,aAAc,CACZ3C,GAEF4C,QAAS,CACPC,EAAAA,cAEFC,QAAS,CAAC9C,GACV+C,gBAAiB,CAAC/C,GAClBgD,UAAW,CAACpC","sourcesContent":["// snackbar.component.ts\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SnackbarService } from '../snackbar.service';\n\n@Component({\n  selector: 'mis-snackbar',\n  templateUrl: \"./snackbar.component.html\",\n  styleUrls: [\"./snackbar.component.css\"],\n})\nexport class SnackbarComponent {\n  @Output() triggerAction = new EventEmitter<any>();\n  constructor(public input: SnackbarService){}\n  triggerActionFunction(){\n    this.triggerAction.emit(true)\n  }\n}\n","export interface ISnackBarConfig {\n  message: string;\n  actionString: string;\n  hasComponent: boolean;\n  iconUrl?: string;\n  component?: ComponentRef<any>;\n  duration?: number;\n  onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class SnackbarService {\n  config: ISnackBarConfig;\n  private snackbarRef: OverlayRef;\n\n  constructor(private overlay: Overlay) {}\n\n  openSnackbar(config: ISnackBarConfig): void {\n    this.config = config;\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n    });\n\n    this.snackbarRef = this.overlay.create(overlayConfig);\n\n    const snackbarPortal = new ComponentPortal(SnackbarComponent);\n    const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n    //   componentRef.instance.config = config;\n\n    config.duration = config.duration || 3000;\n    setTimeout(() => {\n      this.closeSnackbar();\n    }, config.duration);\n\n    componentRef.instance.triggerAction.subscribe(() => {\n      if (config.onActionClick) {\n        config.onActionClick();\n      }\n      this.closeSnackbar();\n    });\n  }\n\n  closeSnackbar(): void {\n    if (this.snackbarRef) {\n      this.snackbarRef.dispose();\n      this.snackbarRef = null;\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n  declarations: [\n    SnackbarComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [SnackbarComponent],\n  entryComponents: [SnackbarComponent],\n  providers: [SnackbarService]\n})\nexport class SnackbarModule { }\n"]}
+{"version":3,"sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts"],"names":["SnackbarComponent","this","triggerAction","EventEmitter","prototype","onActionClick","emit","Component","args","selector","template","Input","Output","SnackbarService","overlay","openSnackbar","config","_this","overlayConfig","OverlayConfig","hasBackdrop","positionStrategy","position","global","centerHorizontally","bottom","snackbarRef","create","snackbarPortal","ComponentPortal","componentRef","attach","duration","setTimeout","closeSnackbar","instance","subscribe","dispose","Injectable","providedIn","Overlay","SnackbarModule","forRoot","ngModule","providers","forChild","NgModule","declarations","imports","CommonModule","exports","entryComponents"],"mappings":"woBAWE,SAAAA,IADUC,KAAAC,cAAgB,IAAIC,EAAAA,oBAE9BH,EAAAI,UAAAC,cAAA,WACEJ,KAAKC,cAAcI,iCAVtBC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,eACVC,SAAA,2zCAICC,EAAAA,6BACAC,EAAAA,2BCWD,SAAAC,EAAoBC,GAAAb,KAAAa,QAAAA,SAEpBD,EAAAT,UAAAW,aAAA,SAAaC,GAAb,IAAAC,EAAAhB,KACEA,KAAKe,OAASA,EACd,IAAME,EAAgB,IAAIC,EAAAA,cAAc,CACtCC,aAAa,EACbC,iBAAkBpB,KAAKa,QAAQQ,WAAWC,SAASC,qBAAqBC,OAAO,UAGjFxB,KAAKyB,YAAczB,KAAKa,QAAQa,OAAOT,GAEvC,IAAMU,EAAiB,IAAIC,EAAAA,gBAAgB7B,GACrC8B,EAAe7B,KAAKyB,YAAYK,OAAOH,GAI7CZ,EAAOgB,SAAWhB,EAAOgB,UAAY,IACrCC,YAAW,WACThB,EAAKiB,kBACJlB,EAAOgB,UAEVF,EAAaK,SAASjC,cAAckC,WAAU,WACxCpB,EAAOX,eACTW,EAAOX,gBAETY,EAAKiB,oBAITrB,EAAAT,UAAA8B,cAAA,WACMjC,KAAKyB,cACPzB,KAAKyB,YAAYW,UACjBpC,KAAKyB,YAAc,kJAvCxBY,EAAAA,WAAU9B,KAAA,CAAC,CACV+B,WAAY,oDANLC,EAAAA,4BCQT,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CACLC,SAAUF,EACVG,UAAW,CAAC/B,KAIT4B,EAAAI,SAAP,WACE,MAAO,CACLF,SAAUF,EACVG,UAAW,CAAE/B,8BArBlBiC,EAAAA,SAAQtC,KAAA,CAAC,CACRuC,aAAc,CACZ/C,GAEFgD,QAAS,CACPC,EAAAA,cAEFC,QAAS,CAAClD,GACVmD,gBAAiB,CAACnD","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ISnackBarConfig } from '../snackbar.service';\n\n@Component({\n  selector: 'app-snackbar',\n  templateUrl: './snackbar.component.html',\n  styleUrls: ['./snackbar.component.css']\n})\nexport class SnackbarComponent {\n  @Input() config: ISnackBarConfig;\n  @Output() triggerAction = new EventEmitter<void>();\n  constructor(){}\n  onActionClick(): void {\n    this.triggerAction.emit();\n  }\n}\n","export interface ISnackBarConfig {\n  message: string;\n  actionString: string;\n  hasComponent: boolean;\n  iconUrl?: string;\n  component?: ComponentRef<any>;\n  duration?: number;\n  onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class SnackbarService {\n  config: ISnackBarConfig;\n  private snackbarRef: OverlayRef;\n\n  constructor(private overlay: Overlay) {}\n\n  openSnackbar(config: ISnackBarConfig): void {\n    this.config = config;\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n    });\n\n    this.snackbarRef = this.overlay.create(overlayConfig);\n\n    const snackbarPortal = new ComponentPortal(SnackbarComponent);\n    const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n    //   componentRef.instance.config = config;\n\n    config.duration = config.duration || 3000;\n    setTimeout(() => {\n      this.closeSnackbar();\n    }, config.duration);\n\n    componentRef.instance.triggerAction.subscribe(() => {\n      if (config.onActionClick) {\n        config.onActionClick();\n      }\n      this.closeSnackbar();\n    });\n  }\n\n  closeSnackbar(): void {\n    if (this.snackbarRef) {\n      this.snackbarRef.dispose();\n      this.snackbarRef = null;\n    }\n  }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n  declarations: [\n    SnackbarComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [SnackbarComponent],\n  entryComponents: [SnackbarComponent],\n})\nexport class SnackbarModule {\n  static forRoot(): ModuleWithProviders<SnackbarModule> {\n    return {\n      ngModule: SnackbarModule,\n      providers: [SnackbarService]\n    };\n  }\n\n  static forChild(): ModuleWithProviders<SnackbarModule> {\n    return {\n      ngModule: SnackbarModule,\n      providers: [ SnackbarService]\n    };\n  }\n }\n"]}