@softheon/armature 19.20.0 → 19.20.3

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.
@@ -21,6 +21,7 @@
21
21
  align-items: center !important;
22
22
  justify-content: center !important;
23
23
  gap: 8px !important;
24
+ white-space: nowrap !important;
24
25
 
25
26
  i {
26
27
  font-size: 20px !important;
@@ -10554,7 +10554,7 @@ class SofToastComponent {
10554
10554
  this.toastService = inject(ToastService);
10555
10555
  }
10556
10556
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: SofToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10557
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: SofToastComponent, isStandalone: true, selector: "sof-toast", ngImport: i0, template: "@if (toastService.toast()) {\r\n <div class=\"sof-toast\" @slideAndFade>\r\n @switch (toastService.toast()?.level) {\r\n @case ('info') {\r\n <i class=\"ph-fill ph-info info\"></i>\r\n }\r\n @case ('warning') {\r\n <i class=\"ph-fill ph-warning warn\"></i>\r\n }\r\n @case ('error') {\r\n <i class=\"ph-fill ph-warning-circle error\"></i>\r\n }\r\n @case ('success') {\r\n <i class=\"ph-fill ph-check-circle success\"></i>\r\n }\r\n }\r\n <span>{{toastService.toast()?.message}}</span>\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";.sof-toast{position:absolute;bottom:50px;width:350px;left:calc(50vw - 175px);background-color:var(--sof-toast-background);color:var(--sof-toast-color);z-index:10000;--sof-toast-background: vars.$surface-color-inverse-light;--sof-toast-color: vars.$text-inverse;border-radius:4px;padding:12px;display:flex;align-items:center;gap:8px;font-size:14px;word-break:break-word}.sof-toast i{font-size:20px}.sof-toast i.error{color:rgba(var(--error-color-500-parts-rgb),.4)}.sof-toast i.warn{color:rgba(var(--warn-color-500-parts-rgb),.4)}.sof-toast i.success{color:rgba(var(--success-color-500-parts-rgb),.4)}.sof-toast i.info{color:rgba(var(--info-color-500-parts-rgb),.4)}\n"], animations: [
10557
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: SofToastComponent, isStandalone: true, selector: "sof-toast", ngImport: i0, template: "@if (toastService.toast()) {\r\n <div class=\"sof-toast\" @slideAndFade>\r\n @switch (toastService.toast()?.level) {\r\n @case ('info') {\r\n <i class=\"ph-fill ph-info info\"></i>\r\n }\r\n @case ('warning') {\r\n <i class=\"ph-fill ph-warning warn\"></i>\r\n }\r\n @case ('error') {\r\n <i class=\"ph-fill ph-warning-circle error\"></i>\r\n }\r\n @case ('success') {\r\n <i class=\"ph-fill ph-check-circle success\"></i>\r\n }\r\n }\r\n <span>{{toastService.toast()?.message}}</span>\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";.sof-toast{position:absolute;bottom:50px;width:350px;left:calc(50vw - 175px);background-color:var(--sof-toast-background);color:var(--sof-toast-color);z-index:10000;--sof-toast-background: vars.$surface-color-inverse-light;--sof-toast-color: vars.$text-inverse;border-radius:4px;padding:12px;display:flex;align-items:center;gap:8px;font-size:14px;word-break:break-word}.sof-toast i{font-size:20px}.sof-toast i.error{color:rgba(var(--error-color-500-parts-rgb),.8)}.sof-toast i.warn{color:rgba(var(--warn-color-500-parts-rgb),.8)}.sof-toast i.success{color:rgba(var(--success-color-500-parts-rgb),.8)}.sof-toast i.info{color:rgba(var(--info-color-500-parts-rgb),.8)}\n"], animations: [
10558
10558
  trigger('slideAndFade', [
10559
10559
  transition(':enter', [
10560
10560
  style({
@@ -10596,7 +10596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
10596
10596
  }))
10597
10597
  ])
10598
10598
  ])
10599
- ], template: "@if (toastService.toast()) {\r\n <div class=\"sof-toast\" @slideAndFade>\r\n @switch (toastService.toast()?.level) {\r\n @case ('info') {\r\n <i class=\"ph-fill ph-info info\"></i>\r\n }\r\n @case ('warning') {\r\n <i class=\"ph-fill ph-warning warn\"></i>\r\n }\r\n @case ('error') {\r\n <i class=\"ph-fill ph-warning-circle error\"></i>\r\n }\r\n @case ('success') {\r\n <i class=\"ph-fill ph-check-circle success\"></i>\r\n }\r\n }\r\n <span>{{toastService.toast()?.message}}</span>\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";.sof-toast{position:absolute;bottom:50px;width:350px;left:calc(50vw - 175px);background-color:var(--sof-toast-background);color:var(--sof-toast-color);z-index:10000;--sof-toast-background: vars.$surface-color-inverse-light;--sof-toast-color: vars.$text-inverse;border-radius:4px;padding:12px;display:flex;align-items:center;gap:8px;font-size:14px;word-break:break-word}.sof-toast i{font-size:20px}.sof-toast i.error{color:rgba(var(--error-color-500-parts-rgb),.4)}.sof-toast i.warn{color:rgba(var(--warn-color-500-parts-rgb),.4)}.sof-toast i.success{color:rgba(var(--success-color-500-parts-rgb),.4)}.sof-toast i.info{color:rgba(var(--info-color-500-parts-rgb),.4)}\n"] }]
10599
+ ], template: "@if (toastService.toast()) {\r\n <div class=\"sof-toast\" @slideAndFade>\r\n @switch (toastService.toast()?.level) {\r\n @case ('info') {\r\n <i class=\"ph-fill ph-info info\"></i>\r\n }\r\n @case ('warning') {\r\n <i class=\"ph-fill ph-warning warn\"></i>\r\n }\r\n @case ('error') {\r\n <i class=\"ph-fill ph-warning-circle error\"></i>\r\n }\r\n @case ('success') {\r\n <i class=\"ph-fill ph-check-circle success\"></i>\r\n }\r\n }\r\n <span>{{toastService.toast()?.message}}</span>\r\n </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";.sof-toast{position:absolute;bottom:50px;width:350px;left:calc(50vw - 175px);background-color:var(--sof-toast-background);color:var(--sof-toast-color);z-index:10000;--sof-toast-background: vars.$surface-color-inverse-light;--sof-toast-color: vars.$text-inverse;border-radius:4px;padding:12px;display:flex;align-items:center;gap:8px;font-size:14px;word-break:break-word}.sof-toast i{font-size:20px}.sof-toast i.error{color:rgba(var(--error-color-500-parts-rgb),.8)}.sof-toast i.warn{color:rgba(var(--warn-color-500-parts-rgb),.8)}.sof-toast i.success{color:rgba(var(--success-color-500-parts-rgb),.8)}.sof-toast i.info{color:rgba(var(--info-color-500-parts-rgb),.8)}\n"] }]
10600
10600
  }] });
10601
10601
 
10602
10602
  /**