@ni/nimble-components 32.12.1 → 32.13.0
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/dist/all-components-bundle.js +3 -1
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +1 -1
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/rich-text/viewer/index.d.ts +2 -0
- package/dist/esm/rich-text/viewer/index.js +4 -2
- package/dist/esm/rich-text/viewer/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { DesignSystem } from '@microsoft/fast-foundation';
|
|
3
|
-
import {
|
|
3
|
+
import { attr } from '@microsoft/fast-element';
|
|
4
4
|
import { template } from './template';
|
|
5
5
|
import { styles } from './styles';
|
|
6
6
|
import { RichTextMarkdownParser } from '../models/markdown-parser';
|
|
@@ -15,6 +15,8 @@ export class RichTextViewer extends RichText {
|
|
|
15
15
|
*
|
|
16
16
|
* @public
|
|
17
17
|
* Markdown string to render its corresponding rich text content in the component.
|
|
18
|
+
* @remarks
|
|
19
|
+
* HTML Attribute: markdown
|
|
18
20
|
*/
|
|
19
21
|
this.markdown = '';
|
|
20
22
|
this.mentionedHrefs = [];
|
|
@@ -57,7 +59,7 @@ export class RichTextViewer extends RichText {
|
|
|
57
59
|
}
|
|
58
60
|
}
|
|
59
61
|
__decorate([
|
|
60
|
-
|
|
62
|
+
attr({ mode: 'fromView' })
|
|
61
63
|
], RichTextViewer.prototype, "markdown", void 0);
|
|
62
64
|
const nimbleRichTextViewer = RichTextViewer.compose({
|
|
63
65
|
baseName: 'rich-text-viewer',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text/viewer/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text/viewer/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,QAAQ;IAA5C;;QACI;;;;;;WAMG;QAEI,aAAQ,GAAG,EAAE,CAAC;QAOb,mBAAc,GAAa,EAAE,CAAC;IA4C1C,CAAC;IA1CG;;OAEG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,eAAe;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,oBAAoB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEM,iBAAiB;QACpB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACpC,OAAO;QACX,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,MAAM,WAAW,GAAG,sBAAsB,CAAC,kBAAkB,CACzD,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,aAAa,EAAE,mBAAmB,CAC1C,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAClD,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC;QACrD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;CACJ;AAnDU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;gDACN;AAqDzB,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC;IAChD,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { template } from './template';\nimport { styles } from './styles';\nimport { RichTextMarkdownParser } from '../models/markdown-parser';\nimport { RichText } from '../base';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nimble-rich-text-viewer': RichTextViewer;\n }\n}\n\n/**\n * A nimble styled rich text viewer\n */\nexport class RichTextViewer extends RichText {\n /**\n *\n * @public\n * Markdown string to render its corresponding rich text content in the component.\n * @remarks\n * HTML Attribute: markdown\n */\n @attr({ mode: 'fromView' })\n public markdown = '';\n\n /**\n * @internal\n */\n public viewer!: HTMLDivElement;\n\n private mentionedHrefs: string[] = [];\n\n /**\n * @internal\n */\n public override connectedCallback(): void {\n super.connectedCallback();\n this.updateView();\n }\n\n /**\n * @internal\n */\n public markdownChanged(): void {\n this.updateView();\n }\n\n /**\n * @internal\n */\n public configurationChanged(): void {\n this.updateView();\n }\n\n public getMentionedHrefs(): string[] {\n return Array.from(this.mentionedHrefs);\n }\n\n private updateView(): void {\n if (!this.$fastController.isConnected) {\n return;\n }\n if (this.markdown) {\n const parseResult = RichTextMarkdownParser.parseMarkdownToDOM(\n this.markdown,\n this.configuration?.parserMentionConfig\n );\n this.viewer.replaceChildren(parseResult.fragment);\n this.mentionedHrefs = parseResult.mentionedHrefs;\n } else {\n this.viewer.innerHTML = '';\n this.mentionedHrefs = [];\n }\n }\n}\n\nconst nimbleRichTextViewer = RichTextViewer.compose({\n baseName: 'rich-text-viewer',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('nimble')\n .register(nimbleRichTextViewer());\nexport const richTextViewerTag = 'nimble-rich-text-viewer';\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "32.
|
|
3
|
+
"version": "32.13.0",
|
|
4
4
|
"description": "Styled web components for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss",
|