@globalart/platform-ui 0.1.0 → 0.1.2

package/fesm2022/globalart-platform-ui.mjs

@@ -4001,6 +4001,10 @@ class UiMenuComponent {
     host;
     align = 'end';
     width = 'w-64';
+    full = false;
+    get stretched() {
+        return this.full;
+    }
     open = signal(false);
     constructor(host) {
         this.host = host;
@@ -4024,7 +4028,7 @@ class UiMenuComponent {
         this.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: UiMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: UiMenuComponent, isStandalone: true, selector: "ui-menu", inputs: { align: "align", width: "width" }, host: { listeners: { "document:click": "onDocumentClick($event.target)", "document:keydown.escape": "onEscape()" }, classAttribute: "relative inline-flex" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: UiMenuComponent, isStandalone: true, selector: "ui-menu", inputs: { align: "align", width: "width", full: "full" }, host: { listeners: { "document:click": "onDocumentClick($event.target)", "document:keydown.escape": "onEscape()" }, properties: { "class.w-full": "this.stretched" }, classAttribute: "relative inline-flex" }, ngImport: i0, template: `
     <div (click)="toggle()" class="contents">
       <ng-content select="[menuTrigger]"></ng-content>
     </div>
@@ -4062,6 +4066,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
                 type: Input
             }], width: [{
                 type: Input
+            }], full: [{
+                type: Input
+            }], stretched: [{
+                type: HostBinding,
+                args: ['class.w-full']
             }], onDocumentClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event.target']]
@@ -4135,8 +4144,12 @@ class UiModalComponent {
     closed = new EventEmitter();
     titleId = `ui-modal-title-${(nextModalId += 1)}`;
     cdr = inject(ChangeDetectorRef);
-    buttons = [];
+    buttons = this.buildFooter();
     get footerButtons() {
+        const next = this.buildFooter();
+        if (!sameFooter(this.buttons, next)) {
+            this.buttons = next;
+        }
         return this.buttons;
     }
     get showHeaderClose() {
@@ -4165,6 +4178,9 @@ class UiModalComponent {
             this.cdr.markForCheck();
         }
     }
+    ngOnChanges() {
+        this.cdr.markForCheck();
+    }
     press(id) {
         this.action.emit(id);
         if (id === UI_MODAL_CLOSE_ID) {
@@ -4211,7 +4227,7 @@ class UiModalComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: UiModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: UiModalComponent, isStandalone: true, selector: "ui-modal", inputs: { open: "open", config: "config", loading: "loading", closeLabel: "closeLabel" }, outputs: { action: "action", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: UiModalComponent, isStandalone: true, selector: "ui-modal", inputs: { open: "open", config: "config", loading: "loading", closeLabel: "closeLabel" }, outputs: { action: "action", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, usesOnChanges: true, ngImport: i0, template: `
     <div
       *ngIf="open"
       class="fixed inset-0 z-50 flex items-start justify-center overflow-y-auto bg-ink/45 p-4 pt-[8vh]"
@@ -5183,6 +5199,9 @@ class UiShellComponent {
           collapsed() ? 'w-sidebar-rail' : 'w-sidebar',
           drawerOpen() ? 'translate-x-0' : '-translate-x-full'
         ]">
+        <div class="border-b border-line empty:hidden"><ng-content
+            select="[shellSidebarHeader]"></ng-content></div>
+
         <nav class="flex-1 overflow-y-auto overscroll-contain">
           <ui-sidebar-nav
             [sections]="sections"
@@ -5259,6 +5278,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
           collapsed() ? 'w-sidebar-rail' : 'w-sidebar',
           drawerOpen() ? 'translate-x-0' : '-translate-x-full'
         ]">
+        <div class="border-b border-line empty:hidden"><ng-content
+            select="[shellSidebarHeader]"></ng-content></div>
+
         <nav class="flex-1 overflow-y-auto overscroll-contain">
           <ui-sidebar-nav
             [sections]="sections"