osi-cards-lib 1.5.10 → 1.5.11
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/osi-cards-lib.mjs +11 -4
- package/fesm2022/osi-cards-lib.mjs.map +1 -1
- package/index.d.ts +5 -0
- package/package.json +1 -1
|
@@ -2911,12 +2911,19 @@ class EmptyStateComponent {
|
|
|
2911
2911
|
onActionClick() {
|
|
2912
2912
|
this.action.emit();
|
|
2913
2913
|
}
|
|
2914
|
+
/**
|
|
2915
|
+
* Get array of CSS classes, filtering out undefined values
|
|
2916
|
+
* NgClass requires all values to be strings, not undefined
|
|
2917
|
+
*/
|
|
2918
|
+
getClassArray() {
|
|
2919
|
+
return [this.variant, this.size, this.containerClass].filter((cls) => cls !== undefined && cls !== null);
|
|
2920
|
+
}
|
|
2914
2921
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2915
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: EmptyStateComponent, isStandalone: true, selector: "lib-empty-state", inputs: { message: "message", icon: "icon", actionLabel: "actionLabel", variant: "variant", size: "size", containerClass: "containerClass" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"empty-state\" [ngClass]=\"[variant, size, containerClass]\" role=\"status\" aria-live=\"polite\">\n <!-- Icon/Emoji -->\n <div class=\"empty-icon\" *ngIf=\"icon\" aria-hidden=\"true\">\n {{ icon }}\n </div>\n\n <!-- Message -->\n <p class=\"empty-text\">{{ message }}</p>\n\n <!-- Optional Action Button -->\n <button class=\"empty-action\" type=\"button\" *ngIf=\"actionLabel\" (click)=\"onActionClick()\">\n {{ actionLabel }}\n </button>\n</div>\n", styles: [":root{--spacing-none: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 40px;--spacing-3xl: 56px;--spacing-compact-xs: 3px;--spacing-compact-sm: 6px;--spacing-compact-md: 9px;--spacing-compact-base: 12px;--spacing-compact-lg: 16px;--section-card-min-height: 110px;--section-card-compact-height: 90px;--section-header-gap: var(--spacing-md);--section-content-gap: var(--spacing-sm);--section-card-gap: var(--spacing-md);--section-card-padding: var(--spacing-md)}:root{--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1.0625rem;--text-xl: 1.1875rem;--text-2xl: 1.375rem;--text-3xl: 1.625rem;--text-4xl: 2rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.5;--leading-loose: 1.75}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 7px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--glow-sm: 0 0 10px rgba(var(--accent-rgb), .15);--glow-md: 0 0 20px rgba(var(--accent-rgb), .2);--glow-lg: 0 0 30px rgba(var(--accent-rgb), .25)}@media (prefers-color-scheme: dark){:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5)}}:root{--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .6, 1);--transition-base: all var(--duration-base) var(--ease-out);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--transition-colors: background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-out)}:root{--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999}:root{--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: var(--blur-md)}@media (prefers-color-scheme: dark){:root{--glass-bg: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .1)}}:root{--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1}:root{--surface-base: var(--section-item-background);--surface-raised: var(--section-item-background-hover);--surface-overlay: var(--glass-bg);--border-light: rgba(var(--foreground-rgb), .08);--border-base: var(--border);--border-strong: rgba(var(--foreground-rgb), .2);--state-hover-opacity: .08;--state-active-opacity: .12;--state-focus-opacity: .16;--state-disabled-opacity: .5}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.unified-card{background:var(--section-item-background);border:var(--section-item-border);border-radius:var(--section-item-border-radius);box-shadow:var(--section-item-box-shadow);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--card-gap);min-height:var(--card-min-height, auto);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.unified-card:hover{background:var(--section-item-background-hover);border-color:var(--section-item-border-hover);box-shadow:var(--section-item-box-shadow-hover)}.unified-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.unified-card{transition:none}}.section-card{background:var(--section-item-background);border:var(--section-item-border);border-radius:var(--section-item-border-radius);box-shadow:var(--section-item-box-shadow);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--card-gap);min-height:var(--card-min-height, auto);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.section-card:hover{background:var(--section-item-background-hover);border-color:var(--section-item-border-hover);box-shadow:var(--section-item-box-shadow-hover)}.section-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.section-card{transition:none}}.status--completed,.status--success{color:#22c55e;background:#22c55e1a}.status--active,.status--in-progress{color:var(--accent);background:#ff79001a}.status--pending,.status--warning{color:#f59e0b;background:#f59e0b1a}.status--blocked,.status--cancelled,.status--delayed,.status--inactive,.status--error{color:#ef4444;background:#ef44441a}.status--default{color:var(--muted-foreground);background:var(--muted)}.priority--high{color:#ef4444;background:#ef44441a}.priority--medium{color:#f59e0b;background:#f59e0b1a}.priority--low{color:#22c55e;background:#22c55e1a}.priority--default{color:var(--muted-foreground);background:var(--muted)}@media (prefers-reduced-motion: reduce){.unified-card,.section-card,[class*=__card],[class*=-card],[class*=__item],[class*=-item]{transition:none;animation:none}}@keyframes section-item-stream{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}:host{display:block;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--surface, transparent);border-radius:var(--radius-md, 8px);gap:8px;min-height:140px;border:1px dashed rgba(255,255,255,.08)}.empty-state.minimal{background:transparent;border:none;min-height:100px;padding:12px}.empty-state.centered{min-height:200px}.empty-state.compact{min-height:80px;padding:10px;gap:6px}.empty-state.small{padding:10px;min-height:90px;gap:6px}.empty-state.large{padding:24px;min-height:220px;gap:12px}.empty-icon{font-size:2.5rem;line-height:1;opacity:.5;filter:grayscale(.3)}.compact .empty-icon,.small .empty-icon{font-size:2rem}.large .empty-icon{font-size:4rem}.empty-text{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--foreground);margin:0;color:var(--muted-foreground, #999);max-width:340px;font-size:.75rem;line-height:1.3}.compact .empty-text{font-size:.7rem}.small .empty-text{font-size:.7rem;max-width:280px}.large .empty-text{font-size:.85rem;max-width:420px}.empty-action{margin-top:6px;padding:6px 12px;background:var(--accent, #ff7900);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease-out}.empty-action:hover{background:var(--accent-bright, #ffa347);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.empty-action:active{transform:translateY(0);box-shadow:none}.empty-action:focus-visible{outline:2px solid var(--accent, #ff7900);outline-offset:2px}.empty-action:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-state{animation:emptyStateFadeIn .3s ease-out}@media (max-width: 640px){.empty-state{padding:12px;min-height:120px}.empty-state.large{padding:18px;min-height:180px}.empty-icon{font-size:2.2rem}.large .empty-icon{font-size:3rem}.empty-text{font-size:.7rem}.large .empty-text{font-size:.8rem}.empty-action{padding:5px 10px;font-size:.65rem}}@media (prefers-color-scheme: dark){.empty-state{border-color:#ffffff14}.empty-icon{opacity:.4}}@media (prefers-contrast: high){.empty-state{border:2px solid rgba(255,255,255,.15)}.empty-action{border:2px solid var(--foreground, #fff)}}@media (prefers-reduced-motion: reduce){.empty-state{animation:none}.empty-action{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2922
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: EmptyStateComponent, isStandalone: true, selector: "lib-empty-state", inputs: { message: "message", icon: "icon", actionLabel: "actionLabel", variant: "variant", size: "size", containerClass: "containerClass" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"empty-state\" [ngClass]=\"getClassArray()\" role=\"status\" aria-live=\"polite\">\n <!-- Icon/Emoji -->\n <div class=\"empty-icon\" *ngIf=\"icon\" aria-hidden=\"true\">\n {{ icon }}\n </div>\n\n <!-- Message -->\n <p class=\"empty-text\">{{ message }}</p>\n\n <!-- Optional Action Button -->\n <button class=\"empty-action\" type=\"button\" *ngIf=\"actionLabel\" (click)=\"onActionClick()\">\n {{ actionLabel }}\n </button>\n</div>\n", styles: [":root{--spacing-none: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 40px;--spacing-3xl: 56px;--spacing-compact-xs: 3px;--spacing-compact-sm: 6px;--spacing-compact-md: 9px;--spacing-compact-base: 12px;--spacing-compact-lg: 16px;--section-card-min-height: 110px;--section-card-compact-height: 90px;--section-header-gap: var(--spacing-md);--section-content-gap: var(--spacing-sm);--section-card-gap: var(--spacing-md);--section-card-padding: var(--spacing-md)}:root{--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1.0625rem;--text-xl: 1.1875rem;--text-2xl: 1.375rem;--text-3xl: 1.625rem;--text-4xl: 2rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.5;--leading-loose: 1.75}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 7px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--glow-sm: 0 0 10px rgba(var(--accent-rgb), .15);--glow-md: 0 0 20px rgba(var(--accent-rgb), .2);--glow-lg: 0 0 30px rgba(var(--accent-rgb), .25)}@media (prefers-color-scheme: dark){:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5)}}:root{--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .6, 1);--transition-base: all var(--duration-base) var(--ease-out);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--transition-colors: background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-out)}:root{--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999}:root{--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: var(--blur-md)}@media (prefers-color-scheme: dark){:root{--glass-bg: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .1)}}:root{--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1}:root{--surface-base: var(--section-item-background);--surface-raised: var(--section-item-background-hover);--surface-overlay: var(--glass-bg);--border-light: rgba(var(--foreground-rgb), .08);--border-base: var(--border);--border-strong: rgba(var(--foreground-rgb), .2);--state-hover-opacity: .08;--state-active-opacity: .12;--state-focus-opacity: .16;--state-disabled-opacity: .5}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.unified-card{background:var(--section-item-background);border:var(--section-item-border);border-radius:var(--section-item-border-radius);box-shadow:var(--section-item-box-shadow);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--card-gap);min-height:var(--card-min-height, auto);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.unified-card:hover{background:var(--section-item-background-hover);border-color:var(--section-item-border-hover);box-shadow:var(--section-item-box-shadow-hover)}.unified-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.unified-card{transition:none}}.section-card{background:var(--section-item-background);border:var(--section-item-border);border-radius:var(--section-item-border-radius);box-shadow:var(--section-item-box-shadow);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--card-gap);min-height:var(--card-min-height, auto);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.section-card:hover{background:var(--section-item-background-hover);border-color:var(--section-item-border-hover);box-shadow:var(--section-item-box-shadow-hover)}.section-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.section-card{transition:none}}.status--completed,.status--success{color:#22c55e;background:#22c55e1a}.status--active,.status--in-progress{color:var(--accent);background:#ff79001a}.status--pending,.status--warning{color:#f59e0b;background:#f59e0b1a}.status--blocked,.status--cancelled,.status--delayed,.status--inactive,.status--error{color:#ef4444;background:#ef44441a}.status--default{color:var(--muted-foreground);background:var(--muted)}.priority--high{color:#ef4444;background:#ef44441a}.priority--medium{color:#f59e0b;background:#f59e0b1a}.priority--low{color:#22c55e;background:#22c55e1a}.priority--default{color:var(--muted-foreground);background:var(--muted)}@media (prefers-reduced-motion: reduce){.unified-card,.section-card,[class*=__card],[class*=-card],[class*=__item],[class*=-item]{transition:none;animation:none}}@keyframes section-item-stream{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}:host{display:block;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--surface, transparent);border-radius:var(--radius-md, 8px);gap:8px;min-height:140px;border:1px dashed rgba(255,255,255,.08)}.empty-state.minimal{background:transparent;border:none;min-height:100px;padding:12px}.empty-state.centered{min-height:200px}.empty-state.compact{min-height:80px;padding:10px;gap:6px}.empty-state.small{padding:10px;min-height:90px;gap:6px}.empty-state.large{padding:24px;min-height:220px;gap:12px}.empty-icon{font-size:2.5rem;line-height:1;opacity:.5;filter:grayscale(.3)}.compact .empty-icon,.small .empty-icon{font-size:2rem}.large .empty-icon{font-size:4rem}.empty-text{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--foreground);margin:0;color:var(--muted-foreground, #999);max-width:340px;font-size:.75rem;line-height:1.3}.compact .empty-text{font-size:.7rem}.small .empty-text{font-size:.7rem;max-width:280px}.large .empty-text{font-size:.85rem;max-width:420px}.empty-action{margin-top:6px;padding:6px 12px;background:var(--accent, #ff7900);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease-out}.empty-action:hover{background:var(--accent-bright, #ffa347);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.empty-action:active{transform:translateY(0);box-shadow:none}.empty-action:focus-visible{outline:2px solid var(--accent, #ff7900);outline-offset:2px}.empty-action:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-state{animation:emptyStateFadeIn .3s ease-out}@media (max-width: 640px){.empty-state{padding:12px;min-height:120px}.empty-state.large{padding:18px;min-height:180px}.empty-icon{font-size:2.2rem}.large .empty-icon{font-size:3rem}.empty-text{font-size:.7rem}.large .empty-text{font-size:.8rem}.empty-action{padding:5px 10px;font-size:.65rem}}@media (prefers-color-scheme: dark){.empty-state{border-color:#ffffff14}.empty-icon{opacity:.4}}@media (prefers-contrast: high){.empty-state{border:2px solid rgba(255,255,255,.15)}.empty-action{border:2px solid var(--foreground, #fff)}}@media (prefers-reduced-motion: reduce){.empty-state{animation:none}.empty-action{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2916
2923
|
}
|
|
2917
2924
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: EmptyStateComponent, decorators: [{
|
|
2918
2925
|
type: Component,
|
|
2919
|
-
args: [{ selector: 'lib-empty-state', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"empty-state\" [ngClass]=\"
|
|
2926
|
+
args: [{ selector: 'lib-empty-state', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"empty-state\" [ngClass]=\"getClassArray()\" role=\"status\" aria-live=\"polite\">\n <!-- Icon/Emoji -->\n <div class=\"empty-icon\" *ngIf=\"icon\" aria-hidden=\"true\">\n {{ icon }}\n </div>\n\n <!-- Message -->\n <p class=\"empty-text\">{{ message }}</p>\n\n <!-- Optional Action Button -->\n <button class=\"empty-action\" type=\"button\" *ngIf=\"actionLabel\" (click)=\"onActionClick()\">\n {{ actionLabel }}\n </button>\n</div>\n", styles: [":root{--spacing-none: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 40px;--spacing-3xl: 56px;--spacing-compact-xs: 3px;--spacing-compact-sm: 6px;--spacing-compact-md: 9px;--spacing-compact-base: 12px;--spacing-compact-lg: 16px;--section-card-min-height: 110px;--section-card-compact-height: 90px;--section-header-gap: var(--spacing-md);--section-content-gap: var(--spacing-sm);--section-card-gap: var(--spacing-md);--section-card-padding: var(--spacing-md)}:root{--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1.0625rem;--text-xl: 1.1875rem;--text-2xl: 1.375rem;--text-3xl: 1.625rem;--text-4xl: 2rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.5;--leading-loose: 1.75}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 7px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--glow-sm: 0 0 10px rgba(var(--accent-rgb), .15);--glow-md: 0 0 20px rgba(var(--accent-rgb), .2);--glow-lg: 0 0 30px rgba(var(--accent-rgb), .25)}@media (prefers-color-scheme: dark){:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5)}}:root{--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .6, 1);--transition-base: all var(--duration-base) var(--ease-out);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--transition-colors: background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-out)}:root{--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999}:root{--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: var(--blur-md)}@media (prefers-color-scheme: dark){:root{--glass-bg: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .1)}}:root{--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1}:root{--surface-base: var(--section-item-background);--surface-raised: var(--section-item-background-hover);--surface-overlay: var(--glass-bg);--border-light: rgba(var(--foreground-rgb), .08);--border-base: var(--border);--border-strong: rgba(var(--foreground-rgb), .2);--state-hover-opacity: .08;--state-active-opacity: .12;--state-focus-opacity: .16;--state-disabled-opacity: .5}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.unified-card{background:var(--section-item-background);border:var(--section-item-border);border-radius:var(--section-item-border-radius);box-shadow:var(--section-item-box-shadow);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--card-gap);min-height:var(--card-min-height, auto);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.unified-card:hover{background:var(--section-item-background-hover);border-color:var(--section-item-border-hover);box-shadow:var(--section-item-box-shadow-hover)}.unified-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.unified-card{transition:none}}.section-card{background:var(--section-item-background);border:var(--section-item-border);border-radius:var(--section-item-border-radius);box-shadow:var(--section-item-box-shadow);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--card-gap);min-height:var(--card-min-height, auto);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.section-card:hover{background:var(--section-item-background-hover);border-color:var(--section-item-border-hover);box-shadow:var(--section-item-box-shadow-hover)}.section-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.section-card{transition:none}}.status--completed,.status--success{color:#22c55e;background:#22c55e1a}.status--active,.status--in-progress{color:var(--accent);background:#ff79001a}.status--pending,.status--warning{color:#f59e0b;background:#f59e0b1a}.status--blocked,.status--cancelled,.status--delayed,.status--inactive,.status--error{color:#ef4444;background:#ef44441a}.status--default{color:var(--muted-foreground);background:var(--muted)}.priority--high{color:#ef4444;background:#ef44441a}.priority--medium{color:#f59e0b;background:#f59e0b1a}.priority--low{color:#22c55e;background:#22c55e1a}.priority--default{color:var(--muted-foreground);background:var(--muted)}@media (prefers-reduced-motion: reduce){.unified-card,.section-card,[class*=__card],[class*=-card],[class*=__item],[class*=-item]{transition:none;animation:none}}@keyframes section-item-stream{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}:host{display:block;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--surface, transparent);border-radius:var(--radius-md, 8px);gap:8px;min-height:140px;border:1px dashed rgba(255,255,255,.08)}.empty-state.minimal{background:transparent;border:none;min-height:100px;padding:12px}.empty-state.centered{min-height:200px}.empty-state.compact{min-height:80px;padding:10px;gap:6px}.empty-state.small{padding:10px;min-height:90px;gap:6px}.empty-state.large{padding:24px;min-height:220px;gap:12px}.empty-icon{font-size:2.5rem;line-height:1;opacity:.5;filter:grayscale(.3)}.compact .empty-icon,.small .empty-icon{font-size:2rem}.large .empty-icon{font-size:4rem}.empty-text{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--foreground);margin:0;color:var(--muted-foreground, #999);max-width:340px;font-size:.75rem;line-height:1.3}.compact .empty-text{font-size:.7rem}.small .empty-text{font-size:.7rem;max-width:280px}.large .empty-text{font-size:.85rem;max-width:420px}.empty-action{margin-top:6px;padding:6px 12px;background:var(--accent, #ff7900);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease-out}.empty-action:hover{background:var(--accent-bright, #ffa347);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.empty-action:active{transform:translateY(0);box-shadow:none}.empty-action:focus-visible{outline:2px solid var(--accent, #ff7900);outline-offset:2px}.empty-action:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-state{animation:emptyStateFadeIn .3s ease-out}@media (max-width: 640px){.empty-state{padding:12px;min-height:120px}.empty-state.large{padding:18px;min-height:180px}.empty-icon{font-size:2.2rem}.large .empty-icon{font-size:3rem}.empty-text{font-size:.7rem}.large .empty-text{font-size:.8rem}.empty-action{padding:5px 10px;font-size:.65rem}}@media (prefers-color-scheme: dark){.empty-state{border-color:#ffffff14}.empty-icon{opacity:.4}}@media (prefers-contrast: high){.empty-state{border:2px solid rgba(255,255,255,.15)}.empty-action{border:2px solid var(--foreground, #fff)}}@media (prefers-reduced-motion: reduce){.empty-state{animation:none}.empty-action{transition:none}}\n"] }]
|
|
2920
2927
|
}], propDecorators: { message: [{
|
|
2921
2928
|
type: Input
|
|
2922
2929
|
}], icon: [{
|
|
@@ -5985,8 +5992,8 @@ function getSectionsRequiringExternalLibs() {
|
|
|
5985
5992
|
* Manifest metadata
|
|
5986
5993
|
*/
|
|
5987
5994
|
const MANIFEST_META = {
|
|
5988
|
-
generatedAt: '2025-12-05T12:
|
|
5989
|
-
registryVersion: '1.5.
|
|
5995
|
+
generatedAt: '2025-12-05T12:33:49.515Z',
|
|
5996
|
+
registryVersion: '1.5.10',
|
|
5990
5997
|
totalSections: 22,
|
|
5991
5998
|
publicSections: 22
|
|
5992
5999
|
};
|