@logosphere-ui/angular 0.0.1-alpha.1 → 0.0.1-alpha.11

package/types/logosphere-ui-angular-src-lib-button.d.ts

@@ -5,8 +5,9 @@ declare class LogosphereButton {
     size: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<string>;
     iconOnly: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { LogosphereButton };

package/types/logosphere-ui-angular-src-lib-checkbox.d.ts

@@ -11,7 +11,7 @@ declare class LogosphereCheckbox {
     checked: _angular_core.InputSignal<boolean>;
     label: _angular_core.InputSignal<string>;
     value: _angular_core.InputSignal<string>;
-    type: _angular_core.InputSignal<"checkbox" | "switch">;
+    type: _angular_core.InputSignal<"checkbox" | "switch" | "radio">;
     change: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
     onChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCheckbox, never>;

package/types/logosphere-ui-angular-src-lib-combobox.d.ts

@@ -2,6 +2,12 @@ import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 
 type ComboboxItem = Record<string, unknown>;
+type ComboboxItemRenderer = (item: ComboboxItem, context: {
+    index: number;
+    selected: boolean;
+    focused: boolean;
+    multiple: boolean;
+}) => unknown;
 declare class LogosphereCombobox {
     label: _angular_core.InputSignal<string>;
     helper: _angular_core.InputSignal<string>;
@@ -18,6 +24,7 @@ declare class LogosphereCombobox {
     emptyMessage: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<"default" | "large">;
     items: _angular_core.InputSignal<ComboboxItem[]>;
+    itemRenderer: _angular_core.InputSignal<ComboboxItemRenderer | undefined>;
     change: _angular_core.OutputEmitterRef<{
         value: ComboboxItem[];
     }>;
@@ -28,8 +35,8 @@ declare class LogosphereCombobox {
     onChange(event: Event): void;
     onSelected(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCombobox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "change": "change"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; "isSignal": true; }; }, { "change": "change"; "selected": "selected"; }, never, never, true, never>;
 }
 
 export { LogosphereCombobox };
-export type { ComboboxItem };
+export type { ComboboxItem, ComboboxItemRenderer };

package/types/logosphere-ui-angular-src-lib-pagination.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+type PaginationVariant = 'default' | 'prev-next' | 'prev-next-inverted' | 'prev-next-only' | 'number-buttons';
+interface PageChangeEvent {
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+declare class LogospherePagination {
+    variant: _angular_core.InputSignal<PaginationVariant>;
+    page: _angular_core.InputSignal<number>;
+    pageSize: _angular_core.InputSignal<number>;
+    total: _angular_core.InputSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    showPageSize: _angular_core.InputSignal<boolean>;
+    showTotal: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    prevLabel: _angular_core.InputSignal<string>;
+    nextLabel: _angular_core.InputSignal<string>;
+    pageLabel: _angular_core.InputSignal<string>;
+    perPageLabel: _angular_core.InputSignal<string>;
+    totalLabel: _angular_core.InputSignal<string>;
+    pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
+    set elRef(element: ElementRef | undefined);
+    onPageChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogospherePagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePagination, "lgs-pagination", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSize": { "alias": "showPageSize"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "pageLabel": { "alias": "pageLabel"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "totalLabel": { "alias": "totalLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "page-change"; }, never, never, true, never>;
+}
+
+export { LogospherePagination };
+export type { PageChangeEvent, PaginationVariant };

package/types/logosphere-ui-angular-ssr.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Inject Declarative Shadow DOM into an @angular/ssr-rendered HTML string.
+ *
+ * Angular's server renderer emits Logosphere custom elements as bare host tags
+ * (attributes + projected light DOM, but no shadow content, because Domino does
+ * not upgrade custom elements). This runs that HTML through @lit-labs/ssr so
+ * every **registered** logosphere-* element gets its full shadow tree emitted as
+ * `<template shadowrootmode="open">…</template>`, recursively, while the rest of
+ * the Angular markup is left untouched. The emitted Lit hydration markers
+ * (`<!--lit-part-->`) let the client hydrate instead of re-rendering.
+ *
+ * The components must already be **registered** (their modules imported) in the
+ * server process before this is called — which they are, since the Angular
+ * wrapper components import them. Registration relies on a single shared
+ * `@lit-labs/ssr-dom-shim` customElements registry (pinned via the workspace
+ * `overrides`), so don't let that version drift.
+ *
+ * Works on a full document string or a fragment.
+ *
+ * @example
+ * // server.ts (@angular/ssr)
+ * const html = await angularApp.render(request);          // bare custom elements
+ * const withDsd = await renderLogosphereShadowRoots(html); // DSD injected
+ */
+declare function renderLogosphereShadowRoots(htmlString: string): Promise<string>;
+
+export { renderLogosphereShadowRoots };

package/types/logosphere-ui-angular.d.ts

@@ -18,8 +18,9 @@ declare class LogosphereButton {
     size: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<string>;
     iconOnly: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereButton, "lgs-button", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type CheckboxChangeEvent = {
@@ -33,7 +34,7 @@ declare class LogosphereCheckbox {
     checked: _angular_core.InputSignal<boolean>;
     label: _angular_core.InputSignal<string>;
     value: _angular_core.InputSignal<string>;
-    type: _angular_core.InputSignal<"checkbox" | "switch">;
+    type: _angular_core.InputSignal<"checkbox" | "switch" | "radio">;
     change: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
     onChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCheckbox, never>;
@@ -141,6 +142,33 @@ declare class LogosphereInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereInput, "lgs-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, { "inputEvent": "inputChange"; "change": "change"; "keydown": "keydown"; "keyup": "keyup"; "clear": "clear"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
 }
 
+type PaginationVariant = 'default' | 'prev-next' | 'prev-next-inverted' | 'prev-next-only' | 'number-buttons';
+interface PageChangeEvent {
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+declare class LogospherePagination {
+    variant: _angular_core.InputSignal<PaginationVariant>;
+    page: _angular_core.InputSignal<number>;
+    pageSize: _angular_core.InputSignal<number>;
+    total: _angular_core.InputSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    showPageSize: _angular_core.InputSignal<boolean>;
+    showTotal: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    prevLabel: _angular_core.InputSignal<string>;
+    nextLabel: _angular_core.InputSignal<string>;
+    pageLabel: _angular_core.InputSignal<string>;
+    perPageLabel: _angular_core.InputSignal<string>;
+    totalLabel: _angular_core.InputSignal<string>;
+    pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
+    set elRef(element: ElementRef | undefined);
+    onPageChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogospherePagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogospherePagination, "lgs-pagination", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSize": { "alias": "showPageSize"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "pageLabel": { "alias": "pageLabel"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "totalLabel": { "alias": "totalLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "page-change"; }, never, never, true, never>;
+}
+
 declare class LogospherePopover {
     popoverTitle: _angular_core.InputSignal<string>;
     trigger: _angular_core.InputSignal<"click" | "hover" | "both">;
@@ -258,6 +286,12 @@ declare class LogosphereChatbot {
 }
 
 type ComboboxItem = Record<string, unknown>;
+type ComboboxItemRenderer = (item: ComboboxItem, context: {
+    index: number;
+    selected: boolean;
+    focused: boolean;
+    multiple: boolean;
+}) => unknown;
 declare class LogosphereCombobox {
     label: _angular_core.InputSignal<string>;
     helper: _angular_core.InputSignal<string>;
@@ -274,6 +308,7 @@ declare class LogosphereCombobox {
     emptyMessage: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<"default" | "large">;
     items: _angular_core.InputSignal<ComboboxItem[]>;
+    itemRenderer: _angular_core.InputSignal<ComboboxItemRenderer | undefined>;
     change: _angular_core.OutputEmitterRef<{
         value: ComboboxItem[];
     }>;
@@ -284,7 +319,7 @@ declare class LogosphereCombobox {
     onChange(event: Event): void;
     onSelected(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogosphereCombobox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "change": "change"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogosphereCombobox, "lgs-combobox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; "isSignal": true; }; }, { "change": "change"; "selected": "selected"; }, never, never, true, never>;
 }
 
 declare class LogosphereDatePicker {
@@ -464,5 +499,5 @@ declare class LogosphereTreeMenu {
 
 declare const WRAPPER_VERSION = "1.0.0";
 
-export { LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereInput, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereModal, LogospherePopover, LogosphereSwitch, LogosphereTab, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
-export type { BreadcrumbItem, ChatbotProduct, CheckboxChangeEvent, ComboboxItem, SwitchChangeEvent, TabItem, ToastActionConfig, ToastType, TreeMenuItem };
+export { LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereInput, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereModal, LogospherePagination, LogospherePopover, LogosphereSwitch, LogosphereTab, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
+export type { BreadcrumbItem, ChatbotProduct, CheckboxChangeEvent, ComboboxItem, ComboboxItemRenderer, PageChangeEvent, PaginationVariant, SwitchChangeEvent, TabItem, ToastActionConfig, ToastType, TreeMenuItem };