@lucca-front/ng 22.0.5 → 22.1.0-rc.2

package/fesm2022/lucca-front-ng-markdown.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { TextFlowComponent } from '@lucca-front/ng/text-flow';
+import DOMPurify from 'isomorphic-dompurify';
+import { Renderer, Marked } from 'marked';
+
+/** Deepest heading level allowed by HTML. */
+const maxHeadingLevel = 6;
+/** Deepest heading utility class provided by Prisme (`pr-u-h5` and `pr-u-h6` are deprecated). */
+const maxHeadingUtilityLevel = 4;
+function renderMarkdown(content, { headingLevel = 1 } = {}) {
+    if (!content) {
+        return '';
+    }
+    const renderer = new Renderer();
+    renderer.heading = function ({ tokens, depth }) {
+        const level = Math.min(depth + headingLevel - 1, maxHeadingLevel);
+        const utilityClass = `pr-u-h${Math.min(depth, maxHeadingUtilityLevel)}`;
+        return `<h${level} class="${utilityClass}">${this.parser.parseInline(tokens)}</h${level}>\n`;
+    };
+    return DOMPurify.sanitize(new Marked({ renderer }).parse(content, { async: false }));
+}
+
+class MarkdownComponent {
+    constructor() {
+        this.content = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        this.headingLevel = input(1, { ...(ngDevMode ? { debugName: "headingLevel" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.html = computed(() => renderMarkdown(this.content(), { headingLevel: this.headingLevel() }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "html" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MarkdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: MarkdownComponent, isStandalone: true, selector: "lu-markdown", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<lu-text-flow [innerHTML]="html()" />', isInline: true, dependencies: [{ kind: "component", type: TextFlowComponent, selector: "lu-text-flow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MarkdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lu-markdown',
+                    template: '<lu-text-flow [innerHTML]="html()" />',
+                    imports: [TextFlowComponent],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MarkdownComponent, renderMarkdown };
+//# sourceMappingURL=lucca-front-ng-markdown.mjs.map

package/fesm2022/lucca-front-ng-markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-markdown.mjs","sources":["../../../packages/ng/markdown/render-markdown.ts","../../../packages/ng/markdown/markdown.component.ts","../../../packages/ng/markdown/lucca-front-ng-markdown.ts"],"sourcesContent":["import DOMPurify from 'isomorphic-dompurify';\nimport { Marked, Renderer, Tokens } from 'marked';\n\n/** Deepest heading level allowed by HTML. */\nconst maxHeadingLevel = 6;\n\n/** Deepest heading utility class provided by Prisme (`pr-u-h5` and `pr-u-h6` are deprecated). */\nconst maxHeadingUtilityLevel = 4;\n\nexport interface RenderMarkdownOptions {\n\t/**\n\t * Heading level used for the top-level markdown heading (`# Heading`), the following ones being nested from it.\n\t * Set it to the level that keeps the document outline valid where the markdown is displayed: with `2`,\n\t * `# Heading` renders a `<h2 class=\"pr-u-h1\">`, keeping the heading semantics clean while preserving its style.\n\t *\n\t * @default 1\n\t */\n\theadingLevel?: number;\n}\n\nexport function renderMarkdown(content: string, { headingLevel = 1 }: RenderMarkdownOptions = {}): string {\n\tif (!content) {\n\t\treturn '';\n\t}\n\n\tconst renderer = new Renderer();\n\n\trenderer.heading = function (this: Renderer, { tokens, depth }: Tokens.Heading): string {\n\t\tconst level = Math.min(depth + headingLevel - 1, maxHeadingLevel);\n\t\tconst utilityClass = `pr-u-h${Math.min(depth, maxHeadingUtilityLevel)}`;\n\n\t\treturn `<h${level} class=\"${utilityClass}\">${this.parser.parseInline(tokens)}</h${level}>\\n`;\n\t};\n\n\treturn DOMPurify.sanitize(new Marked({ renderer }).parse(content, { async: false }));\n}\n","import { ChangeDetectionStrategy, Component, computed, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { TextFlowComponent } from '@lucca-front/ng/text-flow';\nimport { renderMarkdown } from './render-markdown';\n\n@Component({\n\tselector: 'lu-markdown',\n\ttemplate: '<lu-text-flow [innerHTML]=\"html()\" />',\n\timports: [TextFlowComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MarkdownComponent {\n\treadonly content = input.required<string>();\n\n\treadonly headingLevel = input(1, { transform: numberAttribute });\n\n\tprotected html = computed(() => renderMarkdown(this.content(), { headingLevel: this.headingLevel() }));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAGA;AACA,MAAM,eAAe,GAAG,CAAC;AAEzB;AACA,MAAM,sBAAsB,GAAG,CAAC;AAa1B,SAAU,cAAc,CAAC,OAAe,EAAE,EAAE,YAAY,GAAG,CAAC,EAAA,GAA4B,EAAE,EAAA;IAC/F,IAAI,CAAC,OAAO,EAAE;AACb,QAAA,OAAO,EAAE;IACV;AAEA,IAAA,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE;IAE/B,QAAQ,CAAC,OAAO,GAAG,UAA0B,EAAE,MAAM,EAAE,KAAK,EAAkB,EAAA;AAC7E,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,YAAY,GAAG,CAAC,EAAE,eAAe,CAAC;AACjE,QAAA,MAAM,YAAY,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAA,CAAE;AAEvE,QAAA,OAAO,KAAK,KAAK,CAAA,QAAA,EAAW,YAAY,CAAA,EAAA,EAAK,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA,GAAA,EAAM,KAAK,KAAK;AAC7F,IAAA,CAAC;IAED,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACrF;;MCxBa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAQU,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ;oFAAU;QAElC,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,CAAC,oFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAEtD,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;iFAAC;AACtG,IAAA;8GANY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALnB,uCAAuC,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvC,iBAAiB,EAAA,QAAA,EAAA,cAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAIf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,uCAAuC;oBACjD,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,iBAAA;;;ACVD;;AAEG;;"}