@ni/nimble-angular 17.2.2 → 17.2.4
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/README.md +5 -2
- package/esm2020/label-provider/rich-text/ni-nimble-angular-label-provider-rich-text.mjs +5 -0
- package/esm2020/label-provider/rich-text/nimble-label-provider-rich-text-with-defaults.directive.mjs +26 -0
- package/esm2020/label-provider/rich-text/nimble-label-provider-rich-text.directive.mjs +65 -0
- package/esm2020/label-provider/rich-text/nimble-label-provider-rich-text.module.mjs +22 -0
- package/esm2020/label-provider/rich-text/public-api.mjs +4 -0
- package/fesm2015/ni-nimble-angular-label-provider-rich-text.mjs +114 -0
- package/fesm2015/ni-nimble-angular-label-provider-rich-text.mjs.map +1 -0
- package/fesm2020/ni-nimble-angular-label-provider-rich-text.mjs +114 -0
- package/fesm2020/ni-nimble-angular-label-provider-rich-text.mjs.map +1 -0
- package/label-provider/rich-text/index.d.ts +5 -0
- package/label-provider/rich-text/nimble-label-provider-rich-text-with-defaults.directive.d.ts +15 -0
- package/label-provider/rich-text/nimble-label-provider-rich-text.directive.d.ts +23 -0
- package/label-provider/rich-text/nimble-label-provider-rich-text.module.d.ts +10 -0
- package/label-provider/rich-text/public-api.d.ts +3 -0
- package/package.json +10 -2
package/README.md
CHANGED
|
@@ -92,12 +92,15 @@ Most user-visible strings displayed by Nimble components are provided by the cli
|
|
|
92
92
|
|
|
93
93
|
The standard way to use these in Angular (for localized apps using `@angular/localize`) is:
|
|
94
94
|
1. Import the label provider module(s) from your app module:
|
|
95
|
-
- `NimbleLabelProviderCoreModule` from `@ni/nimble-angular/label-provider/core`: Used for labels for all components
|
|
95
|
+
- `NimbleLabelProviderCoreModule` from `@ni/nimble-angular/label-provider/core`: Used for labels for all components that do not have a dedicated label provider
|
|
96
|
+
- `NimbleLabelProviderRichTextModule` from `@ni/nimble-angular/label-provider/rich-text`: Used for labels for the rich text components
|
|
96
97
|
- `NimbleLabelProviderTableModule` from `@ni/nimble-angular/label-provider/table`: Used for labels for the table (and table sub-components / column types)
|
|
97
|
-
2. To use the Nimble-provided strings (which are already declared with `$localize`), use the `NimbleLabelProvider[Core/Table]WithDefaultsDirective`:
|
|
98
|
+
2. To use the Nimble-provided strings (which are already declared with `$localize`), use the `NimbleLabelProvider[Core/Table/RichText]WithDefaultsDirective`:
|
|
98
99
|
```html
|
|
99
100
|
<nimble-theme-provider theme="light">
|
|
100
101
|
<nimble-label-provider-core withDefaults></nimble-label-provider-core>
|
|
102
|
+
<!-- if using the Nimble rich text components: -->
|
|
103
|
+
<nimble-label-provider-rich-text withDefaults></nimble-label-provider-rich-text>
|
|
101
104
|
<!-- if using the Nimble table component: -->
|
|
102
105
|
<nimble-label-provider-table withDefaults></nimble-label-provider-table>
|
|
103
106
|
<router-outlet></router-outlet>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmktbmltYmxlLWFuZ3VsYXItbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmkvbmltYmxlLWFuZ3VsYXIvbGFiZWwtcHJvdmlkZXIvcmljaC10ZXh0L25pLW5pbWJsZS1hbmd1bGFyLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
package/esm2020/label-provider/rich-text/nimble-label-provider-rich-text-with-defaults.directive.mjs
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import '@angular/localize/init';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Directive for nimble-label-provider-rich-text which will initialize all of the labels with $localize-tagged strings, for apps
|
|
6
|
+
* using @angular/localize.
|
|
7
|
+
*/
|
|
8
|
+
export class NimbleLabelProviderRichTextWithDefaultsDirective {
|
|
9
|
+
constructor(renderer, elementRef) {
|
|
10
|
+
this.renderer = renderer;
|
|
11
|
+
this.elementRef = elementRef;
|
|
12
|
+
this.elementRef.nativeElement.toggleBold = $localize `:Nimble rich text - toggle bold|:Bold`;
|
|
13
|
+
this.elementRef.nativeElement.toggleItalics = $localize `:Nimble rich text - toggle italics|:Italics`;
|
|
14
|
+
this.elementRef.nativeElement.toggleBulletedList = $localize `:Nimble rich text - toggle bulleted list|:Bulleted List`;
|
|
15
|
+
this.elementRef.nativeElement.toggleNumberedList = $localize `:Nimble rich text - toggle numbered list|:Numbered List`;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
NimbleLabelProviderRichTextWithDefaultsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextWithDefaultsDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
NimbleLabelProviderRichTextWithDefaultsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleLabelProviderRichTextWithDefaultsDirective, selector: "nimble-label-provider-rich-text[withDefaults]", ngImport: i0 });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextWithDefaultsDirective, decorators: [{
|
|
21
|
+
type: Directive,
|
|
22
|
+
args: [{
|
|
23
|
+
selector: 'nimble-label-provider-rich-text[withDefaults]'
|
|
24
|
+
}]
|
|
25
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC13aXRoLWRlZmF1bHRzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL2xhYmVsLXByb3ZpZGVyL3JpY2gtdGV4dC9uaW1ibGUtbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0LXdpdGgtZGVmYXVsdHMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXlCLE1BQU0sZUFBZSxDQUFDO0FBR2pFLE9BQU8sd0JBQXdCLENBQUM7O0FBRWhDOzs7R0FHRztBQUlILE1BQU0sT0FBTyxnREFBZ0Q7SUFDekQsWUFBc0MsUUFBbUIsRUFBcUIsVUFBNkM7UUFBckYsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFxQixlQUFVLEdBQVYsVUFBVSxDQUFtQztRQUN2SCxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFBLHVDQUF1QyxDQUFDO1FBQzVGLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUEsNkNBQTZDLENBQUM7UUFDckcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLEdBQUcsU0FBUyxDQUFBLHlEQUF5RCxDQUFDO1FBQ3RILElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixHQUFHLFNBQVMsQ0FBQSx5REFBeUQsQ0FBQztJQUMxSCxDQUFDOzs2SUFOUSxnREFBZ0Q7aUlBQWhELGdEQUFnRDsyRkFBaEQsZ0RBQWdEO2tCQUg1RCxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwrQ0FBK0M7aUJBQzVEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgTGFiZWxQcm92aWRlclJpY2hUZXh0IH0gZnJvbSAnQG5pL25pbWJsZS1jb21wb25lbnRzL2Rpc3QvZXNtL2xhYmVsLXByb3ZpZGVyL3JpY2gtdGV4dCc7XG5cbmltcG9ydCAnQGFuZ3VsYXIvbG9jYWxpemUvaW5pdCc7XG5cbi8qKlxuICogRGlyZWN0aXZlIGZvciBuaW1ibGUtbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0IHdoaWNoIHdpbGwgaW5pdGlhbGl6ZSBhbGwgb2YgdGhlIGxhYmVscyB3aXRoICRsb2NhbGl6ZS10YWdnZWQgc3RyaW5ncywgZm9yIGFwcHNcbiAqIHVzaW5nIEBhbmd1bGFyL2xvY2FsaXplLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ25pbWJsZS1sYWJlbC1wcm92aWRlci1yaWNoLXRleHRbd2l0aERlZmF1bHRzXSdcbn0pXG5leHBvcnQgY2xhc3MgTmltYmxlTGFiZWxQcm92aWRlclJpY2hUZXh0V2l0aERlZmF1bHRzRGlyZWN0aXZlIHtcbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJvdGVjdGVkIHJlYWRvbmx5IHJlbmRlcmVyOiBSZW5kZXJlcjIsIHByb3RlY3RlZCByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPExhYmVsUHJvdmlkZXJSaWNoVGV4dD4pIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudG9nZ2xlQm9sZCA9ICRsb2NhbGl6ZWA6TmltYmxlIHJpY2ggdGV4dCAtIHRvZ2dsZSBib2xkfDpCb2xkYDtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudG9nZ2xlSXRhbGljcyA9ICRsb2NhbGl6ZWA6TmltYmxlIHJpY2ggdGV4dCAtIHRvZ2dsZSBpdGFsaWNzfDpJdGFsaWNzYDtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudG9nZ2xlQnVsbGV0ZWRMaXN0ID0gJGxvY2FsaXplYDpOaW1ibGUgcmljaCB0ZXh0IC0gdG9nZ2xlIGJ1bGxldGVkIGxpc3R8OkJ1bGxldGVkIExpc3RgO1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC50b2dnbGVOdW1iZXJlZExpc3QgPSAkbG9jYWxpemVgOk5pbWJsZSByaWNoIHRleHQgLSB0b2dnbGUgbnVtYmVyZWQgbGlzdHw6TnVtYmVyZWQgTGlzdGA7XG4gICAgfVxufSJdfQ==
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Directive to provide Angular integration for the nimble-rich-text label provider.
|
|
5
|
+
* To use the Nimble-provided strings declared via $localize, instead use NimbleLabelProviderRichTextWithDefaultsDirective.
|
|
6
|
+
*/
|
|
7
|
+
export class NimbleLabelProviderRichTextDirective {
|
|
8
|
+
constructor(renderer, elementRef) {
|
|
9
|
+
this.renderer = renderer;
|
|
10
|
+
this.elementRef = elementRef;
|
|
11
|
+
}
|
|
12
|
+
get toggleBold() {
|
|
13
|
+
return this.elementRef.nativeElement.toggleBold;
|
|
14
|
+
}
|
|
15
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
16
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
17
|
+
set toggleBold(value) {
|
|
18
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBold', value);
|
|
19
|
+
}
|
|
20
|
+
get toggleItalics() {
|
|
21
|
+
return this.elementRef.nativeElement.toggleItalics;
|
|
22
|
+
}
|
|
23
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
24
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
25
|
+
set toggleItalics(value) {
|
|
26
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleItalics', value);
|
|
27
|
+
}
|
|
28
|
+
get toggleBulletedList() {
|
|
29
|
+
return this.elementRef.nativeElement.toggleBulletedList;
|
|
30
|
+
}
|
|
31
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
32
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
33
|
+
set toggleBulletedList(value) {
|
|
34
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBulletedList', value);
|
|
35
|
+
}
|
|
36
|
+
get toggleNumberedList() {
|
|
37
|
+
return this.elementRef.nativeElement.toggleNumberedList;
|
|
38
|
+
}
|
|
39
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
40
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
41
|
+
set toggleNumberedList(value) {
|
|
42
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleNumberedList', value);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
NimbleLabelProviderRichTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
46
|
+
NimbleLabelProviderRichTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleLabelProviderRichTextDirective, selector: "nimble-label-provider-rich-text", inputs: { toggleBold: ["toggle-bold", "toggleBold"], toggleItalics: ["toggle-italics", "toggleItalics"], toggleBulletedList: ["toggle-bulleted-list", "toggleBulletedList"], toggleNumberedList: ["toggle-numbered-list", "toggleNumberedList"] }, ngImport: i0 });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextDirective, decorators: [{
|
|
48
|
+
type: Directive,
|
|
49
|
+
args: [{
|
|
50
|
+
selector: 'nimble-label-provider-rich-text'
|
|
51
|
+
}]
|
|
52
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { toggleBold: [{
|
|
53
|
+
type: Input,
|
|
54
|
+
args: ['toggle-bold']
|
|
55
|
+
}], toggleItalics: [{
|
|
56
|
+
type: Input,
|
|
57
|
+
args: ['toggle-italics']
|
|
58
|
+
}], toggleBulletedList: [{
|
|
59
|
+
type: Input,
|
|
60
|
+
args: ['toggle-bulleted-list']
|
|
61
|
+
}], toggleNumberedList: [{
|
|
62
|
+
type: Input,
|
|
63
|
+
args: ['toggle-numbered-list']
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaS9uaW1ibGUtYW5ndWxhci9sYWJlbC1wcm92aWRlci9yaWNoLXRleHQvbmltYmxlLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBS3hFOzs7R0FHRztBQUlILE1BQU0sT0FBTyxvQ0FBb0M7SUFDN0MsWUFBc0MsUUFBbUIsRUFBcUIsVUFBNkM7UUFBckYsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFxQixlQUFVLEdBQVYsVUFBVSxDQUFtQztJQUMzSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDO0lBQ3BELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQWlDLFVBQVUsQ0FBQyxLQUF5QjtRQUNqRSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDbEYsQ0FBQztJQUVELElBQVcsYUFBYTtRQUNwQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQztJQUN2RCxDQUFDO0lBRUQsK0VBQStFO0lBQy9FLDJEQUEyRDtJQUMzRCxJQUFvQyxhQUFhLENBQUMsS0FBeUI7UUFDdkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3JGLENBQUM7SUFFRCxJQUFXLGtCQUFrQjtRQUN6QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDO0lBQzVELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQTBDLGtCQUFrQixDQUFDLEtBQXlCO1FBQ2xGLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzFGLENBQUM7SUFFRCxJQUFXLGtCQUFrQjtRQUN6QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDO0lBQzVELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQTBDLGtCQUFrQixDQUFDLEtBQXlCO1FBQ2xGLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzFGLENBQUM7O2lJQTFDUSxvQ0FBb0M7cUhBQXBDLG9DQUFvQzsyRkFBcEMsb0NBQW9DO2tCQUhoRCxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQ0FBaUM7aUJBQzlDO3lIQVdvQyxVQUFVO3NCQUExQyxLQUFLO3VCQUFDLGFBQWE7Z0JBVWdCLGFBQWE7c0JBQWhELEtBQUs7dUJBQUMsZ0JBQWdCO2dCQVVtQixrQkFBa0I7c0JBQTNELEtBQUs7dUJBQUMsc0JBQXNCO2dCQVVhLGtCQUFrQjtzQkFBM0QsS0FBSzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgTGFiZWxQcm92aWRlclJpY2hUZXh0IH0gZnJvbSAnQG5pL25pbWJsZS1jb21wb25lbnRzL2Rpc3QvZXNtL2xhYmVsLXByb3ZpZGVyL3JpY2gtdGV4dCc7XG5cbmV4cG9ydCB0eXBlIHsgTGFiZWxQcm92aWRlclJpY2hUZXh0IH07XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIHByb3ZpZGUgQW5ndWxhciBpbnRlZ3JhdGlvbiBmb3IgdGhlIG5pbWJsZS1yaWNoLXRleHQgbGFiZWwgcHJvdmlkZXIuXG4gKiBUbyB1c2UgdGhlIE5pbWJsZS1wcm92aWRlZCBzdHJpbmdzIGRlY2xhcmVkIHZpYSAkbG9jYWxpemUsIGluc3RlYWQgdXNlIE5pbWJsZUxhYmVsUHJvdmlkZXJSaWNoVGV4dFdpdGhEZWZhdWx0c0RpcmVjdGl2ZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICduaW1ibGUtbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0J1xufSlcbmV4cG9ydCBjbGFzcyBOaW1ibGVMYWJlbFByb3ZpZGVyUmljaFRleHREaXJlY3RpdmUge1xuICAgIHB1YmxpYyBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgcmVhZG9ubHkgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJvdGVjdGVkIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8TGFiZWxQcm92aWRlclJpY2hUZXh0Pikge1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgdG9nZ2xlQm9sZCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudG9nZ2xlQm9sZDtcbiAgICB9XG5cbiAgICAvLyBSZW5hbWluZyBiZWNhdXNlIHByb3BlcnR5IHNob3VsZCBoYXZlIGNhbWVsIGNhc2luZywgYnV0IGF0dHJpYnV0ZSBzaG91bGQgbm90XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ3RvZ2dsZS1ib2xkJykgcHVibGljIHNldCB0b2dnbGVCb2xkKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRQcm9wZXJ0eSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3RvZ2dsZUJvbGQnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB0b2dnbGVJdGFsaWNzKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC50b2dnbGVJdGFsaWNzO1xuICAgIH1cblxuICAgIC8vIFJlbmFtaW5nIGJlY2F1c2UgcHJvcGVydHkgc2hvdWxkIGhhdmUgY2FtZWwgY2FzaW5nLCBidXQgYXR0cmlidXRlIHNob3VsZCBub3RcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICAgIEBJbnB1dCgndG9nZ2xlLWl0YWxpY3MnKSBwdWJsaWMgc2V0IHRvZ2dsZUl0YWxpY3ModmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAndG9nZ2xlSXRhbGljcycsIHZhbHVlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHRvZ2dsZUJ1bGxldGVkTGlzdCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudG9nZ2xlQnVsbGV0ZWRMaXN0O1xuICAgIH1cblxuICAgIC8vIFJlbmFtaW5nIGJlY2F1c2UgcHJvcGVydHkgc2hvdWxkIGhhdmUgY2FtZWwgY2FzaW5nLCBidXQgYXR0cmlidXRlIHNob3VsZCBub3RcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICAgIEBJbnB1dCgndG9nZ2xlLWJ1bGxldGVkLWxpc3QnKSBwdWJsaWMgc2V0IHRvZ2dsZUJ1bGxldGVkTGlzdCh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICd0b2dnbGVCdWxsZXRlZExpc3QnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB0b2dnbGVOdW1iZXJlZExpc3QoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnRvZ2dsZU51bWJlcmVkTGlzdDtcbiAgICB9XG5cbiAgICAvLyBSZW5hbWluZyBiZWNhdXNlIHByb3BlcnR5IHNob3VsZCBoYXZlIGNhbWVsIGNhc2luZywgYnV0IGF0dHJpYnV0ZSBzaG91bGQgbm90XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ3RvZ2dsZS1udW1iZXJlZC1saXN0JykgcHVibGljIHNldCB0b2dnbGVOdW1iZXJlZExpc3QodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAndG9nZ2xlTnVtYmVyZWRMaXN0JywgdmFsdWUpO1xuICAgIH1cbn0iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NimbleLabelProviderRichTextDirective } from './nimble-label-provider-rich-text.directive';
|
|
4
|
+
import { NimbleLabelProviderRichTextWithDefaultsDirective } from './nimble-label-provider-rich-text-with-defaults.directive';
|
|
5
|
+
import '@ni/nimble-components/dist/esm/label-provider/rich-text';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class NimbleLabelProviderRichTextModule {
|
|
8
|
+
}
|
|
9
|
+
NimbleLabelProviderRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
NimbleLabelProviderRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective], imports: [CommonModule], exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective] });
|
|
11
|
+
NimbleLabelProviderRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, imports: [CommonModule] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective],
|
|
16
|
+
imports: [
|
|
17
|
+
CommonModule
|
|
18
|
+
],
|
|
19
|
+
exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective]
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaS9uaW1ibGUtYW5ndWxhci9sYWJlbC1wcm92aWRlci9yaWNoLXRleHQvbmltYmxlLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDbkcsT0FBTyxFQUFFLGdEQUFnRCxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFFN0gsT0FBTyx5REFBeUQsQ0FBQzs7QUFTakUsTUFBTSxPQUFPLGlDQUFpQzs7OEhBQWpDLGlDQUFpQzsrSEFBakMsaUNBQWlDLGlCQU4zQixvQ0FBb0MsRUFBRSxnREFBZ0QsYUFFakcsWUFBWSxhQUVOLG9DQUFvQyxFQUFFLGdEQUFnRDsrSEFFdkYsaUNBQWlDLFlBSnRDLFlBQVk7MkZBSVAsaUNBQWlDO2tCQVA3QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLG9DQUFvQyxFQUFFLGdEQUFnRCxDQUFDO29CQUN0RyxPQUFPLEVBQUU7d0JBQ0wsWUFBWTtxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQ0FBb0MsRUFBRSxnREFBZ0QsQ0FBQztpQkFDcEciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5pbWJsZUxhYmVsUHJvdmlkZXJSaWNoVGV4dERpcmVjdGl2ZSB9IGZyb20gJy4vbmltYmxlLWxhYmVsLXByb3ZpZGVyLXJpY2gtdGV4dC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTmltYmxlTGFiZWxQcm92aWRlclJpY2hUZXh0V2l0aERlZmF1bHRzRGlyZWN0aXZlIH0gZnJvbSAnLi9uaW1ibGUtbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0LXdpdGgtZGVmYXVsdHMuZGlyZWN0aXZlJztcblxuaW1wb3J0ICdAbmkvbmltYmxlLWNvbXBvbmVudHMvZGlzdC9lc20vbGFiZWwtcHJvdmlkZXIvcmljaC10ZXh0JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtOaW1ibGVMYWJlbFByb3ZpZGVyUmljaFRleHREaXJlY3RpdmUsIE5pbWJsZUxhYmVsUHJvdmlkZXJSaWNoVGV4dFdpdGhEZWZhdWx0c0RpcmVjdGl2ZV0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtOaW1ibGVMYWJlbFByb3ZpZGVyUmljaFRleHREaXJlY3RpdmUsIE5pbWJsZUxhYmVsUHJvdmlkZXJSaWNoVGV4dFdpdGhEZWZhdWx0c0RpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgTmltYmxlTGFiZWxQcm92aWRlclJpY2hUZXh0TW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './nimble-label-provider-rich-text.directive';
|
|
2
|
+
export * from './nimble-label-provider-rich-text-with-defaults.directive';
|
|
3
|
+
export * from './nimble-label-provider-rich-text.module';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL2xhYmVsLXByb3ZpZGVyL3JpY2gtdGV4dC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDBDQUEwQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9uaW1ibGUtbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL25pbWJsZS1sYWJlbC1wcm92aWRlci1yaWNoLXRleHQtd2l0aC1kZWZhdWx0cy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9uaW1ibGUtbGFiZWwtcHJvdmlkZXItcmljaC10ZXh0Lm1vZHVsZSc7Il19
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, Input, NgModule } from '@angular/core';
|
|
3
|
+
import '@angular/localize/init';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import '@ni/nimble-components/dist/esm/label-provider/rich-text';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Directive to provide Angular integration for the nimble-rich-text label provider.
|
|
9
|
+
* To use the Nimble-provided strings declared via $localize, instead use NimbleLabelProviderRichTextWithDefaultsDirective.
|
|
10
|
+
*/
|
|
11
|
+
class NimbleLabelProviderRichTextDirective {
|
|
12
|
+
constructor(renderer, elementRef) {
|
|
13
|
+
this.renderer = renderer;
|
|
14
|
+
this.elementRef = elementRef;
|
|
15
|
+
}
|
|
16
|
+
get toggleBold() {
|
|
17
|
+
return this.elementRef.nativeElement.toggleBold;
|
|
18
|
+
}
|
|
19
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
20
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
21
|
+
set toggleBold(value) {
|
|
22
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBold', value);
|
|
23
|
+
}
|
|
24
|
+
get toggleItalics() {
|
|
25
|
+
return this.elementRef.nativeElement.toggleItalics;
|
|
26
|
+
}
|
|
27
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
28
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
29
|
+
set toggleItalics(value) {
|
|
30
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleItalics', value);
|
|
31
|
+
}
|
|
32
|
+
get toggleBulletedList() {
|
|
33
|
+
return this.elementRef.nativeElement.toggleBulletedList;
|
|
34
|
+
}
|
|
35
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
36
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
37
|
+
set toggleBulletedList(value) {
|
|
38
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBulletedList', value);
|
|
39
|
+
}
|
|
40
|
+
get toggleNumberedList() {
|
|
41
|
+
return this.elementRef.nativeElement.toggleNumberedList;
|
|
42
|
+
}
|
|
43
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
44
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
45
|
+
set toggleNumberedList(value) {
|
|
46
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleNumberedList', value);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
NimbleLabelProviderRichTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
50
|
+
NimbleLabelProviderRichTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleLabelProviderRichTextDirective, selector: "nimble-label-provider-rich-text", inputs: { toggleBold: ["toggle-bold", "toggleBold"], toggleItalics: ["toggle-italics", "toggleItalics"], toggleBulletedList: ["toggle-bulleted-list", "toggleBulletedList"], toggleNumberedList: ["toggle-numbered-list", "toggleNumberedList"] }, ngImport: i0 });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextDirective, decorators: [{
|
|
52
|
+
type: Directive,
|
|
53
|
+
args: [{
|
|
54
|
+
selector: 'nimble-label-provider-rich-text'
|
|
55
|
+
}]
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { toggleBold: [{
|
|
57
|
+
type: Input,
|
|
58
|
+
args: ['toggle-bold']
|
|
59
|
+
}], toggleItalics: [{
|
|
60
|
+
type: Input,
|
|
61
|
+
args: ['toggle-italics']
|
|
62
|
+
}], toggleBulletedList: [{
|
|
63
|
+
type: Input,
|
|
64
|
+
args: ['toggle-bulleted-list']
|
|
65
|
+
}], toggleNumberedList: [{
|
|
66
|
+
type: Input,
|
|
67
|
+
args: ['toggle-numbered-list']
|
|
68
|
+
}] } });
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Directive for nimble-label-provider-rich-text which will initialize all of the labels with $localize-tagged strings, for apps
|
|
72
|
+
* using @angular/localize.
|
|
73
|
+
*/
|
|
74
|
+
class NimbleLabelProviderRichTextWithDefaultsDirective {
|
|
75
|
+
constructor(renderer, elementRef) {
|
|
76
|
+
this.renderer = renderer;
|
|
77
|
+
this.elementRef = elementRef;
|
|
78
|
+
this.elementRef.nativeElement.toggleBold = $localize `:Nimble rich text - toggle bold|:Bold`;
|
|
79
|
+
this.elementRef.nativeElement.toggleItalics = $localize `:Nimble rich text - toggle italics|:Italics`;
|
|
80
|
+
this.elementRef.nativeElement.toggleBulletedList = $localize `:Nimble rich text - toggle bulleted list|:Bulleted List`;
|
|
81
|
+
this.elementRef.nativeElement.toggleNumberedList = $localize `:Nimble rich text - toggle numbered list|:Numbered List`;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
NimbleLabelProviderRichTextWithDefaultsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextWithDefaultsDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
85
|
+
NimbleLabelProviderRichTextWithDefaultsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleLabelProviderRichTextWithDefaultsDirective, selector: "nimble-label-provider-rich-text[withDefaults]", ngImport: i0 });
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextWithDefaultsDirective, decorators: [{
|
|
87
|
+
type: Directive,
|
|
88
|
+
args: [{
|
|
89
|
+
selector: 'nimble-label-provider-rich-text[withDefaults]'
|
|
90
|
+
}]
|
|
91
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
92
|
+
|
|
93
|
+
class NimbleLabelProviderRichTextModule {
|
|
94
|
+
}
|
|
95
|
+
NimbleLabelProviderRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
96
|
+
NimbleLabelProviderRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective], imports: [CommonModule], exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective] });
|
|
97
|
+
NimbleLabelProviderRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, imports: [CommonModule] });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, decorators: [{
|
|
99
|
+
type: NgModule,
|
|
100
|
+
args: [{
|
|
101
|
+
declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective],
|
|
102
|
+
imports: [
|
|
103
|
+
CommonModule
|
|
104
|
+
],
|
|
105
|
+
exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective]
|
|
106
|
+
}]
|
|
107
|
+
}] });
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Generated bundle index. Do not edit.
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
export { NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextModule, NimbleLabelProviderRichTextWithDefaultsDirective };
|
|
114
|
+
//# sourceMappingURL=ni-nimble-angular-label-provider-rich-text.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ni-nimble-angular-label-provider-rich-text.mjs","sources":["../../../../projects/ni/nimble-angular/label-provider/rich-text/nimble-label-provider-rich-text.directive.ts","../../../../projects/ni/nimble-angular/label-provider/rich-text/nimble-label-provider-rich-text-with-defaults.directive.ts","../../../../projects/ni/nimble-angular/label-provider/rich-text/nimble-label-provider-rich-text.module.ts","../../../../projects/ni/nimble-angular/label-provider/rich-text/ni-nimble-angular-label-provider-rich-text.ts"],"sourcesContent":["import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';\nimport type { LabelProviderRichText } from '@ni/nimble-components/dist/esm/label-provider/rich-text';\n\nexport type { LabelProviderRichText };\n\n/**\n * Directive to provide Angular integration for the nimble-rich-text label provider.\n * To use the Nimble-provided strings declared via $localize, instead use NimbleLabelProviderRichTextWithDefaultsDirective.\n */\n@Directive({\n selector: 'nimble-label-provider-rich-text'\n})\nexport class NimbleLabelProviderRichTextDirective {\n public constructor(protected readonly renderer: Renderer2, protected readonly elementRef: ElementRef<LabelProviderRichText>) {\n }\n\n public get toggleBold(): string | undefined {\n return this.elementRef.nativeElement.toggleBold;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-bold') public set toggleBold(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBold', value);\n }\n\n public get toggleItalics(): string | undefined {\n return this.elementRef.nativeElement.toggleItalics;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-italics') public set toggleItalics(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleItalics', value);\n }\n\n public get toggleBulletedList(): string | undefined {\n return this.elementRef.nativeElement.toggleBulletedList;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-bulleted-list') public set toggleBulletedList(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBulletedList', value);\n }\n\n public get toggleNumberedList(): string | undefined {\n return this.elementRef.nativeElement.toggleNumberedList;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-numbered-list') public set toggleNumberedList(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleNumberedList', value);\n }\n}","import { Directive, ElementRef, Renderer2 } from '@angular/core';\nimport type { LabelProviderRichText } from '@ni/nimble-components/dist/esm/label-provider/rich-text';\n\nimport '@angular/localize/init';\n\n/**\n * Directive for nimble-label-provider-rich-text which will initialize all of the labels with $localize-tagged strings, for apps\n * using @angular/localize.\n */\n@Directive({\n selector: 'nimble-label-provider-rich-text[withDefaults]'\n})\nexport class NimbleLabelProviderRichTextWithDefaultsDirective {\n public constructor(protected readonly renderer: Renderer2, protected readonly elementRef: ElementRef<LabelProviderRichText>) {\n this.elementRef.nativeElement.toggleBold = $localize`:Nimble rich text - toggle bold|:Bold`;\n this.elementRef.nativeElement.toggleItalics = $localize`:Nimble rich text - toggle italics|:Italics`;\n this.elementRef.nativeElement.toggleBulletedList = $localize`:Nimble rich text - toggle bulleted list|:Bulleted List`;\n this.elementRef.nativeElement.toggleNumberedList = $localize`:Nimble rich text - toggle numbered list|:Numbered List`;\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NimbleLabelProviderRichTextDirective } from './nimble-label-provider-rich-text.directive';\nimport { NimbleLabelProviderRichTextWithDefaultsDirective } from './nimble-label-provider-rich-text-with-defaults.directive';\n\nimport '@ni/nimble-components/dist/esm/label-provider/rich-text';\n\n@NgModule({\n declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective],\n imports: [\n CommonModule\n ],\n exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective]\n})\nexport class NimbleLabelProviderRichTextModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, Input, NgModule } from '@angular/core';
|
|
3
|
+
import '@angular/localize/init';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import '@ni/nimble-components/dist/esm/label-provider/rich-text';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Directive to provide Angular integration for the nimble-rich-text label provider.
|
|
9
|
+
* To use the Nimble-provided strings declared via $localize, instead use NimbleLabelProviderRichTextWithDefaultsDirective.
|
|
10
|
+
*/
|
|
11
|
+
class NimbleLabelProviderRichTextDirective {
|
|
12
|
+
constructor(renderer, elementRef) {
|
|
13
|
+
this.renderer = renderer;
|
|
14
|
+
this.elementRef = elementRef;
|
|
15
|
+
}
|
|
16
|
+
get toggleBold() {
|
|
17
|
+
return this.elementRef.nativeElement.toggleBold;
|
|
18
|
+
}
|
|
19
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
20
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
21
|
+
set toggleBold(value) {
|
|
22
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBold', value);
|
|
23
|
+
}
|
|
24
|
+
get toggleItalics() {
|
|
25
|
+
return this.elementRef.nativeElement.toggleItalics;
|
|
26
|
+
}
|
|
27
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
28
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
29
|
+
set toggleItalics(value) {
|
|
30
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleItalics', value);
|
|
31
|
+
}
|
|
32
|
+
get toggleBulletedList() {
|
|
33
|
+
return this.elementRef.nativeElement.toggleBulletedList;
|
|
34
|
+
}
|
|
35
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
36
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
37
|
+
set toggleBulletedList(value) {
|
|
38
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBulletedList', value);
|
|
39
|
+
}
|
|
40
|
+
get toggleNumberedList() {
|
|
41
|
+
return this.elementRef.nativeElement.toggleNumberedList;
|
|
42
|
+
}
|
|
43
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
44
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
45
|
+
set toggleNumberedList(value) {
|
|
46
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'toggleNumberedList', value);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
NimbleLabelProviderRichTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
50
|
+
NimbleLabelProviderRichTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleLabelProviderRichTextDirective, selector: "nimble-label-provider-rich-text", inputs: { toggleBold: ["toggle-bold", "toggleBold"], toggleItalics: ["toggle-italics", "toggleItalics"], toggleBulletedList: ["toggle-bulleted-list", "toggleBulletedList"], toggleNumberedList: ["toggle-numbered-list", "toggleNumberedList"] }, ngImport: i0 });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextDirective, decorators: [{
|
|
52
|
+
type: Directive,
|
|
53
|
+
args: [{
|
|
54
|
+
selector: 'nimble-label-provider-rich-text'
|
|
55
|
+
}]
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { toggleBold: [{
|
|
57
|
+
type: Input,
|
|
58
|
+
args: ['toggle-bold']
|
|
59
|
+
}], toggleItalics: [{
|
|
60
|
+
type: Input,
|
|
61
|
+
args: ['toggle-italics']
|
|
62
|
+
}], toggleBulletedList: [{
|
|
63
|
+
type: Input,
|
|
64
|
+
args: ['toggle-bulleted-list']
|
|
65
|
+
}], toggleNumberedList: [{
|
|
66
|
+
type: Input,
|
|
67
|
+
args: ['toggle-numbered-list']
|
|
68
|
+
}] } });
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Directive for nimble-label-provider-rich-text which will initialize all of the labels with $localize-tagged strings, for apps
|
|
72
|
+
* using @angular/localize.
|
|
73
|
+
*/
|
|
74
|
+
class NimbleLabelProviderRichTextWithDefaultsDirective {
|
|
75
|
+
constructor(renderer, elementRef) {
|
|
76
|
+
this.renderer = renderer;
|
|
77
|
+
this.elementRef = elementRef;
|
|
78
|
+
this.elementRef.nativeElement.toggleBold = $localize `:Nimble rich text - toggle bold|:Bold`;
|
|
79
|
+
this.elementRef.nativeElement.toggleItalics = $localize `:Nimble rich text - toggle italics|:Italics`;
|
|
80
|
+
this.elementRef.nativeElement.toggleBulletedList = $localize `:Nimble rich text - toggle bulleted list|:Bulleted List`;
|
|
81
|
+
this.elementRef.nativeElement.toggleNumberedList = $localize `:Nimble rich text - toggle numbered list|:Numbered List`;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
NimbleLabelProviderRichTextWithDefaultsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextWithDefaultsDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
85
|
+
NimbleLabelProviderRichTextWithDefaultsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NimbleLabelProviderRichTextWithDefaultsDirective, selector: "nimble-label-provider-rich-text[withDefaults]", ngImport: i0 });
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextWithDefaultsDirective, decorators: [{
|
|
87
|
+
type: Directive,
|
|
88
|
+
args: [{
|
|
89
|
+
selector: 'nimble-label-provider-rich-text[withDefaults]'
|
|
90
|
+
}]
|
|
91
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
|
|
92
|
+
|
|
93
|
+
class NimbleLabelProviderRichTextModule {
|
|
94
|
+
}
|
|
95
|
+
NimbleLabelProviderRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
96
|
+
NimbleLabelProviderRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective], imports: [CommonModule], exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective] });
|
|
97
|
+
NimbleLabelProviderRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, imports: [CommonModule] });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NimbleLabelProviderRichTextModule, decorators: [{
|
|
99
|
+
type: NgModule,
|
|
100
|
+
args: [{
|
|
101
|
+
declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective],
|
|
102
|
+
imports: [
|
|
103
|
+
CommonModule
|
|
104
|
+
],
|
|
105
|
+
exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective]
|
|
106
|
+
}]
|
|
107
|
+
}] });
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Generated bundle index. Do not edit.
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
export { NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextModule, NimbleLabelProviderRichTextWithDefaultsDirective };
|
|
114
|
+
//# sourceMappingURL=ni-nimble-angular-label-provider-rich-text.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ni-nimble-angular-label-provider-rich-text.mjs","sources":["../../../../projects/ni/nimble-angular/label-provider/rich-text/nimble-label-provider-rich-text.directive.ts","../../../../projects/ni/nimble-angular/label-provider/rich-text/nimble-label-provider-rich-text-with-defaults.directive.ts","../../../../projects/ni/nimble-angular/label-provider/rich-text/nimble-label-provider-rich-text.module.ts","../../../../projects/ni/nimble-angular/label-provider/rich-text/ni-nimble-angular-label-provider-rich-text.ts"],"sourcesContent":["import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';\nimport type { LabelProviderRichText } from '@ni/nimble-components/dist/esm/label-provider/rich-text';\n\nexport type { LabelProviderRichText };\n\n/**\n * Directive to provide Angular integration for the nimble-rich-text label provider.\n * To use the Nimble-provided strings declared via $localize, instead use NimbleLabelProviderRichTextWithDefaultsDirective.\n */\n@Directive({\n selector: 'nimble-label-provider-rich-text'\n})\nexport class NimbleLabelProviderRichTextDirective {\n public constructor(protected readonly renderer: Renderer2, protected readonly elementRef: ElementRef<LabelProviderRichText>) {\n }\n\n public get toggleBold(): string | undefined {\n return this.elementRef.nativeElement.toggleBold;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-bold') public set toggleBold(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBold', value);\n }\n\n public get toggleItalics(): string | undefined {\n return this.elementRef.nativeElement.toggleItalics;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-italics') public set toggleItalics(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleItalics', value);\n }\n\n public get toggleBulletedList(): string | undefined {\n return this.elementRef.nativeElement.toggleBulletedList;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-bulleted-list') public set toggleBulletedList(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleBulletedList', value);\n }\n\n public get toggleNumberedList(): string | undefined {\n return this.elementRef.nativeElement.toggleNumberedList;\n }\n\n // Renaming because property should have camel casing, but attribute should not\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('toggle-numbered-list') public set toggleNumberedList(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'toggleNumberedList', value);\n }\n}","import { Directive, ElementRef, Renderer2 } from '@angular/core';\nimport type { LabelProviderRichText } from '@ni/nimble-components/dist/esm/label-provider/rich-text';\n\nimport '@angular/localize/init';\n\n/**\n * Directive for nimble-label-provider-rich-text which will initialize all of the labels with $localize-tagged strings, for apps\n * using @angular/localize.\n */\n@Directive({\n selector: 'nimble-label-provider-rich-text[withDefaults]'\n})\nexport class NimbleLabelProviderRichTextWithDefaultsDirective {\n public constructor(protected readonly renderer: Renderer2, protected readonly elementRef: ElementRef<LabelProviderRichText>) {\n this.elementRef.nativeElement.toggleBold = $localize`:Nimble rich text - toggle bold|:Bold`;\n this.elementRef.nativeElement.toggleItalics = $localize`:Nimble rich text - toggle italics|:Italics`;\n this.elementRef.nativeElement.toggleBulletedList = $localize`:Nimble rich text - toggle bulleted list|:Bulleted List`;\n this.elementRef.nativeElement.toggleNumberedList = $localize`:Nimble rich text - toggle numbered list|:Numbered List`;\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NimbleLabelProviderRichTextDirective } from './nimble-label-provider-rich-text.directive';\nimport { NimbleLabelProviderRichTextWithDefaultsDirective } from './nimble-label-provider-rich-text-with-defaults.directive';\n\nimport '@ni/nimble-components/dist/esm/label-provider/rich-text';\n\n@NgModule({\n declarations: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective],\n imports: [\n CommonModule\n ],\n exports: [NimbleLabelProviderRichTextDirective, NimbleLabelProviderRichTextWithDefaultsDirective]\n})\nexport class NimbleLabelProviderRichTextModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
|
+
import type { LabelProviderRichText } from '@ni/nimble-components/dist/esm/label-provider/rich-text';
|
|
3
|
+
import '@angular/localize/init';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Directive for nimble-label-provider-rich-text which will initialize all of the labels with $localize-tagged strings, for apps
|
|
7
|
+
* using @angular/localize.
|
|
8
|
+
*/
|
|
9
|
+
export declare class NimbleLabelProviderRichTextWithDefaultsDirective {
|
|
10
|
+
protected readonly renderer: Renderer2;
|
|
11
|
+
protected readonly elementRef: ElementRef<LabelProviderRichText>;
|
|
12
|
+
constructor(renderer: Renderer2, elementRef: ElementRef<LabelProviderRichText>);
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleLabelProviderRichTextWithDefaultsDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleLabelProviderRichTextWithDefaultsDirective, "nimble-label-provider-rich-text[withDefaults]", never, {}, {}, never, never, false>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
|
+
import type { LabelProviderRichText } from '@ni/nimble-components/dist/esm/label-provider/rich-text';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type { LabelProviderRichText };
|
|
5
|
+
/**
|
|
6
|
+
* Directive to provide Angular integration for the nimble-rich-text label provider.
|
|
7
|
+
* To use the Nimble-provided strings declared via $localize, instead use NimbleLabelProviderRichTextWithDefaultsDirective.
|
|
8
|
+
*/
|
|
9
|
+
export declare class NimbleLabelProviderRichTextDirective {
|
|
10
|
+
protected readonly renderer: Renderer2;
|
|
11
|
+
protected readonly elementRef: ElementRef<LabelProviderRichText>;
|
|
12
|
+
constructor(renderer: Renderer2, elementRef: ElementRef<LabelProviderRichText>);
|
|
13
|
+
get toggleBold(): string | undefined;
|
|
14
|
+
set toggleBold(value: string | undefined);
|
|
15
|
+
get toggleItalics(): string | undefined;
|
|
16
|
+
set toggleItalics(value: string | undefined);
|
|
17
|
+
get toggleBulletedList(): string | undefined;
|
|
18
|
+
set toggleBulletedList(value: string | undefined);
|
|
19
|
+
get toggleNumberedList(): string | undefined;
|
|
20
|
+
set toggleNumberedList(value: string | undefined);
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleLabelProviderRichTextDirective, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleLabelProviderRichTextDirective, "nimble-label-provider-rich-text", never, { "toggleBold": "toggle-bold"; "toggleItalics": "toggle-italics"; "toggleBulletedList": "toggle-bulleted-list"; "toggleNumberedList": "toggle-numbered-list"; }, {}, never, never, false>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import '@ni/nimble-components/dist/esm/label-provider/rich-text';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./nimble-label-provider-rich-text.directive";
|
|
4
|
+
import * as i2 from "./nimble-label-provider-rich-text-with-defaults.directive";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
export declare class NimbleLabelProviderRichTextModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleLabelProviderRichTextModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NimbleLabelProviderRichTextModule, [typeof i1.NimbleLabelProviderRichTextDirective, typeof i2.NimbleLabelProviderRichTextWithDefaultsDirective], [typeof i3.CommonModule], [typeof i1.NimbleLabelProviderRichTextDirective, typeof i2.NimbleLabelProviderRichTextWithDefaultsDirective]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<NimbleLabelProviderRichTextModule>;
|
|
10
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-angular",
|
|
3
|
-
"version": "17.2.
|
|
3
|
+
"version": "17.2.4",
|
|
4
4
|
"description": "Angular components for the NI Nimble Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -45,6 +45,14 @@
|
|
|
45
45
|
"node": "./fesm2015/ni-nimble-angular-label-provider-core.mjs",
|
|
46
46
|
"default": "./fesm2020/ni-nimble-angular-label-provider-core.mjs"
|
|
47
47
|
},
|
|
48
|
+
"./label-provider/rich-text": {
|
|
49
|
+
"types": "./label-provider/rich-text/index.d.ts",
|
|
50
|
+
"esm2020": "./esm2020/label-provider/rich-text/ni-nimble-angular-label-provider-rich-text.mjs",
|
|
51
|
+
"es2020": "./fesm2020/ni-nimble-angular-label-provider-rich-text.mjs",
|
|
52
|
+
"es2015": "./fesm2015/ni-nimble-angular-label-provider-rich-text.mjs",
|
|
53
|
+
"node": "./fesm2015/ni-nimble-angular-label-provider-rich-text.mjs",
|
|
54
|
+
"default": "./fesm2020/ni-nimble-angular-label-provider-rich-text.mjs"
|
|
55
|
+
},
|
|
48
56
|
"./label-provider/table": {
|
|
49
57
|
"types": "./label-provider/table/index.d.ts",
|
|
50
58
|
"esm2020": "./esm2020/label-provider/table/ni-nimble-angular-label-provider-table.mjs",
|
|
@@ -188,7 +196,7 @@
|
|
|
188
196
|
"@angular/forms": "^14.2.0",
|
|
189
197
|
"@angular/localize": "^14.2.0",
|
|
190
198
|
"@angular/router": "^14.2.0",
|
|
191
|
-
"@ni/nimble-components": "^20.2.
|
|
199
|
+
"@ni/nimble-components": "^20.2.4"
|
|
192
200
|
},
|
|
193
201
|
"dependencies": {
|
|
194
202
|
"tslib": "^2.2.0"
|