@foliokit/cms-admin-ui 0.0.0 → 0.1.0

package/esm2022/lib/posts-list/posts-published-column.component.js

@@ -0,0 +1,129 @@
+import { ChangeDetectionStrategy, Component, input, output, signal, } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import { MatCardModule } from '@angular/material/card';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/card";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+export class PostsPublishedColumnComponent {
+    posts = input.required(...(ngDevMode ? [{ debugName: "posts" }] : /* istanbul ignore next */ []));
+    archivedPosts = input.required(...(ngDevMode ? [{ debugName: "archivedPosts" }] : /* istanbul ignore next */ []));
+    postSelected = output();
+    showArchived = signal(false, ...(ngDevMode ? [{ debugName: "showArchived" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PostsPublishedColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PostsPublishedColumnComponent, isStandalone: true, selector: "folio-posts-published-column", inputs: { posts: { classPropertyName: "posts", publicName: "posts", isSignal: true, isRequired: true, transformFunction: null }, archivedPosts: { classPropertyName: "archivedPosts", publicName: "archivedPosts", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { postSelected: "postSelected" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    <mat-card appearance="outlined" class="flex flex-col overflow-hidden">
+      <div class="shrink-0 flex items-center gap-2 px-4 py-3 border-b border-[var(--mat-sys-outline-variant)]">
+        <span class="text-sm font-semibold">Published</span>
+        <span class="inline-flex items-center justify-center rounded-full bg-[var(--mat-sys-secondary-container)] text-[var(--mat-sys-on-secondary-container)] text-xs font-medium min-w-[1.25rem] h-5 px-1.5">
+          {{ posts().length }}
+        </span>
+      </div>
+
+      <div class="flex-1 overflow-y-auto divide-y divide-[var(--mat-sys-outline-variant)]">
+        @for (post of posts(); track post.id) {
+          <button
+            type="button"
+            class="w-full flex items-center justify-between gap-3 px-4 py-3 text-left hover:bg-[var(--mat-sys-surface-container-high)] transition-colors"
+            (click)="postSelected.emit(post.id)"
+          >
+            <span class="truncate text-sm font-medium">{{ post.title || '(Untitled)' }}</span>
+            <span class="shrink-0 text-xs opacity-50">{{ post.publishedAt | date: 'mediumDate' }}</span>
+          </button>
+        } @empty {
+          <div class="py-10 text-center text-sm opacity-40">No published posts</div>
+        }
+
+        @if (showArchived()) {
+          @for (post of archivedPosts(); track post.id) {
+            <button
+              type="button"
+              class="w-full flex items-center justify-between gap-3 px-4 py-3 text-left opacity-50 hover:opacity-70 transition-opacity"
+              (click)="postSelected.emit(post.id)"
+            >
+              <span class="truncate text-sm font-medium">{{ post.title || '(Untitled)' }}</span>
+              <span class="shrink-0 text-xs">{{ post.updatedAt | date: 'mediumDate' }}</span>
+            </button>
+          }
+        }
+      </div>
+
+      @if (archivedPosts().length > 0) {
+        <div class="shrink-0 border-t border-[var(--mat-sys-outline-variant)] px-4 py-2">
+          <button
+            mat-button
+            class="w-full text-xs"
+            (click)="showArchived.set(!showArchived())"
+          >
+            <mat-icon class="text-sm mr-1">{{ showArchived() ? 'expand_less' : 'expand_more' }}</mat-icon>
+            {{ showArchived() ? 'Hide archived' : 'Show archived (' + archivedPosts().length + ')' }}
+          </button>
+        </div>
+      }
+    </mat-card>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PostsPublishedColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'folio-posts-published-column',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [DatePipe, MatCardModule, MatButtonModule, MatIconModule],
+                    host: { class: 'contents' },
+                    template: `
+    <mat-card appearance="outlined" class="flex flex-col overflow-hidden">
+      <div class="shrink-0 flex items-center gap-2 px-4 py-3 border-b border-[var(--mat-sys-outline-variant)]">
+        <span class="text-sm font-semibold">Published</span>
+        <span class="inline-flex items-center justify-center rounded-full bg-[var(--mat-sys-secondary-container)] text-[var(--mat-sys-on-secondary-container)] text-xs font-medium min-w-[1.25rem] h-5 px-1.5">
+          {{ posts().length }}
+        </span>
+      </div>
+
+      <div class="flex-1 overflow-y-auto divide-y divide-[var(--mat-sys-outline-variant)]">
+        @for (post of posts(); track post.id) {
+          <button
+            type="button"
+            class="w-full flex items-center justify-between gap-3 px-4 py-3 text-left hover:bg-[var(--mat-sys-surface-container-high)] transition-colors"
+            (click)="postSelected.emit(post.id)"
+          >
+            <span class="truncate text-sm font-medium">{{ post.title || '(Untitled)' }}</span>
+            <span class="shrink-0 text-xs opacity-50">{{ post.publishedAt | date: 'mediumDate' }}</span>
+          </button>
+        } @empty {
+          <div class="py-10 text-center text-sm opacity-40">No published posts</div>
+        }
+
+        @if (showArchived()) {
+          @for (post of archivedPosts(); track post.id) {
+            <button
+              type="button"
+              class="w-full flex items-center justify-between gap-3 px-4 py-3 text-left opacity-50 hover:opacity-70 transition-opacity"
+              (click)="postSelected.emit(post.id)"
+            >
+              <span class="truncate text-sm font-medium">{{ post.title || '(Untitled)' }}</span>
+              <span class="shrink-0 text-xs">{{ post.updatedAt | date: 'mediumDate' }}</span>
+            </button>
+          }
+        }
+      </div>
+
+      @if (archivedPosts().length > 0) {
+        <div class="shrink-0 border-t border-[var(--mat-sys-outline-variant)] px-4 py-2">
+          <button
+            mat-button
+            class="w-full text-xs"
+            (click)="showArchived.set(!showArchived())"
+          >
+            <mat-icon class="text-sm mr-1">{{ showArchived() ? 'expand_less' : 'expand_more' }}</mat-icon>
+            {{ showArchived() ? 'Hide archived' : 'Show archived (' + archivedPosts().length + ')' }}
+          </button>
+        </div>
+      }
+    </mat-card>
+  `,
+                }]
+        }], propDecorators: { posts: [{ type: i0.Input, args: [{ isSignal: true, alias: "posts", required: true }] }], archivedPosts: [{ type: i0.Input, args: [{ isSignal: true, alias: "archivedPosts", required: true }] }], postSelected: [{ type: i0.Output, args: ["postSelected"] }] } });
+//# sourceMappingURL=posts-published-column.component.js.map

package/esm2022/lib/posts-list/posts-published-column.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts-published-column.component.js","sourceRoot":"","sources":["../../../../../../libs/cms-admin-ui/src/lib/posts-list/posts-published-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;AA6DvD,MAAM,OAAO,6BAA6B;IACxC,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAc,CAAC;IACrC,aAAa,GAAG,KAAK,CAAC,QAAQ,mFAAc,CAAC;IAC7C,YAAY,GAAG,MAAM,EAAU,CAAC;IAEb,YAAY,GAAG,MAAM,CAAC,KAAK,mFAAC,CAAC;uGALrC,6BAA6B;2FAA7B,6BAA6B,2bApD9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDT,2DApDmB,aAAa,4IAAE,eAAe,mXAAE,aAAa,+KAAvD,QAAQ;;2FAsDP,6BAA6B;kBA1DzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,CAAC;oBAClE,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;oBAC3B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDT;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { BlogPost } from '@foliokit/cms-core';\n\n@Component({\n  selector: 'folio-posts-published-column',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DatePipe, MatCardModule, MatButtonModule, MatIconModule],\n  host: { class: 'contents' },\n  template: `\n    <mat-card appearance=\"outlined\" class=\"flex flex-col overflow-hidden\">\n      <div class=\"shrink-0 flex items-center gap-2 px-4 py-3 border-b border-[var(--mat-sys-outline-variant)]\">\n        <span class=\"text-sm font-semibold\">Published</span>\n        <span class=\"inline-flex items-center justify-center rounded-full bg-[var(--mat-sys-secondary-container)] text-[var(--mat-sys-on-secondary-container)] text-xs font-medium min-w-[1.25rem] h-5 px-1.5\">\n          {{ posts().length }}\n        </span>\n      </div>\n\n      <div class=\"flex-1 overflow-y-auto divide-y divide-[var(--mat-sys-outline-variant)]\">\n        @for (post of posts(); track post.id) {\n          <button\n            type=\"button\"\n            class=\"w-full flex items-center justify-between gap-3 px-4 py-3 text-left hover:bg-[var(--mat-sys-surface-container-high)] transition-colors\"\n            (click)=\"postSelected.emit(post.id)\"\n          >\n            <span class=\"truncate text-sm font-medium\">{{ post.title || '(Untitled)' }}</span>\n            <span class=\"shrink-0 text-xs opacity-50\">{{ post.publishedAt | date: 'mediumDate' }}</span>\n          </button>\n        } @empty {\n          <div class=\"py-10 text-center text-sm opacity-40\">No published posts</div>\n        }\n\n        @if (showArchived()) {\n          @for (post of archivedPosts(); track post.id) {\n            <button\n              type=\"button\"\n              class=\"w-full flex items-center justify-between gap-3 px-4 py-3 text-left opacity-50 hover:opacity-70 transition-opacity\"\n              (click)=\"postSelected.emit(post.id)\"\n            >\n              <span class=\"truncate text-sm font-medium\">{{ post.title || '(Untitled)' }}</span>\n              <span class=\"shrink-0 text-xs\">{{ post.updatedAt | date: 'mediumDate' }}</span>\n            </button>\n          }\n        }\n      </div>\n\n      @if (archivedPosts().length > 0) {\n        <div class=\"shrink-0 border-t border-[var(--mat-sys-outline-variant)] px-4 py-2\">\n          <button\n            mat-button\n            class=\"w-full text-xs\"\n            (click)=\"showArchived.set(!showArchived())\"\n          >\n            <mat-icon class=\"text-sm mr-1\">{{ showArchived() ? 'expand_less' : 'expand_more' }}</mat-icon>\n            {{ showArchived() ? 'Hide archived' : 'Show archived (' + archivedPosts().length + ')' }}\n          </button>\n        </div>\n      }\n    </mat-card>\n  `,\n})\nexport class PostsPublishedColumnComponent {\n  posts = input.required<BlogPost[]>();\n  archivedPosts = input.required<BlogPost[]>();\n  postSelected = output<string>();\n\n  protected readonly showArchived = signal(false);\n}\n"]}

package/esm2022/lib/posts-list/posts-queue-column.component.js

@@ -0,0 +1,112 @@
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { CdkDrag, CdkDragHandle, CdkDragPlaceholder, CdkDropList, } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/card";
+import * as i2 from "@angular/material/icon";
+export class PostsQueueColumnComponent {
+    posts = input.required(...(ngDevMode ? [{ debugName: "posts" }] : /* istanbul ignore next */ []));
+    postSelected = output();
+    reorderQueue = output();
+    onDrop(event) {
+        this.reorderQueue.emit({
+            previousIndex: event.previousIndex,
+            currentIndex: event.currentIndex,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PostsQueueColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PostsQueueColumnComponent, isStandalone: true, selector: "folio-posts-queue-column", inputs: { posts: { classPropertyName: "posts", publicName: "posts", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { postSelected: "postSelected", reorderQueue: "reorderQueue" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    <mat-card appearance="outlined" class="flex flex-col overflow-hidden">
+      <div class="shrink-0 flex items-center gap-2 px-4 py-3 border-b border-[var(--mat-sys-outline-variant)]">
+        <span class="text-sm font-semibold">Queued</span>
+        <span class="inline-flex items-center justify-center rounded-full bg-[var(--mat-sys-secondary-container)] text-[var(--mat-sys-on-secondary-container)] text-xs font-medium min-w-[1.25rem] h-5 px-1.5">
+          {{ posts().length }}
+        </span>
+      </div>
+
+      <div
+        class="post-list flex-1 overflow-y-auto divide-y divide-[var(--mat-sys-outline-variant)]"
+        cdkDropList
+        (cdkDropListDropped)="onDrop($event)"
+      >
+        @for (post of posts(); track post.id) {
+          <div class="post-row flex items-center gap-2 pr-4 hover:bg-[var(--mat-sys-surface-container-high)] transition-colors" cdkDrag>
+            <button
+              type="button"
+              class="flex items-center gap-1 px-2 py-3 cursor-grab active:cursor-grabbing text-[var(--mat-sys-outline)] hover:text-[var(--mat-sys-on-surface)] transition-colors"
+              cdkDragHandle
+              aria-label="Drag to reorder"
+            >
+              <mat-icon class="text-[1.1rem] leading-none">drag_indicator</mat-icon>
+            </button>
+
+            <button
+              type="button"
+              class="flex-1 flex items-center justify-between gap-3 py-3 text-left min-w-0"
+              (click)="postSelected.emit(post.id)"
+            >
+              <span class="truncate text-sm font-medium">{{ post.title || '(Untitled)' }}</span>
+              <span class="shrink-0 text-xs opacity-50">
+                {{ post.scheduledPublishAt | date: 'mediumDate' }}
+              </span>
+            </button>
+
+            <div *cdkDragPlaceholder class="h-12 rounded bg-[var(--mat-sys-surface-container)]"></div>
+          </div>
+        } @empty {
+          <div class="py-10 text-center text-sm opacity-40">No queued posts</div>
+        }
+      </div>
+    </mat-card>
+  `, isInline: true, styles: [".cdk-drag-preview{box-shadow:0 4px 12px #0003;border-radius:4px;background:var(--mat-sys-surface-container-high)}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.post-list.cdk-drop-list-dragging .post-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PostsQueueColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'folio-posts-queue-column', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [DatePipe, MatCardModule, MatIconModule, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder], host: { class: 'contents' }, template: `
+    <mat-card appearance="outlined" class="flex flex-col overflow-hidden">
+      <div class="shrink-0 flex items-center gap-2 px-4 py-3 border-b border-[var(--mat-sys-outline-variant)]">
+        <span class="text-sm font-semibold">Queued</span>
+        <span class="inline-flex items-center justify-center rounded-full bg-[var(--mat-sys-secondary-container)] text-[var(--mat-sys-on-secondary-container)] text-xs font-medium min-w-[1.25rem] h-5 px-1.5">
+          {{ posts().length }}
+        </span>
+      </div>
+
+      <div
+        class="post-list flex-1 overflow-y-auto divide-y divide-[var(--mat-sys-outline-variant)]"
+        cdkDropList
+        (cdkDropListDropped)="onDrop($event)"
+      >
+        @for (post of posts(); track post.id) {
+          <div class="post-row flex items-center gap-2 pr-4 hover:bg-[var(--mat-sys-surface-container-high)] transition-colors" cdkDrag>
+            <button
+              type="button"
+              class="flex items-center gap-1 px-2 py-3 cursor-grab active:cursor-grabbing text-[var(--mat-sys-outline)] hover:text-[var(--mat-sys-on-surface)] transition-colors"
+              cdkDragHandle
+              aria-label="Drag to reorder"
+            >
+              <mat-icon class="text-[1.1rem] leading-none">drag_indicator</mat-icon>
+            </button>
+
+            <button
+              type="button"
+              class="flex-1 flex items-center justify-between gap-3 py-3 text-left min-w-0"
+              (click)="postSelected.emit(post.id)"
+            >
+              <span class="truncate text-sm font-medium">{{ post.title || '(Untitled)' }}</span>
+              <span class="shrink-0 text-xs opacity-50">
+                {{ post.scheduledPublishAt | date: 'mediumDate' }}
+              </span>
+            </button>
+
+            <div *cdkDragPlaceholder class="h-12 rounded bg-[var(--mat-sys-surface-container)]"></div>
+          </div>
+        } @empty {
+          <div class="py-10 text-center text-sm opacity-40">No queued posts</div>
+        }
+      </div>
+    </mat-card>
+  `, styles: [".cdk-drag-preview{box-shadow:0 4px 12px #0003;border-radius:4px;background:var(--mat-sys-surface-container-high)}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.post-list.cdk-drop-list-dragging .post-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], propDecorators: { posts: [{ type: i0.Input, args: [{ isSignal: true, alias: "posts", required: true }] }], postSelected: [{ type: i0.Output, args: ["postSelected"] }], reorderQueue: [{ type: i0.Output, args: ["reorderQueue"] }] } });
+//# sourceMappingURL=posts-queue-column.component.js.map

package/esm2022/lib/posts-list/posts-queue-column.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts-queue-column.component.js","sourceRoot":"","sources":["../../../../../../libs/cms-admin-ui/src/lib/posts-list/posts-queue-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EACL,OAAO,EAEP,aAAa,EACb,kBAAkB,EAClB,WAAW,GACZ,MAAM,wBAAwB,CAAC;;;;AAkEhC,MAAM,OAAO,yBAAyB;IACpC,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAc,CAAC;IACrC,YAAY,GAAG,MAAM,EAAU,CAAC;IAChC,YAAY,GAAG,MAAM,EAAmD,CAAC;IAE/D,MAAM,CAAC,KAA8B;QAC7C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,YAAY,EAAE,KAAK,CAAC,YAAY;SACjC,CAAC,CAAC;IACL,CAAC;uGAVU,yBAAyB;2FAAzB,yBAAyB,sUA7C1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CT,0ZAzDmB,aAAa,4IAAE,aAAa,oLAAE,WAAW,shBAAE,OAAO,wcAAE,aAAa,+FAAE,kBAAkB,yFAA/F,QAAQ;;2FA2DP,yBAAyB;kBA/DrC,SAAS;+BACE,0BAA0B,cACxB,IAAI,mBACC,uBAAuB,CAAC,MAAM,WACtC,CAAC,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,kBAAkB,CAAC,QACpG,EAAE,KAAK,EAAE,UAAU,EAAE,YAajB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CT","sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatIconModule } from '@angular/material/icon';\nimport {\n  CdkDrag,\n  CdkDragDrop,\n  CdkDragHandle,\n  CdkDragPlaceholder,\n  CdkDropList,\n} from '@angular/cdk/drag-drop';\nimport { BlogPost } from '@foliokit/cms-core';\n\n@Component({\n  selector: 'folio-posts-queue-column',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DatePipe, MatCardModule, MatIconModule, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder],\n  host: { class: 'contents' },\n  styles: [`\n    .cdk-drag-preview {\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n      border-radius: 4px;\n      background: var(--mat-sys-surface-container-high);\n    }\n    .cdk-drag-placeholder { opacity: 0.3; }\n    .cdk-drag-animating { transition: transform 250ms cubic-bezier(0,0,0.2,1); }\n    .post-list.cdk-drop-list-dragging .post-row:not(.cdk-drag-placeholder) {\n      transition: transform 250ms cubic-bezier(0,0,0.2,1);\n    }\n  `],\n  template: `\n    <mat-card appearance=\"outlined\" class=\"flex flex-col overflow-hidden\">\n      <div class=\"shrink-0 flex items-center gap-2 px-4 py-3 border-b border-[var(--mat-sys-outline-variant)]\">\n        <span class=\"text-sm font-semibold\">Queued</span>\n        <span class=\"inline-flex items-center justify-center rounded-full bg-[var(--mat-sys-secondary-container)] text-[var(--mat-sys-on-secondary-container)] text-xs font-medium min-w-[1.25rem] h-5 px-1.5\">\n          {{ posts().length }}\n        </span>\n      </div>\n\n      <div\n        class=\"post-list flex-1 overflow-y-auto divide-y divide-[var(--mat-sys-outline-variant)]\"\n        cdkDropList\n        (cdkDropListDropped)=\"onDrop($event)\"\n      >\n        @for (post of posts(); track post.id) {\n          <div class=\"post-row flex items-center gap-2 pr-4 hover:bg-[var(--mat-sys-surface-container-high)] transition-colors\" cdkDrag>\n            <button\n              type=\"button\"\n              class=\"flex items-center gap-1 px-2 py-3 cursor-grab active:cursor-grabbing text-[var(--mat-sys-outline)] hover:text-[var(--mat-sys-on-surface)] transition-colors\"\n              cdkDragHandle\n              aria-label=\"Drag to reorder\"\n            >\n              <mat-icon class=\"text-[1.1rem] leading-none\">drag_indicator</mat-icon>\n            </button>\n\n            <button\n              type=\"button\"\n              class=\"flex-1 flex items-center justify-between gap-3 py-3 text-left min-w-0\"\n              (click)=\"postSelected.emit(post.id)\"\n            >\n              <span class=\"truncate text-sm font-medium\">{{ post.title || '(Untitled)' }}</span>\n              <span class=\"shrink-0 text-xs opacity-50\">\n                {{ post.scheduledPublishAt | date: 'mediumDate' }}\n              </span>\n            </button>\n\n            <div *cdkDragPlaceholder class=\"h-12 rounded bg-[var(--mat-sys-surface-container)]\"></div>\n          </div>\n        } @empty {\n          <div class=\"py-10 text-center text-sm opacity-40\">No queued posts</div>\n        }\n      </div>\n    </mat-card>\n  `,\n})\nexport class PostsQueueColumnComponent {\n  posts = input.required<BlogPost[]>();\n  postSelected = output<string>();\n  reorderQueue = output<{ previousIndex: number; currentIndex: number }>();\n\n  protected onDrop(event: CdkDragDrop<BlogPost[]>): void {\n    this.reorderQueue.emit({\n      previousIndex: event.previousIndex,\n      currentIndex: event.currentIndex,\n    });\n  }\n}\n"]}

package/index.d.ts

@@ -1 +1,15 @@
 export * from './lib/cms-admin-ui/cms-admin-ui';
+export * from './lib/post-editor/post-editor.store';
+export * from './lib/page-editor/page-editor.store';
+export * from './lib/page-editor/about-editor-form.component';
+export * from './lib/page-editor/links-editor-form.component';
+export * from './lib/post-editor/post-editor-media-tab.component';
+export * from './lib/post-editor/post-editor-cover-image.component';
+export * from './lib/post-editor/post-editor-embedded-media.component';
+export * from './lib/post-editor/post-editor-embedded-media-item.component';
+export * from './lib/posts-list/posts-list.store';
+export * from './lib/posts-list/posts-board.component';
+export * from './lib/posts-list/posts-draft-column.component';
+export * from './lib/posts-list/posts-queue-column.component';
+export * from './lib/posts-list/posts-published-column.component';
+export * from './lib/posts-list/posts-list.component';

package/lib/page-editor/about-editor-form.component.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from "@angular/core";
+export declare class AboutEditorFormComponent {
+    readonly store: {
+        page: import("@angular/core").Signal<import("@foliokit/cms-core").CmsPageUnion | null>;
+        isDirty: import("@angular/core").Signal<boolean>;
+        isSaving: import("@angular/core").Signal<boolean>;
+        saveError: import("@angular/core").Signal<string | null>;
+        mode: import("@angular/core").Signal<"new" | "edit">;
+        cursorPosition: import("@angular/core").Signal<number>;
+        tempPageId: import("@angular/core").Signal<string>;
+        isNew: import("@angular/core").Signal<boolean>;
+        canPublish: import("@angular/core").Signal<boolean>;
+        loadPage: (id: string) => void;
+        initNew: (type?: import("@foliokit/cms-core").CmsPageUnion["type"]) => void;
+        updateField: (field: string, value: unknown) => void;
+        setCursorPosition: (position: number) => void;
+        insertMediaAtCursor: (token: string) => void;
+        removeEmbeddedMedia: (token: string) => void;
+        save: () => void;
+        toggleStatus: () => void;
+    } & import("@ngrx/signals").StateSource<{
+        page: import("@foliokit/cms-core").CmsPageUnion | null;
+        isDirty: boolean;
+        isSaving: boolean;
+        saveError: string | null;
+        mode: "new" | "edit";
+        cursorPosition: number;
+        tempPageId: string;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AboutEditorFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AboutEditorFormComponent, "admin-about-editor-form", never, {}, {}, never, never, true, never>;
+}

package/lib/page-editor/links-editor-form.component.d.ts

@@ -0,0 +1,52 @@
+import { ElementRef } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import type { LinksLink } from '@foliokit/cms-core';
+import * as i0 from "@angular/core";
+export declare class LinksEditorFormComponent {
+    avatarInput: ElementRef<HTMLInputElement>;
+    readonly store: {
+        page: import("@angular/core").Signal<import("@foliokit/cms-core").CmsPageUnion | null>;
+        isDirty: import("@angular/core").Signal<boolean>;
+        isSaving: import("@angular/core").Signal<boolean>;
+        saveError: import("@angular/core").Signal<string | null>;
+        mode: import("@angular/core").Signal<"new" | "edit">;
+        cursorPosition: import("@angular/core").Signal<number>;
+        tempPageId: import("@angular/core").Signal<string>;
+        isNew: import("@angular/core").Signal<boolean>;
+        canPublish: import("@angular/core").Signal<boolean>;
+        loadPage: (id: string) => void;
+        initNew: (type?: import("@foliokit/cms-core").CmsPageUnion["type"]) => void;
+        updateField: (field: string, value: unknown) => void;
+        setCursorPosition: (position: number) => void;
+        insertMediaAtCursor: (token: string) => void;
+        removeEmbeddedMedia: (token: string) => void;
+        save: () => void;
+        toggleStatus: () => void;
+    } & import("@ngrx/signals").StateSource<{
+        page: import("@foliokit/cms-core").CmsPageUnion | null;
+        isDirty: boolean;
+        isSaving: boolean;
+        saveError: string | null;
+        mode: "new" | "edit";
+        cursorPosition: number;
+        tempPageId: string;
+    }>;
+    private readonly storage;
+    private readonly pageService;
+    private readonly platformId;
+    readonly isBrowser: boolean;
+    readonly platformOptions: (import("@foliokit/cms-core").SocialPlatform | undefined)[];
+    readonly avatarUploading: import("@angular/core").WritableSignal<boolean>;
+    readonly avatarProgress: import("@angular/core").WritableSignal<number>;
+    readonly avatarError: import("@angular/core").WritableSignal<string | null>;
+    private avatarStoragePath;
+    onAvatarSelected(files: FileList | null): void;
+    onDeleteAvatar(): void;
+    addLink(links: LinksLink[]): void;
+    deleteLink(links: LinksLink[], id: string): void;
+    updateLink<K extends keyof LinksLink>(links: LinksLink[], id: string, field: K, value: LinksLink[K]): void;
+    onDrop(event: CdkDragDrop<LinksLink[]>, links: LinksLink[]): void;
+    private uploadAvatar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinksEditorFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinksEditorFormComponent, "admin-links-editor-form", never, {}, {}, never, never, true, never>;
+}

package/lib/page-editor/page-editor-hero-image.component.d.ts

@@ -0,0 +1,51 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PageEditorHeroImageComponent {
+    fileInput: ElementRef<HTMLInputElement>;
+    readonly store: {
+        page: import("@angular/core").Signal<import("@foliokit/cms-core").CmsPageUnion | null>;
+        isDirty: import("@angular/core").Signal<boolean>;
+        isSaving: import("@angular/core").Signal<boolean>;
+        saveError: import("@angular/core").Signal<string | null>;
+        mode: import("@angular/core").Signal<"new" | "edit">;
+        cursorPosition: import("@angular/core").Signal<number>;
+        tempPageId: import("@angular/core").Signal<string>;
+        isNew: import("@angular/core").Signal<boolean>;
+        canPublish: import("@angular/core").Signal<boolean>;
+        loadPage: (id: string) => void;
+        initNew: (type?: import("@foliokit/cms-core").CmsPageUnion["type"]) => void;
+        updateField: (field: string, value: unknown) => void;
+        setCursorPosition: (position: number) => void;
+        insertMediaAtCursor: (token: string) => void;
+        removeEmbeddedMedia: (token: string) => void;
+        save: () => void;
+        toggleStatus: () => void;
+    } & import("@ngrx/signals").StateSource<{
+        page: import("@foliokit/cms-core").CmsPageUnion | null;
+        isDirty: boolean;
+        isSaving: boolean;
+        saveError: string | null;
+        mode: "new" | "edit";
+        cursorPosition: number;
+        tempPageId: string;
+    }>;
+    private readonly storage;
+    private readonly pageService;
+    private readonly platformId;
+    readonly isBrowser: boolean;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    readonly uploadProgress: import("@angular/core").WritableSignal<number>;
+    readonly uploadError: import("@angular/core").WritableSignal<string | null>;
+    readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
+    readonly storagePath: import("@angular/core").WritableSignal<string | null>;
+    get heroImageUrl(): () => string | undefined;
+    get heroImageAlt(): () => string;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(): void;
+    onDrop(event: DragEvent): void;
+    onFileSelected(files: FileList | null): void;
+    onDelete(): void;
+    private upload;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageEditorHeroImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageEditorHeroImageComponent, "admin-page-editor-hero-image", never, {}, {}, never, never, true, never>;
+}

package/lib/page-editor/page-editor.store.d.ts

@@ -0,0 +1,37 @@
+import type { CmsPageUnion } from '@foliokit/cms-core';
+export interface PageEditorState {
+    page: CmsPageUnion | null;
+    isDirty: boolean;
+    isSaving: boolean;
+    saveError: string | null;
+    mode: 'new' | 'edit';
+    cursorPosition: number;
+    tempPageId: string;
+}
+export declare const PageEditorStore: import("@angular/core").Type<{
+    page: import("@angular/core").Signal<CmsPageUnion | null>;
+    isDirty: import("@angular/core").Signal<boolean>;
+    isSaving: import("@angular/core").Signal<boolean>;
+    saveError: import("@angular/core").Signal<string | null>;
+    mode: import("@angular/core").Signal<"new" | "edit">;
+    cursorPosition: import("@angular/core").Signal<number>;
+    tempPageId: import("@angular/core").Signal<string>;
+    isNew: import("@angular/core").Signal<boolean>;
+    canPublish: import("@angular/core").Signal<boolean>;
+    loadPage: (id: string) => void;
+    initNew: (type?: CmsPageUnion["type"]) => void;
+    updateField: (field: string, value: unknown) => void;
+    setCursorPosition: (position: number) => void;
+    insertMediaAtCursor: (token: string) => void;
+    removeEmbeddedMedia: (token: string) => void;
+    save: () => void;
+    toggleStatus: () => void;
+} & import("@ngrx/signals").StateSource<{
+    page: CmsPageUnion | null;
+    isDirty: boolean;
+    isSaving: boolean;
+    saveError: string | null;
+    mode: "new" | "edit";
+    cursorPosition: number;
+    tempPageId: string;
+}>>;

package/lib/post-editor/post-editor-cover-image.component.d.ts

@@ -0,0 +1,50 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PostEditorCoverImageComponent {
+    fileInput: ElementRef<HTMLInputElement>;
+    readonly store: {
+        post: import("@angular/core").Signal<import("@foliokit/cms-core").BlogPost | null>;
+        isDirty: import("@angular/core").Signal<boolean>;
+        isSaving: import("@angular/core").Signal<boolean>;
+        saveError: import("@angular/core").Signal<string | null>;
+        mode: import("@angular/core").Signal<"new" | "edit">;
+        cursorPosition: import("@angular/core").Signal<number>;
+        tempPostId: import("@angular/core").Signal<string>;
+        isNew: import("@angular/core").Signal<boolean>;
+        canPublish: import("@angular/core").Signal<boolean>;
+        loadPost: (id: string) => void;
+        initNew: () => void;
+        updateField: <K extends keyof import("@foliokit/cms-core").BlogPost>(field: K, value: import("@foliokit/cms-core").BlogPost[K]) => void;
+        save: () => void;
+        setCursorPosition: (position: number) => void;
+        insertMediaAtCursor: (token: string) => void;
+        removeEmbeddedMedia: (token: string) => void;
+        publish: () => void;
+    } & import("@ngrx/signals").StateSource<{
+        post: import("@foliokit/cms-core").BlogPost | null;
+        isDirty: boolean;
+        isSaving: boolean;
+        saveError: string | null;
+        mode: "new" | "edit";
+        cursorPosition: number;
+        tempPostId: string;
+    }>;
+    private readonly storage;
+    private readonly postService;
+    private readonly platformId;
+    readonly isBrowser: boolean;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    readonly uploadProgress: import("@angular/core").WritableSignal<number>;
+    readonly uploadError: import("@angular/core").WritableSignal<string | null>;
+    readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
+    readonly storagePath: import("@angular/core").WritableSignal<string | null>;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(): void;
+    onDrop(event: DragEvent): void;
+    onFileSelected(files: FileList | null): void;
+    onDeleteCover(): void;
+    private clearCover;
+    private upload;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PostEditorCoverImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostEditorCoverImageComponent, "folio-post-editor-cover-image", never, {}, {}, never, never, true, never>;
+}

package/lib/post-editor/post-editor-embedded-media-item.component.d.ts

@@ -0,0 +1,37 @@
+import { EmbeddedMediaEntry } from '@foliokit/cms-core';
+import * as i0 from "@angular/core";
+export declare class PostEditorEmbeddedMediaItemComponent {
+    readonly entry: import("@angular/core").InputSignal<EmbeddedMediaEntry>;
+    readonly token: import("@angular/core").InputSignal<string>;
+    readonly store: {
+        post: import("@angular/core").Signal<import("@foliokit/cms-core").BlogPost | null>;
+        isDirty: import("@angular/core").Signal<boolean>;
+        isSaving: import("@angular/core").Signal<boolean>;
+        saveError: import("@angular/core").Signal<string | null>;
+        mode: import("@angular/core").Signal<"new" | "edit">;
+        cursorPosition: import("@angular/core").Signal<number>;
+        tempPostId: import("@angular/core").Signal<string>;
+        isNew: import("@angular/core").Signal<boolean>;
+        canPublish: import("@angular/core").Signal<boolean>;
+        loadPost: (id: string) => void;
+        initNew: () => void;
+        updateField: <K extends keyof import("@foliokit/cms-core").BlogPost>(field: K, value: import("@foliokit/cms-core").BlogPost[K]) => void;
+        save: () => void;
+        setCursorPosition: (position: number) => void;
+        insertMediaAtCursor: (token: string) => void;
+        removeEmbeddedMedia: (token: string) => void;
+        publish: () => void;
+    } & import("@ngrx/signals").StateSource<{
+        post: import("@foliokit/cms-core").BlogPost | null;
+        isDirty: boolean;
+        isSaving: boolean;
+        saveError: string | null;
+        mode: "new" | "edit";
+        cursorPosition: number;
+        tempPostId: string;
+    }>;
+    onInsert(): void;
+    onDelete(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PostEditorEmbeddedMediaItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostEditorEmbeddedMediaItemComponent, "folio-post-editor-embedded-media-item", never, { "entry": { "alias": "entry"; "required": true; "isSignal": true; }; "token": { "alias": "token"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/post-editor/post-editor-embedded-media.component.d.ts

@@ -0,0 +1,43 @@
+import { ElementRef } from '@angular/core';
+import { EmbeddedMediaEntry } from '@foliokit/cms-core';
+import * as i0 from "@angular/core";
+export declare class PostEditorEmbeddedMediaComponent {
+    fileInput: ElementRef<HTMLInputElement>;
+    readonly store: {
+        post: import("@angular/core").Signal<import("@foliokit/cms-core").BlogPost | null>;
+        isDirty: import("@angular/core").Signal<boolean>;
+        isSaving: import("@angular/core").Signal<boolean>;
+        saveError: import("@angular/core").Signal<string | null>;
+        mode: import("@angular/core").Signal<"new" | "edit">;
+        cursorPosition: import("@angular/core").Signal<number>;
+        tempPostId: import("@angular/core").Signal<string>;
+        isNew: import("@angular/core").Signal<boolean>;
+        canPublish: import("@angular/core").Signal<boolean>;
+        loadPost: (id: string) => void;
+        initNew: () => void;
+        updateField: <K extends keyof import("@foliokit/cms-core").BlogPost>(field: K, value: import("@foliokit/cms-core").BlogPost[K]) => void;
+        save: () => void;
+        setCursorPosition: (position: number) => void;
+        insertMediaAtCursor: (token: string) => void;
+        removeEmbeddedMedia: (token: string) => void;
+        publish: () => void;
+    } & import("@ngrx/signals").StateSource<{
+        post: import("@foliokit/cms-core").BlogPost | null;
+        isDirty: boolean;
+        isSaving: boolean;
+        saveError: string | null;
+        mode: "new" | "edit";
+        cursorPosition: number;
+        tempPostId: string;
+    }>;
+    private readonly storage;
+    private readonly platformId;
+    readonly isBrowser: boolean;
+    readonly uploading: import("@angular/core").WritableSignal<boolean>;
+    readonly uploadError: import("@angular/core").WritableSignal<string | null>;
+    readonly entries: import("@angular/core").Signal<EmbeddedMediaEntry[]>;
+    onFileSelected(files: FileList | null): void;
+    private upload;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PostEditorEmbeddedMediaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostEditorEmbeddedMediaComponent, "folio-post-editor-embedded-media", never, {}, {}, never, never, true, never>;
+}

package/lib/post-editor/post-editor-media-tab.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class PostEditorMediaTabComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PostEditorMediaTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PostEditorMediaTabComponent, "folio-post-editor-media-tab", never, {}, {}, never, never, true, never>;
+}