croco-html 0.2.16 → 0.2.18
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/esm2020/lib/components/xml-tags/html-raw-view/html-raw-view.component.mjs +24 -0
- package/esm2020/lib/components/xml-tags/index.mjs +2 -1
- package/esm2020/lib/components/xml-tags/xml-tag-view/xml-tag-view.component.mjs +4 -3
- package/esm2020/lib/croco-html.module.mjs +48 -47
- package/esm2020/lib/index.mjs +4 -2
- package/fesm2015/croco-html.mjs +43 -22
- package/fesm2015/croco-html.mjs.map +1 -1
- package/fesm2020/croco-html.mjs +43 -22
- package/fesm2020/croco-html.mjs.map +1 -1
- package/lib/components/xml-tags/html-raw-view/html-raw-view.component.d.ts +13 -0
- package/lib/components/xml-tags/index.d.ts +1 -0
- package/lib/croco-html.module.d.ts +49 -48
- package/lib/index.d.ts +3 -2
- package/package.json +1 -1
package/fesm2020/croco-html.mjs
CHANGED
|
@@ -43,35 +43,35 @@ import * as i8 from '@angular/material/chips';
|
|
|
43
43
|
import { MatChipsModule } from '@angular/material/chips';
|
|
44
44
|
import * as i2$3 from '@angular/material/table';
|
|
45
45
|
import { MatTableModule } from '@angular/material/table';
|
|
46
|
-
import * as
|
|
46
|
+
import * as i36 from '@angular/material/tooltip';
|
|
47
47
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
48
|
-
import * as
|
|
48
|
+
import * as i37 from '@angular/material/checkbox';
|
|
49
49
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
50
|
-
import * as
|
|
50
|
+
import * as i49 from '@angular/material/autocomplete';
|
|
51
51
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
52
|
-
import * as
|
|
52
|
+
import * as i44 from '@angular/material/datepicker';
|
|
53
53
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
54
|
-
import * as
|
|
54
|
+
import * as i42 from '@angular/material/dialog';
|
|
55
55
|
import { MatDialogModule } from '@angular/material/dialog';
|
|
56
|
-
import * as
|
|
56
|
+
import * as i27 from '@angular/material/expansion';
|
|
57
57
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
58
|
-
import * as
|
|
58
|
+
import * as i45 from '@angular/material/grid-list';
|
|
59
59
|
import { MatGridListModule } from '@angular/material/grid-list';
|
|
60
|
-
import * as
|
|
60
|
+
import * as i39 from '@angular/material/list';
|
|
61
61
|
import { MatListModule } from '@angular/material/list';
|
|
62
|
-
import * as
|
|
62
|
+
import * as i33 from '@angular/material/menu';
|
|
63
63
|
import { MatMenuModule } from '@angular/material/menu';
|
|
64
|
-
import * as
|
|
64
|
+
import * as i43 from '@angular/material/paginator';
|
|
65
65
|
import { MatPaginatorModule } from '@angular/material/paginator';
|
|
66
|
-
import * as
|
|
66
|
+
import * as i30 from '@angular/material/progress-bar';
|
|
67
67
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
68
|
-
import * as
|
|
68
|
+
import * as i50 from '@angular/material/sidenav';
|
|
69
69
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
70
|
-
import * as
|
|
70
|
+
import * as i46 from '@angular/material/slide-toggle';
|
|
71
71
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
72
|
-
import * as
|
|
72
|
+
import * as i47 from '@angular/material/tree';
|
|
73
73
|
import { MatTreeModule } from '@angular/material/tree';
|
|
74
|
-
import * as
|
|
74
|
+
import * as i25 from '@angular/material/badge';
|
|
75
75
|
import { MatBadgeModule } from '@angular/material/badge';
|
|
76
76
|
|
|
77
77
|
class FileImageTagDataConsts {
|
|
@@ -553,16 +553,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
553
553
|
type: Input
|
|
554
554
|
}] } });
|
|
555
555
|
|
|
556
|
+
class HtmlRawViewComponent {
|
|
557
|
+
constructor(_sanitizer) {
|
|
558
|
+
this._sanitizer = _sanitizer;
|
|
559
|
+
this.rawHtml = "";
|
|
560
|
+
this.isInitialized = false;
|
|
561
|
+
}
|
|
562
|
+
ngOnInit() {
|
|
563
|
+
this.safeHtml = this._sanitizer.bypassSecurityTrustHtml(this.rawHtml);
|
|
564
|
+
this.isInitialized = true;
|
|
565
|
+
}
|
|
566
|
+
}
|
|
567
|
+
HtmlRawViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HtmlRawViewComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
568
|
+
HtmlRawViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: HtmlRawViewComponent, selector: "croco-html-raw-view", inputs: { rawHtml: "rawHtml" }, ngImport: i0, template: "<div *ngIf=\"isInitialized\" [innerHTML]=\"safeHtml\">\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HtmlRawViewComponent, decorators: [{
|
|
570
|
+
type: Component,
|
|
571
|
+
args: [{ selector: 'croco-html-raw-view', template: "<div *ngIf=\"isInitialized\" [innerHTML]=\"safeHtml\">\n</div>" }]
|
|
572
|
+
}], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; }, propDecorators: { rawHtml: [{
|
|
573
|
+
type: Input
|
|
574
|
+
}] } });
|
|
575
|
+
|
|
556
576
|
class XmlTagViewComponent {
|
|
557
577
|
constructor() {
|
|
558
578
|
this.data = [];
|
|
559
579
|
}
|
|
560
580
|
}
|
|
561
581
|
XmlTagViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: XmlTagViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
562
|
-
XmlTagViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: XmlTagViewComponent, selector: "croco-html-xml-tag-view", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"\">\r\n <div class=\"row\" *ngFor=\"let item of data\">\r\n <div *ngIf=\"item.type === 'text'\">\r\n <croco-html-xml-tag-text-view [item]=\"item\"></croco-html-xml-tag-text-view>\r\n </div>\r\n <
|
|
582
|
+
XmlTagViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: XmlTagViewComponent, selector: "croco-html-xml-tag-view", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"\">\r\n <div class=\"row\" *ngFor=\"let item of data\">\r\n <div *ngIf=\"item.type === 'text'\">\r\n <croco-html-xml-tag-text-view [item]=\"item\"></croco-html-xml-tag-text-view>\r\n </div>\r\n <croco-html-raw-view *ngIf=\"item.type === 'html-raw'\" [rawHtml]=\"item.data.innerHTML\">\r\n </croco-html-raw-view>\r\n <div *ngIf=\"item.type === 'h1' || item.type === 'h2' || item.type === 'h3' || item.type === 'h4' || item.type === 'h5' || item.type === 'h6'\">\r\n <croco-html-xml-tag-header-text-view [item]=\"item\"></croco-html-xml-tag-header-text-view>\r\n </div>\r\n <div *ngIf=\"item.type === 'file-image'\">\r\n <img class=\"mx-auto d-block img-fluid\" [src]=\"item.data.src\"/>\r\n </div>\r\n <div *ngIf=\"item.type === 'table'\">\r\n \r\n <croco-html-xml-tag-html-view *ngIf=\"item.validationResult.isSucceeded\" [html]=\"item.bootstrapHtml\">\r\n </croco-html-xml-tag-html-view>\r\n \r\n <app-tutor-baseapiresponse-banner \r\n *ngIf=\"item.validationResult && !item.validationResult.isSucceeded\" \r\n [message]=\"item.validationResult.message\">\r\n </app-tutor-baseapiresponse-banner>\r\n </div>\r\n \r\n <div *ngIf=\"item.type === 'rich-text'\">\r\n <croco-html-xml-tag-text-view [richTextData]=\"item\"></croco-html-xml-tag-text-view>\r\n </div>\r\n <div *ngIf=\"item.type === 'external-video'\">\r\n <croco-html-xml-tag-external-video [data]=\"item\"></croco-html-xml-tag-external-video>\r\n </div>\r\n <div *ngIf=\"item.type === 'unsupported-tag'\" class=\"red\" style=\"margin-top: 10px;\" >\r\n <h4>\u0414\u0430\u043D\u043D\u044B\u0439 \u0442\u0435\u0433 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F</h4>\r\n <span>\r\n {{item.data.tagString}}\r\n </span>\r\n </div>\r\n </div>\r\n</div>", styles: [".red{background-color:#c94444;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: XmlTagHtmlViewComponent, selector: "croco-html-xml-tag-html-view", inputs: ["html"] }, { kind: "component", type: XmlTagTextViewComponent, selector: "croco-html-xml-tag-text-view", inputs: ["item"] }, { kind: "component", type: XmlTagHeaderTextViewComponent, selector: "croco-html-xml-tag-header-text-view", inputs: ["item"] }, { kind: "component", type: XmlTagExternalVideoComponent, selector: "croco-html-xml-tag-external-video", inputs: ["data", "tagData"] }, { kind: "component", type: HtmlRawViewComponent, selector: "croco-html-raw-view", inputs: ["rawHtml"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
563
583
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: XmlTagViewComponent, decorators: [{
|
|
564
584
|
type: Component,
|
|
565
|
-
args: [{ selector: 'croco-html-xml-tag-view', encapsulation: ViewEncapsulation.None, template: "<div class=\"\">\r\n <div class=\"row\" *ngFor=\"let item of data\">\r\n <div *ngIf=\"item.type === 'text'\">\r\n <croco-html-xml-tag-text-view [item]=\"item\"></croco-html-xml-tag-text-view>\r\n </div>\r\n <
|
|
585
|
+
args: [{ selector: 'croco-html-xml-tag-view', encapsulation: ViewEncapsulation.None, template: "<div class=\"\">\r\n <div class=\"row\" *ngFor=\"let item of data\">\r\n <div *ngIf=\"item.type === 'text'\">\r\n <croco-html-xml-tag-text-view [item]=\"item\"></croco-html-xml-tag-text-view>\r\n </div>\r\n <croco-html-raw-view *ngIf=\"item.type === 'html-raw'\" [rawHtml]=\"item.data.innerHTML\">\r\n </croco-html-raw-view>\r\n <div *ngIf=\"item.type === 'h1' || item.type === 'h2' || item.type === 'h3' || item.type === 'h4' || item.type === 'h5' || item.type === 'h6'\">\r\n <croco-html-xml-tag-header-text-view [item]=\"item\"></croco-html-xml-tag-header-text-view>\r\n </div>\r\n <div *ngIf=\"item.type === 'file-image'\">\r\n <img class=\"mx-auto d-block img-fluid\" [src]=\"item.data.src\"/>\r\n </div>\r\n <div *ngIf=\"item.type === 'table'\">\r\n \r\n <croco-html-xml-tag-html-view *ngIf=\"item.validationResult.isSucceeded\" [html]=\"item.bootstrapHtml\">\r\n </croco-html-xml-tag-html-view>\r\n \r\n <app-tutor-baseapiresponse-banner \r\n *ngIf=\"item.validationResult && !item.validationResult.isSucceeded\" \r\n [message]=\"item.validationResult.message\">\r\n </app-tutor-baseapiresponse-banner>\r\n </div>\r\n \r\n <div *ngIf=\"item.type === 'rich-text'\">\r\n <croco-html-xml-tag-text-view [richTextData]=\"item\"></croco-html-xml-tag-text-view>\r\n </div>\r\n <div *ngIf=\"item.type === 'external-video'\">\r\n <croco-html-xml-tag-external-video [data]=\"item\"></croco-html-xml-tag-external-video>\r\n </div>\r\n <div *ngIf=\"item.type === 'unsupported-tag'\" class=\"red\" style=\"margin-top: 10px;\" >\r\n <h4>\u0414\u0430\u043D\u043D\u044B\u0439 \u0442\u0435\u0433 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F</h4>\r\n <span>\r\n {{item.data.tagString}}\r\n </span>\r\n </div>\r\n </div>\r\n</div>", styles: [".red{background-color:#c94444;color:#fff}\n"] }]
|
|
566
586
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
567
587
|
type: Input
|
|
568
588
|
}] } });
|
|
@@ -1527,7 +1547,8 @@ const XmlComponents = [
|
|
|
1527
1547
|
XmlTagTextViewComponent,
|
|
1528
1548
|
XmlTagHeaderTextViewComponent,
|
|
1529
1549
|
XmlTagHeaderInnerTextViewComponent,
|
|
1530
|
-
XmlTagExternalVideoComponent
|
|
1550
|
+
XmlTagExternalVideoComponent,
|
|
1551
|
+
HtmlRawViewComponent
|
|
1531
1552
|
];
|
|
1532
1553
|
const CrocoPipes = [
|
|
1533
1554
|
RichTextToHtmlPipe,
|
|
@@ -1577,10 +1598,10 @@ const MaterialModules = [
|
|
|
1577
1598
|
class CrocoHtmlModule {
|
|
1578
1599
|
}
|
|
1579
1600
|
CrocoHtmlModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CrocoHtmlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1580
|
-
CrocoHtmlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CrocoHtmlModule, declarations: [UploadFilesBtnComponent, XmlTagTableViewComponent, XmlTagViewComponent, XmlTagRichTextViewComponent, XmlTagHtmlViewComponent, XmlTagTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHeaderInnerTextViewComponent, XmlTagExternalVideoComponent, MainEditorComponent, FileIdSelectComponent, TextEditorComponent, ExternalVideoBlockComponent, ImageEditorComponent, MainEditorBlockComponent, VisualEditorComponent, AddFilesBtnComponent, HtmlRawEditorComponent, RichTextToHtmlPipe, TagToSpanPipe, ToPreviewPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe], imports: [CommonModule,
|
|
1601
|
+
CrocoHtmlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CrocoHtmlModule, declarations: [UploadFilesBtnComponent, XmlTagTableViewComponent, XmlTagViewComponent, XmlTagRichTextViewComponent, XmlTagHtmlViewComponent, XmlTagTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHeaderInnerTextViewComponent, XmlTagExternalVideoComponent, HtmlRawViewComponent, MainEditorComponent, FileIdSelectComponent, TextEditorComponent, ExternalVideoBlockComponent, ImageEditorComponent, MainEditorBlockComponent, VisualEditorComponent, AddFilesBtnComponent, HtmlRawEditorComponent, RichTextToHtmlPipe, TagToSpanPipe, ToPreviewPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe], imports: [CommonModule,
|
|
1581
1602
|
FormsModule,
|
|
1582
1603
|
ReactiveFormsModule,
|
|
1583
|
-
NgSelectModule,
|
|
1604
|
+
NgSelectModule, i25.MatBadgeModule, i2$3.MatTableModule, i27.MatExpansionModule, i3$1.MatFormFieldModule, i2$2.MatSnackBarModule, i30.MatProgressBarModule, i4$1.MatProgressSpinnerModule, i6$2.MatTabsModule, i33.MatMenuModule, i5$2.MatCardModule, i6$1.MatSelectModule, i36.MatTooltipModule, i37.MatCheckboxModule, i8.MatChipsModule, i39.MatListModule, i2.MatButtonModule, i4.MatInputModule, i42.MatDialogModule, i43.MatPaginatorModule, i44.MatDatepickerModule, i45.MatGridListModule, i46.MatSlideToggleModule, i47.MatTreeModule, i7.MatNativeDateModule, i49.MatAutocompleteModule, i50.MatSidenavModule, i5$1.MatIconModule, i10.DragDropModule, i6.MatButtonToggleModule, YouTubePlayerModule], exports: [UploadFilesBtnComponent, XmlTagTableViewComponent, XmlTagViewComponent, XmlTagRichTextViewComponent, XmlTagHtmlViewComponent, XmlTagTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHeaderInnerTextViewComponent, XmlTagExternalVideoComponent, HtmlRawViewComponent, MainEditorComponent, FileIdSelectComponent, TextEditorComponent, ExternalVideoBlockComponent, ImageEditorComponent, MainEditorBlockComponent, VisualEditorComponent, AddFilesBtnComponent, HtmlRawEditorComponent, RichTextToHtmlPipe, TagToSpanPipe, ToPreviewPipe, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe] });
|
|
1584
1605
|
CrocoHtmlModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CrocoHtmlModule, imports: [CommonModule,
|
|
1585
1606
|
FormsModule,
|
|
1586
1607
|
ReactiveFormsModule,
|
|
@@ -1589,7 +1610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
1589
1610
|
type: NgModule,
|
|
1590
1611
|
args: [{
|
|
1591
1612
|
declarations: [
|
|
1592
|
-
...CrocoHtmlDeclarations
|
|
1613
|
+
...CrocoHtmlDeclarations,
|
|
1593
1614
|
],
|
|
1594
1615
|
exports: [
|
|
1595
1616
|
...CrocoHtmlDeclarations,
|
|
@@ -1613,5 +1634,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
1613
1634
|
* Generated bundle index. Do not edit.
|
|
1614
1635
|
*/
|
|
1615
1636
|
|
|
1616
|
-
export { AddFilesBtnComponent, AngularMaterialTableMethods, BodyTagsExtensions, BootstrapTableMethods, CrocoHtmlModule, ExternalVideoBlockComponent, ExternalVideoSupportedTypes, ExternalVideoTagDataConsts, FileIdSelectComponent, FileImageTagDataConsts, HtmlRawEditorComponent, ImageEditorComponent, ImageMethods, MainEditorBlockComponent, MainEditorComponent, RichTextToHtmlPipe, TableBuilder, TableMethods, TableTypes, TagToSpanPipe, TextEditorComponent, TextMethods, TextSimpleMethods, TextTag, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe, UploadFilesBtnComponent, VideoMethods, VisualEditorComponent, XmlExtensions, XmlTagExternalVideoComponent, XmlTagHeaderInnerTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHtmlViewComponent, XmlTagRichTextViewComponent, XmlTagTableViewComponent, XmlTagTextViewComponent, XmlTagViewComponent };
|
|
1637
|
+
export { AddFilesBtnComponent, AngularMaterialTableMethods, BodyTagsExtensions, BootstrapTableMethods, CrocoHtmlModule, ExternalVideoBlockComponent, ExternalVideoSupportedTypes, ExternalVideoTagDataConsts, FileIdSelectComponent, FileImageTagDataConsts, HtmlRawEditorComponent, HtmlRawViewComponent, ImageEditorComponent, ImageMethods, MainEditorBlockComponent, MainEditorComponent, RichTextToHtmlPipe, TableBuilder, TableMethods, TableTypes, TagToSpanPipe, TextEditorComponent, TextMethods, TextSimpleMethods, TextTag, ToHtmlBodyTagsPipe, ToPreviewHtmlPipe, ToPreviewPipe, UploadFilesBtnComponent, VideoMethods, VisualEditorComponent, XmlExtensions, XmlTagExternalVideoComponent, XmlTagHeaderInnerTextViewComponent, XmlTagHeaderTextViewComponent, XmlTagHtmlViewComponent, XmlTagRichTextViewComponent, XmlTagTableViewComponent, XmlTagTextViewComponent, XmlTagViewComponent };
|
|
1617
1638
|
//# sourceMappingURL=croco-html.mjs.map
|