codexly-ui 0.0.65 → 0.0.67
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/codexly-ui.mjs
CHANGED
|
@@ -6277,7 +6277,8 @@ class ClxToastContainerComponent {
|
|
|
6277
6277
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6278
6278
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxToastContainerComponent, isStandalone: true, selector: "clx-toast-container", inputs: { entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entries: "entriesChange", position: "positionChange" }, viewQueries: [{ propertyName: "toastRefs", predicate: ClxToastComponent, descendants: true }], ngImport: i0, template: `
|
|
6279
6279
|
<div
|
|
6280
|
-
class="clx-toast-stack fixed
|
|
6280
|
+
class="clx-toast-stack fixed flex flex-col gap-2 w-full max-w-sm pointer-events-none sm:max-w-sm max-sm:max-w-full max-sm:left-0! max-sm:right-0! max-sm:translate-x-0! max-sm:px-3 max-sm:items-stretch!"
|
|
6281
|
+
style="z-index: 99999"
|
|
6281
6282
|
[class]="_positionClass()"
|
|
6282
6283
|
>
|
|
6283
6284
|
@for (entry of entries(); track entry.id) {
|
|
@@ -6289,13 +6290,14 @@ class ClxToastContainerComponent {
|
|
|
6289
6290
|
</div>
|
|
6290
6291
|
}
|
|
6291
6292
|
</div>
|
|
6292
|
-
`, isInline: true, styles: ["clx-toast-container{display:
|
|
6293
|
+
`, isInline: true, styles: ["clx-toast-container{display:block;position:fixed;inset:0;pointer-events:none;z-index:999999}@media(max-width:639px){.clx-toast-stack{left:0!important;right:0!important;transform:none!important;padding-left:.75rem;padding-right:.75rem;max-width:100%!important;align-items:stretch!important}}\n"], dependencies: [{ kind: "component", type: ClxToastComponent, selector: "clx-toast", inputs: ["entry"], outputs: ["dismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6293
6294
|
}
|
|
6294
6295
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxToastContainerComponent, decorators: [{
|
|
6295
6296
|
type: Component,
|
|
6296
6297
|
args: [{ selector: 'clx-toast-container', standalone: true, imports: [ClxToastComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
6297
6298
|
<div
|
|
6298
|
-
class="clx-toast-stack fixed
|
|
6299
|
+
class="clx-toast-stack fixed flex flex-col gap-2 w-full max-w-sm pointer-events-none sm:max-w-sm max-sm:max-w-full max-sm:left-0! max-sm:right-0! max-sm:translate-x-0! max-sm:px-3 max-sm:items-stretch!"
|
|
6300
|
+
style="z-index: 99999"
|
|
6299
6301
|
[class]="_positionClass()"
|
|
6300
6302
|
>
|
|
6301
6303
|
@for (entry of entries(); track entry.id) {
|
|
@@ -6307,7 +6309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
6307
6309
|
</div>
|
|
6308
6310
|
}
|
|
6309
6311
|
</div>
|
|
6310
|
-
`, styles: ["clx-toast-container{display:
|
|
6312
|
+
`, styles: ["clx-toast-container{display:block;position:fixed;inset:0;pointer-events:none;z-index:999999}@media(max-width:639px){.clx-toast-stack{left:0!important;right:0!important;transform:none!important;padding-left:.75rem;padding-right:.75rem;max-width:100%!important;align-items:stretch!important}}\n"] }]
|
|
6311
6313
|
}], propDecorators: { entries: [{ type: i0.Input, args: [{ isSignal: true, alias: "entries", required: false }] }, { type: i0.Output, args: ["entriesChange"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }, { type: i0.Output, args: ["positionChange"] }], toastRefs: [{
|
|
6312
6314
|
type: ViewChildren,
|
|
6313
6315
|
args: [ClxToastComponent]
|