@paprize/core 0.0.10 → 0.0.12

package/README.md

@@ -2,4 +2,4 @@
 
 Design your report using the full power of JavaScript and CSS, mark the report section by paprize components and then paprize pagination engine will transforming it into a beautiful, professional, print-ready pages.
 
-![Components](https://raw.githubusercontent.com/PejmanNik/paprize/refs/heads/main/packages/website/static/img/components.svg)
+![Components](https://raw.githubusercontent.com/PejmanNik/paprize/refs/heads/main/website/static/img/components.svg)

package/dist/paprize-core.d.ts

@@ -55,9 +55,11 @@ export declare class EventDispatcher<TEvents> {
 
 declare type EventHandler<TKey extends keyof TEvents, TEvents> = TEvents[TKey] extends (...args: infer TArgs) => infer TReturn ? (...args: TArgs) => TReturn : never;
 
+export declare function getNodeLayoutOptionsFromAttribute(node: Node | null): Partial<LayoutOptions>;
+
 export declare function getVisibleHeight(element: Element): number;
 
-export declare const globalStyle = "\n    html {\n        box-sizing: border-box;\n    }\n\n    *,\n    *:before,\n    *:after {\n        box-sizing: inherit;\n    }\n\n    :root {\n        --paprize-page-background-color: #ffffff;\n        --paprize-page-margin-bottom: 10px;\n        --paprize-page-box-shadow: rgb(142 138 138) -1px 3px 5px 2px;\n        --paprize-section-margin-bottom: 10px;\n        --paprize-preview-background-color: rgb(218 220 224);\n        --paprize-preview-padding: 30px 10px;\n    }\n\n    body {\n        margin: 0;\n    }\n    \n    @media screen {\n        .pz-preview {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background-color: var(--paprize-preview-background-color);\n            padding: var(--paprize-preview-padding);\n        }\n\n        .pz-page {\n            box-shadow: var(--paprize-page-box-shadow);\n            margin-bottom: var(--paprize-page-margin-bottom);\n            background-color: var(--paprize-page-background-color);\n        }\n\n        .pz-section {\n            margin-bottom: var(--paprize-section-margin-bottom);\n        }\n    }\n\n    @media print {\n        html:has(.pz-preview) *:not(.pz-preview):not(.pz-preview *):not(:has(.pz-preview)) {\n            display: none !important;\n        }\n    }   \n ";
+export declare const globalStyle = "\n    html {\n        box-sizing: border-box;\n    }\n\n    *,\n    *:before,\n    *:after {\n        box-sizing: inherit;\n    }\n\n    :root {\n        --paprize-page-background-color: #ffffff;\n        --paprize-page-box-shadow: rgb(142 138 138) -1px 3px 5px 2px;\n        --paprize-section-margin-bottom: 10px;\n        --paprize-preview-background-color: rgb(218 220 224);\n        --paprize-preview-padding: 30px 10px;\n    }\n\n    body {\n        margin: 0;\n    }\n    \n    @media screen {\n        .pz-preview {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background-color: var(--paprize-preview-background-color);\n            padding: var(--paprize-preview-padding);\n        }\n\n        .pz-page {\n            box-shadow: var(--paprize-page-box-shadow);\n            background-color: var(--paprize-page-background-color);\n        }\n\n        .pz-section {\n            margin-bottom: var(--paprize-section-margin-bottom);\n        }\n    }\n\n    @media print {\n        html:has(.pz-preview) *:not(.pz-preview):not(.pz-preview *):not(:has(.pz-preview)) {\n            display: none !important;\n        }\n    }   \n ";
 
 export declare const globalStyleId = "paprize-global-style";
 
@@ -71,6 +73,12 @@ export declare function isElement(node: Node): node is Element;
 
 export declare function isTextNode(node: Node): node is Text;
 
+export declare const layoutOptionHyphenationDisabledAttribute = "data-pz-hyphenation-disabled";
+
+export declare const layoutOptionHyphenAttribute = "data-pz-hyphen";
+
+export declare const layoutOptionKeepOnSamePageAttribute = "data-pz-keep-on-same-page";
+
 /**
  * Layout options for the pagination engine
  */
@@ -340,6 +348,7 @@ export declare interface PaginationPlugin {
     afterVisitNode?: (id: string, result: SplitResult, domState: DomState, pageManager: PageManager) => void;
     onNewPage?: (id: string, pageManager: PageManager) => void;
     onClone?: (id: string, source: Element, cloned: PageElement) => void;
+    afterPagination?: (id: string, domState: DomState, pageManager: PageManager) => void;
 }
 
 export declare class Paginator {
@@ -470,10 +479,6 @@ export declare interface ReportBuilderEvents {
     paginationCycleCompleted: (event: PaginationCycleCompleted) => void;
 }
 
-export declare interface ReportContext {
-    jsonData: unknown | null;
-}
-
 export declare const reportStyles: {
     globalStyle: string;
     component: CSSProperties;
@@ -564,6 +569,18 @@ export declare interface SectionContext {
      * All paginated pages that belong to this section.
      */
     pages: PageContext[];
+    /**
+     * Options used for paginating this section.
+     *
+     * @remarks
+     * Options may differ from the original {@link SectionOptions}
+     * provided during section creation, as some values may be
+     */
+    options: SectionOptions;
+    /**
+     * Components used in this section.
+     */
+    components: SectionComponents;
 }
 
 /**
@@ -598,10 +615,8 @@ export declare interface SectionOptions extends Partial<Omit<PaginationOptions,
 declare function sectionPageMedia(sectionId: string, size: PageSize): string;
 
 export declare interface SectionState {
-    options: SectionOptions;
     context: SectionContext;
-    components: SectionComponents;
-    onPaginationCompleted: (pages: PageContext[]) => Promise<unknown> | void;
+    onPaginationCompleted: (context: SectionContext) => Promise<unknown> | void;
 }
 
 export declare const sectionTocName = "sectionToc";
@@ -638,6 +653,9 @@ export declare class TablePlugin implements PaginationPlugin {
     order: number;
     constructor(options?: TablePluginOptions);
     onNewPage: (_id: string, pageManager: PageManager) => void;
+    onVisitElement: (_id: string, domState: DomState & {
+        currentNode: PageElement;
+    }, _pageManager: PageManager, context: VisitContext) => void;
     onClone: (_id: string, source: Element, cloned: PageElement) => void;
     private _isTable;
     private _isTableBodyEmpty;