diff --git a/1318.d46bbea74ffeb9638375.js b/1318.d62e20db5d6bfa7ed59a.js similarity index 98% rename from 1318.d46bbea74ffeb9638375.js rename to 1318.d62e20db5d6bfa7ed59a.js index 966d49661..542a42420 100644 --- a/1318.d46bbea74ffeb9638375.js +++ b/1318.d62e20db5d6bfa7ed59a.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1318],{71318:(t,e,o)=>{o.r(e),o.d(e,{ExampleTuiEditorPasteEmojiToolModule:()=>x});var n=o(12057),i=o(24751),s=o(34016),r=o(47029),c=o(42600),a=o(43232),u=o(37195),l=o(74788),p=o(15997),d=o(73460),m=o(42328),h=o(23618),f=o(8820),g=o(98778),Z=o(16331),_=o(18289),b=o(55788);function T(t,e){if(1&t){const t=l.EpF();l.TgZ(0,"button",6),l.NdJ("click",(function(){const e=l.CHM(t).$implicit;return l.oxw(2).insertSmile(e)})),l.qZA()}if(2&t){const t=e.$implicit;l.Q6J("innerHTML",t,l.oJD)}}function v(t,e){if(1&t&&(l.TgZ(0,"div",4),l.YNc(1,T,1,1,"button",5),l.qZA()),2&t){const t=e.$implicit,o=l.oxw();l.Q6J("tuiActiveZoneParent",t),l.xp6(1),l.Q6J("ngForOf",o.smiles)}}let A=(()=>{class t{constructor(t){this.editor=t,this.smiles=["🦁","⏰","☕","✅","❌","❗","➕","👀","👆","👌","😊","🚀"]}insertSmile(t){this.editor.getOriginTiptapEditor().chain().focus().insertContent(`
${t}
`).insertContent(" ").run()}}return t.ɵfac=function(e){return new(e||t)(l.Y36(u.$3))},t.ɵcmp=l.Xpm({type:t,selectors:[["smiles-tool"]],decls:5,vars:3,consts:[["tuiDropdownAlign","left",1,"t-wrapper",3,"content"],["dropdown",""],["appearance","icon","automation-id","smiles-tool__button","icon","tuiIconStarLarge","size","s","tuiIconButton","","type","button",1,"tool-button",3,"focusable","pseudoActive"],["smileDropdown",""],[1,"smiles",3,"tuiActiveZoneParent"],["type","button","class","smile",3,"innerHTML","click",4,"ngFor","ngForOf"],["type","button",1,"smile",3,"innerHTML","click"]],template:function(t,e){if(1&t&&(l.TgZ(0,"tui-hosted-dropdown",0,1),l._UZ(2,"button",2),l.YNc(3,v,2,2,"ng-template",null,3,l.W1O),l.qZA()),2&t){const t=l.MAs(1),e=l.MAs(4);l.Q6J("content",e),l.xp6(2),l.Q6J("focusable",t.open)("pseudoActive",t.open)}},directives:[g.o,Z.Ek,_.v,b.e,n.sg],styles:[".tool-button[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.tool-button[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}.smiles[_ngcontent-%COMP%]{max-width:18rem;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.smile[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;flex:1 0 21%;cursor:pointer;border-radius:var(--tui-radius-s);font:var(--tui-font-heading-4);padding:1rem}.smile[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}"],changeDetection:0}),t})();var w=o(77825);let y=(()=>{class t{constructor(){this.builtInTools=[u._2.Undo],this.control=new i.NI("")}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=l.Xpm({type:t,selectors:[["tui-editor-paste-emoji-tool-example-1"]],features:[l._Bn([{provide:u.Wf,useValue:[Promise.resolve().then(o.bind(o,93107)).then((({StarterKit:t})=>t)),o.e(7133).then(o.bind(o,27133)).then((({EmojiExtension:t})=>t))]}])],decls:7,vars:2,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["tuiItem",""],[1,"hint"],["src","tuiIconArrowLeft"]],template:function(t,e){1&t&&(l.TgZ(0,"tui-editor",0),l._uU(1," Smiles are custom tool. Try it. "),l.ynx(2,1),l._UZ(3,"smiles-tool",2),l.TgZ(4,"span",3),l._UZ(5,"tui-svg",4),l._uU(6," click it "),l.qZA(),l.BQk(),l.qZA()),2&t&&l.Q6J("formControl",e.control)("tools",e.builtInTools)},directives:[f.a,i.JJ,i.oH,A,w.P],styles:[".hint[_ngcontent-%COMP%]{color:var(--tui-base-05);height:100%;display:flex;align-items:center}"],changeDetection:0}),t})(),U=(()=>{class t{constructor(){this.example1={HTML:o.e(6416).then(o.t.bind(o,6416,17)),TypeScript:o.e(1091).then(o.t.bind(o,1091,17)),LESS:o.e(2785).then(o.t.bind(o,52785,17)),"smiles-tool/emoji.extension.ts":o.e(5557).then(o.t.bind(o,95557,17)),"smiles-tool/smiles-tool.component.ts":o.e(8760).then(o.t.bind(o,48760,17)),"smiles-tool/smiles-tool.template.html":o.e(5625).then(o.t.bind(o,65625,17)),"smiles-tool/smiles-tool.styles.less":o.e(1720).then(o.t.bind(o,21720,17)),"smiles-tool/smiles-tool.module.ts":o.e(2809).then(o.t.bind(o,62809,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=l.Xpm({type:t,selectors:[["editor-paste-emoji-tool"]],features:[l._Bn([{provide:u.Wf,useValue:u.PD}])],decls:31,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","custom-tool","heading","Custom emoji tool",3,"content"],[1,"tui-list","tui-space_bottom-6"],[1,"tui-list__item"],["href","https://tiptap.dev/api/introduction","rel","noreferrer","target","_blank","tuiLink",""],["tuiText","${t}
`).insertContent(" ").run()}}return t.ɵfac=function(e){return new(e||t)(l.Y36(u.$3))},t.ɵcmp=l.Xpm({type:t,selectors:[["smiles-tool"]],decls:5,vars:3,consts:[["tuiDropdownAlign","left",1,"t-wrapper",3,"content"],["dropdown",""],["appearance","icon","automation-id","smiles-tool__button","icon","tuiIconStarLarge","size","s","tuiIconButton","","type","button",1,"tool-button",3,"focusable","pseudoActive"],["smileDropdown",""],[1,"smiles",3,"tuiActiveZoneParent"],["type","button","class","smile",3,"innerHTML","click",4,"ngFor","ngForOf"],["type","button",1,"smile",3,"innerHTML","click"]],template:function(t,e){if(1&t&&(l.TgZ(0,"tui-hosted-dropdown",0,1),l._UZ(2,"button",2),l.YNc(3,v,2,2,"ng-template",null,3,l.W1O),l.qZA()),2&t){const t=l.MAs(1),e=l.MAs(4);l.Q6J("content",e),l.xp6(2),l.Q6J("focusable",t.open)("pseudoActive",t.open)}},directives:[g.o,Z.Ek,_.v,b.e,n.sg],styles:[".tool-button[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.tool-button[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}.smiles[_ngcontent-%COMP%]{max-width:18rem;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.smile[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;flex:1 0 21%;cursor:pointer;border-radius:var(--tui-radius-s);font:var(--tui-font-heading-4);padding:1rem}.smile[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}"],changeDetection:0}),t})();var w=o(77825);let y=(()=>{class t{constructor(){this.builtInTools=[u._2.Undo],this.control=new i.NI("")}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=l.Xpm({type:t,selectors:[["tui-editor-paste-emoji-tool-example-1"]],features:[l._Bn([{provide:u.Wf,useValue:[Promise.resolve().then(o.bind(o,28730)).then((({StarterKit:t})=>t)),o.e(7133).then(o.bind(o,27133)).then((({EmojiExtension:t})=>t))]}])],decls:7,vars:2,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["tuiItem",""],[1,"hint"],["src","tuiIconArrowLeft"]],template:function(t,e){1&t&&(l.TgZ(0,"tui-editor",0),l._uU(1," Smiles are custom tool. Try it. "),l.ynx(2,1),l._UZ(3,"smiles-tool",2),l.TgZ(4,"span",3),l._UZ(5,"tui-svg",4),l._uU(6," click it "),l.qZA(),l.BQk(),l.qZA()),2&t&&l.Q6J("formControl",e.control)("tools",e.builtInTools)},directives:[f.a,i.JJ,i.oH,A,w.P],styles:[".hint[_ngcontent-%COMP%]{color:var(--tui-base-05);height:100%;display:flex;align-items:center}"],changeDetection:0}),t})(),U=(()=>{class t{constructor(){this.example1={HTML:o.e(6416).then(o.t.bind(o,6416,17)),TypeScript:o.e(1091).then(o.t.bind(o,1091,17)),LESS:o.e(2785).then(o.t.bind(o,52785,17)),"smiles-tool/emoji.extension.ts":o.e(5557).then(o.t.bind(o,95557,17)),"smiles-tool/smiles-tool.component.ts":o.e(8760).then(o.t.bind(o,48760,17)),"smiles-tool/smiles-tool.template.html":o.e(5625).then(o.t.bind(o,65625,17)),"smiles-tool/smiles-tool.styles.less":o.e(1720).then(o.t.bind(o,21720,17)),"smiles-tool/smiles-tool.module.ts":o.e(2809).then(o.t.bind(o,62809,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=l.Xpm({type:t,selectors:[["editor-paste-emoji-tool"]],features:[l._Bn([{provide:u.Wf,useValue:u.PD}])],decls:31,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","custom-tool","heading","Custom emoji tool",3,"content"],[1,"tui-list","tui-space_bottom-6"],[1,"tui-list__item"],["href","https://tiptap.dev/api/introduction","rel","noreferrer","target","_blank","tuiLink",""],["tuiText","Editor now supports YouTube embeds!
\nTry adding your own video to this editor!
\n ',i.kI.required)}safe(t){return this.sanitizer.bypassSecurityTrustHtml(null!=t?t:"")}}C.ɵfac=function(t){return new(t||C)(d.Y36(g.H7))},C.ɵcmp=d.Xpm({type:C,selectors:[["tui-editor-embed-youtube-example-1"]],features:[d._Bn([{provide:c.Wf,useValue:[Promise.resolve().then(o.bind(o,93107)).then((({StarterKit:t})=>t)),o.e(3851).then(o.bind(o,63851)).then((({Youtube:t})=>t))]}])],decls:13,vars:4,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["tuiItem",""],[1,"hint"],["src","tuiIconArrowLeft"],[3,"innerHTML"]],template:function(t,e){1&t&&(d.TgZ(0,"tui-editor",0),d.ynx(1,1),d._UZ(2,"youtube-tool",2),d.TgZ(3,"span",3),d._UZ(4,"tui-svg",4),d._uU(5," click it "),d.qZA(),d.BQk(),d.qZA(),d.TgZ(6,"h4"),d._uU(7,"HTML:"),d.qZA(),d._UZ(8,"div",5),d.TgZ(9,"h4"),d._uU(10,"Text:"),d.qZA(),d.TgZ(11,"p"),d._uU(12),d.qZA()),2&t&&(d.Q6J("formControl",e.control)("tools",e.builtInTools),d.xp6(8),d.Q6J("innerHTML",e.safe(e.control.value),d.oJD),d.xp6(4),d.Oqu(e.control.value))},directives:[m.a,i.JJ,i.oH,T,A.P],styles:[".hint[_ngcontent-%COMP%]{color:var(--tui-base-05);height:100%;display:flex;align-items:center}"],changeDetection:0}),(0,b.gn)([s.UMq],C.prototype,"safe",null);let M=(()=>{class t{constructor(){this.example1={HTML:o.e(250).then(o.t.bind(o,50250,17)),TypeScript:o.e(5501).then(o.t.bind(o,5501,17)),LESS:o.e(6847).then(o.t.bind(o,26847,17)),"youtube-tool/youtube-tool.component.ts":o.e(6014).then(o.t.bind(o,76014,17)),"youtube-tool/youtube-tool.template.html":o.e(8229).then(o.t.bind(o,28229,17)),"youtube-tool/youtube-tool.styles.less":o.e(7398).then(o.t.bind(o,87398,17)),"youtube-tool/youtube-tool.module.ts":o.e(9241).then(o.t.bind(o,59241,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=d.Xpm({type:t,selectors:[["editor-embed-youtube"]],features:[d._Bn([{provide:c.Wf,useValue:c.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","youtube","heading","Youtube extension",3,"content"]],template:function(t,e){1&t&&(d.TgZ(0,"tui-doc-page",0),d.TgZ(1,"p"),d._uU(2," Rich Text Editor based on "),d.TgZ(3,"a",1),d._uU(4," TipTap Editor "),d.qZA(),d._uU(5," for using with Angular forms. For safety reasons use a "),d.TgZ(6,"a",2),d._uU(7," sanitizer "),d.qZA(),d._uU(8," with this component. "),d.qZA(),d.TgZ(9,"tui-doc-example",3),d._UZ(10,"tui-editor-embed-youtube-example-1"),d.qZA(),d.qZA()),2&t&&(d.xp6(9),d.Q6J("content",e.example1))},directives:[a.q,p.V,u.yS,h.f,C],encapsulation:2,changeDetection:0}),t})();var U=o(6667);let q=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=d.oAB({type:t}),t.ɵinj=d.cJS({imports:[[n.ez,l.fNO,l.jhF,s.Ah6,l.dpK,U.z$l,i.u5]]}),t})(),k=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=d.oAB({type:t}),t.ɵinj=d.cJS({imports:[[n.ez,s.Ah6,l.EIu,l.jzK,l.jhF,l.fNO,r.fV,i.u5,i.UX,c.T_,c.GK,q,u.Bz.forChild((0,r.Ve)(M))]]}),t})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1320],{51320:(t,e,o)=>{o.r(e),o.d(e,{ExampleTuiEditorEmbedYoutubeModule:()=>k});var n=o(12057),i=o(24751),u=o(34016),r=o(47029),s=o(42600),l=o(43232),c=o(37195),d=o(74788),a=o(15997),p=o(73460),h=o(42328),b=o(97582),g=o(91211),m=o(8820),f=o(98778),w=o(16331),y=o(18289),v=o(55788),Z=o(36866);const x=["dropdown"];function _(t,e){if(1&t){const t=d.EpF();d.TgZ(0,"div",4),d.TgZ(1,"label",5),d.TgZ(2,"div",6),d._uU(3,"Youtube URL"),d.qZA(),d.TgZ(4,"div",7),d.TgZ(5,"tui-input-inline",8),d.NdJ("ngModelChange",(function(e){return d.CHM(t),d.oxw().url=e}))("keydown.enter",(function(){d.CHM(t);const e=d.oxw();return e.insertYoutubeVideo(e.url)})),d._uU(6),d.qZA(),d.qZA(),d.qZA(),d.qZA()}if(2&t){const t=e.$implicit,o=d.oxw();d.Q6J("tuiActiveZoneParent",t),d.xp6(5),d.ekj("t-input_filled",o.url),d.Q6J("ngModel",o.url),d.xp6(1),d.hij(" ",o.placeholder," ")}}let T=(()=>{class t{constructor(t){this.editor=t,this.youtubeLogo='',this.placeholder="https://www.youtube.com/embed/j2_NnV7nU6s",this.url=""}insertYoutubeVideo(t){var e;if(t){const o=this.editor.state.selection.anchor;this.editor.enter(),this.editor.setTextSelection(o),this.editor.setYoutubeVideo({src:t,width:"100%"}),this.url="",null===(e=this.dropdown)||void 0===e||e.close()}}}return t.ɵfac=function(e){return new(e||t)(d.Y36(c.$3))},t.ɵcmp=d.Xpm({type:t,selectors:[["youtube-tool"]],viewQuery:function(t,e){if(1&t&&d.Gf(x,5),2&t){let t;d.iGM(t=d.CRH())&&(e.dropdown=t.first)}},decls:5,vars:4,consts:[["tuiDropdownAlign","left",1,"t-wrapper",3,"content"],["dropdown",""],["appearance","flat","automation-id","youtube-tool__button","size","s","tuiIconButton","","type","button",1,"tool-button",3,"focusable","icon","pseudoActive"],["youtubeDropdown",""],[1,"youtube-tool-content",3,"tuiActiveZoneParent"],[1,"t-label"],[1,"t-label-properties"],[1,"t-url"],["tuiAutoFocus","",1,"t-input",3,"ngModel","ngModelChange","keydown.enter"]],template:function(t,e){if(1&t&&(d.TgZ(0,"tui-hosted-dropdown",0,1),d._UZ(2,"button",2),d.YNc(3,_,7,5,"ng-template",null,3,d.W1O),d.qZA()),2&t){const t=d.MAs(1),o=d.MAs(4);d.Q6J("content",o),d.xp6(2),d.Q6J("focusable",t.open)("icon",e.youtubeLogo)("pseudoActive",t.open)}},directives:[f.o,w.Ek,y.v,v.e,Z.l,i.JJ,i.On],styles:[".tool-button[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.tool-button[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}.youtube-tool-content[_ngcontent-%COMP%]{display:flex;min-height:4rem;align-items:center;padding-right:.75rem}.t-label[_ngcontent-%COMP%]{height:var(--tui-height-l);box-sizing:border-box;padding:.4375rem 1rem;min-width:12.5rem;max-width:25rem;width:100%}.t-input[_ngcontent-%COMP%]{flex:1;color:var(--tui-text-02)}.t-input_filled[_ngcontent-%COMP%]{color:var(--tui-text-01)}"],changeDetection:0}),t})();var A=o(77825);class C{constructor(t){this.sanitizer=t,this.builtInTools=[c._2.Undo],this.control=new i.NI('\nEditor now supports YouTube embeds!
\nTry adding your own video to this editor!
\n ',i.kI.required)}safe(t){return this.sanitizer.bypassSecurityTrustHtml(null!=t?t:"")}}C.ɵfac=function(t){return new(t||C)(d.Y36(g.H7))},C.ɵcmp=d.Xpm({type:C,selectors:[["tui-editor-embed-youtube-example-1"]],features:[d._Bn([{provide:c.Wf,useValue:[Promise.resolve().then(o.bind(o,28730)).then((({StarterKit:t})=>t)),o.e(3851).then(o.bind(o,63851)).then((({Youtube:t})=>t))]}])],decls:13,vars:4,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["tuiItem",""],[1,"hint"],["src","tuiIconArrowLeft"],[3,"innerHTML"]],template:function(t,e){1&t&&(d.TgZ(0,"tui-editor",0),d.ynx(1,1),d._UZ(2,"youtube-tool",2),d.TgZ(3,"span",3),d._UZ(4,"tui-svg",4),d._uU(5," click it "),d.qZA(),d.BQk(),d.qZA(),d.TgZ(6,"h4"),d._uU(7,"HTML:"),d.qZA(),d._UZ(8,"div",5),d.TgZ(9,"h4"),d._uU(10,"Text:"),d.qZA(),d.TgZ(11,"p"),d._uU(12),d.qZA()),2&t&&(d.Q6J("formControl",e.control)("tools",e.builtInTools),d.xp6(8),d.Q6J("innerHTML",e.safe(e.control.value),d.oJD),d.xp6(4),d.Oqu(e.control.value))},directives:[m.a,i.JJ,i.oH,T,A.P],styles:[".hint[_ngcontent-%COMP%]{color:var(--tui-base-05);height:100%;display:flex;align-items:center}"],changeDetection:0}),(0,b.gn)([s.UMq],C.prototype,"safe",null);let M=(()=>{class t{constructor(){this.example1={HTML:o.e(250).then(o.t.bind(o,50250,17)),TypeScript:o.e(5501).then(o.t.bind(o,5501,17)),LESS:o.e(6847).then(o.t.bind(o,26847,17)),"youtube-tool/youtube-tool.component.ts":o.e(6014).then(o.t.bind(o,76014,17)),"youtube-tool/youtube-tool.template.html":o.e(8229).then(o.t.bind(o,28229,17)),"youtube-tool/youtube-tool.styles.less":o.e(7398).then(o.t.bind(o,87398,17)),"youtube-tool/youtube-tool.module.ts":o.e(9241).then(o.t.bind(o,59241,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=d.Xpm({type:t,selectors:[["editor-embed-youtube"]],features:[d._Bn([{provide:c.Wf,useValue:c.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","youtube","heading","Youtube extension",3,"content"]],template:function(t,e){1&t&&(d.TgZ(0,"tui-doc-page",0),d.TgZ(1,"p"),d._uU(2," Rich Text Editor based on "),d.TgZ(3,"a",1),d._uU(4," TipTap Editor "),d.qZA(),d._uU(5," for using with Angular forms. For safety reasons use a "),d.TgZ(6,"a",2),d._uU(7," sanitizer "),d.qZA(),d._uU(8," with this component. "),d.qZA(),d.TgZ(9,"tui-doc-example",3),d._UZ(10,"tui-editor-embed-youtube-example-1"),d.qZA(),d.qZA()),2&t&&(d.xp6(9),d.Q6J("content",e.example1))},directives:[a.q,p.V,u.yS,h.f,C],encapsulation:2,changeDetection:0}),t})();var U=o(6667);let q=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=d.oAB({type:t}),t.ɵinj=d.cJS({imports:[[n.ez,l.fNO,l.jhF,s.Ah6,l.dpK,U.z$l,i.u5]]}),t})(),k=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=d.oAB({type:t}),t.ɵinj=d.cJS({imports:[[n.ez,s.Ah6,l.EIu,l.jzK,l.jhF,l.fNO,r.fV,i.u5,i.UX,c.T_,c.GK,q,u.Bz.forChild((0,r.Ve)(M))]]}),t})()}}]); \ No newline at end of file diff --git a/1975.98fac8b6ee2dffb1bedb.js b/1975.190f33887501dd87155c.js similarity index 97% rename from 1975.98fac8b6ee2dffb1bedb.js rename to 1975.190f33887501dd87155c.js index d661afd55..be7e8472d 100644 --- a/1975.98fac8b6ee2dffb1bedb.js +++ b/1975.190f33887501dd87155c.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1975],{81975:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiEditorResizableImagesToolModule:()=>v});var o=i(12057),s=i(24751),n=i(34016),r=i(47029),a=i(42600),c=i(43232),u=i(37195),l=i(74788),p=i(15997),d=i(73460),h=i(42328),m=i(58497),g=i(43190),f=i(46782),b=i(8820),T=i(76690);let _=(()=>{class e{constructor(e,t,i,o){this.imageLoader=e,this.http=t,this.isStackblitz=o,this.relativePath=this.isStackblitz?"https://taiga-ui.dev/":"",this.builtInTools=[u._2.Undo,u._2.Img],this.base64Image$=this.http.get(`${this.relativePath}assets/images/lumberjack.png`,{responseType:"blob"}).pipe((0,g.w)((e=>this.imageLoader(e)))),this.control=new s.NI(""),this.base64Image$.pipe((0,f.R)(i)).subscribe((e=>{this.control.patchValue(`\n \nTry to drag right border of image!
\nTo change min/max size of image use token TUI_IMAGE_EDITOR_OPTIONS
.\n `)}))}}return e.ɵfac=function(t){return new(t||e)(l.Y36(u.p7),l.Y36(m.eN),l.Y36(a.a31,2),l.Y36(a.SgE))},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-editor-resizable-editor-example-1"]],features:[l._Bn([a.a31,{provide:u.Wf,deps:[l.gxx],useFactory:e=>[Promise.resolve().then(i.bind(i,93107)).then((({StarterKit:e})=>e)),Promise.resolve().then(i.bind(i,89681)).then((({tuiCreateImageEditorExtension:t})=>t({injector:e})))]}])],decls:4,vars:3,consts:[[1,"editor",3,"formControl","tools"],[3,"content"]],template:function(e,t){1&e&&(l._UZ(0,"tui-editor",0),l.TgZ(1,"h4"),l._uU(2,"HTML:"),l.qZA(),l._UZ(3,"tui-editor-socket",1)),2&e&&(l.Q6J("formControl",t.control)("tools",t.builtInTools),l.xp6(3),l.Q6J("content",t.control.value||""))},directives:[b.a,s.JJ,s.oH,T.D],encapsulation:2,changeDetection:0}),e})(),Z=(()=>{class e{constructor(){this.example1={TypeScript:i.e(8499).then(i.t.bind(i,88499,17)),HTML:i.e(8932).then(i.t.bind(i,28932,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["editor-resizable-images"]],features:[l._Bn([{provide:u.Wf,useValue:u.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","resizable-image","heading","Resizable image",3,"content"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.TgZ(1,"p"),l._uU(2," Rich Text Editor based on "),l.TgZ(3,"a",1),l._uU(4," TipTap Editor "),l.qZA(),l._uU(5," for using with Angular forms. For safety reasons use a "),l.TgZ(6,"a",2),l._uU(7," sanitizer "),l.qZA(),l._uU(8," with this component. "),l.qZA(),l.TgZ(9,"tui-doc-example",3),l._UZ(10,"tui-editor-resizable-editor-example-1"),l.qZA(),l.qZA()),2&e&&(l.xp6(9),l.Q6J("content",t.example1))},directives:[p.q,d.V,n.yS,h.f,_],encapsulation:2,changeDetection:0}),e})(),v=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[[o.ez,a.Ah6,c.EIu,c.jzK,c.jhF,c.fNO,r.fV,s.u5,s.UX,u.T_,u.GK,n.Bz.forChild((0,r.Ve)(Z))]]}),e})()}}]);
\ No newline at end of file
+(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1975],{81975:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiEditorResizableImagesToolModule:()=>v});var o=i(12057),s=i(24751),n=i(34016),r=i(47029),a=i(42600),c=i(43232),u=i(37195),l=i(74788),p=i(15997),d=i(73460),h=i(42328),m=i(58497),g=i(43190),f=i(46782),b=i(8820),T=i(76690);let _=(()=>{class e{constructor(e,t,i,o){this.imageLoader=e,this.http=t,this.isStackblitz=o,this.relativePath=this.isStackblitz?"https://taiga-ui.dev/":"",this.builtInTools=[u._2.Undo,u._2.Img],this.base64Image$=this.http.get(`${this.relativePath}assets/images/lumberjack.png`,{responseType:"blob"}).pipe((0,g.w)((e=>this.imageLoader(e)))),this.control=new s.NI(""),this.base64Image$.pipe((0,f.R)(i)).subscribe((e=>{this.control.patchValue(`\n \n
Try to drag right border of image!
\nTo change min/max size of image use token TUI_IMAGE_EDITOR_OPTIONS
.\n `)}))}}return e.ɵfac=function(t){return new(t||e)(l.Y36(u.p7),l.Y36(m.eN),l.Y36(a.a31,2),l.Y36(a.SgE))},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-editor-resizable-editor-example-1"]],features:[l._Bn([a.a31,{provide:u.Wf,deps:[l.gxx],useFactory:e=>[Promise.resolve().then(i.bind(i,28730)).then((({StarterKit:e})=>e)),Promise.resolve().then(i.bind(i,89681)).then((({tuiCreateImageEditorExtension:t})=>t({injector:e})))]}])],decls:4,vars:3,consts:[[1,"editor",3,"formControl","tools"],[3,"content"]],template:function(e,t){1&e&&(l._UZ(0,"tui-editor",0),l.TgZ(1,"h4"),l._uU(2,"HTML:"),l.qZA(),l._UZ(3,"tui-editor-socket",1)),2&e&&(l.Q6J("formControl",t.control)("tools",t.builtInTools),l.xp6(3),l.Q6J("content",t.control.value||""))},directives:[b.a,s.JJ,s.oH,T.D],encapsulation:2,changeDetection:0}),e})(),Z=(()=>{class e{constructor(){this.example1={TypeScript:i.e(8499).then(i.t.bind(i,88499,17)),HTML:i.e(8932).then(i.t.bind(i,28932,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["editor-resizable-images"]],features:[l._Bn([{provide:u.Wf,useValue:u.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","resizable-image","heading","Resizable image",3,"content"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.TgZ(1,"p"),l._uU(2," Rich Text Editor based on "),l.TgZ(3,"a",1),l._uU(4," TipTap Editor "),l.qZA(),l._uU(5," for using with Angular forms. For safety reasons use a "),l.TgZ(6,"a",2),l._uU(7," sanitizer "),l.qZA(),l._uU(8," with this component. "),l.qZA(),l.TgZ(9,"tui-doc-example",3),l._UZ(10,"tui-editor-resizable-editor-example-1"),l.qZA(),l.qZA()),2&e&&(l.xp6(9),l.Q6J("content",t.example1))},directives:[p.q,d.V,n.yS,h.f,_],encapsulation:2,changeDetection:0}),e})(),v=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[[o.ez,a.Ah6,c.EIu,c.jzK,c.jhF,c.fNO,r.fV,s.u5,s.UX,u.T_,u.GK,n.Bz.forChild((0,r.Ve)(Z))]]}),e})()}}]);
\ No newline at end of file
diff --git a/2291.4af2bcbadc519f3bec12.js b/2291.4c6604f104cfe2b206d5.js
similarity index 99%
rename from 2291.4af2bcbadc519f3bec12.js
rename to 2291.4c6604f104cfe2b206d5.js
index 6755395b4..9b6a8c8df 100644
--- a/2291.4af2bcbadc519f3bec12.js
+++ b/2291.4c6604f104cfe2b206d5.js
@@ -1 +1 @@
-(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[2291],{2291:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiEditorEmbedIframeModule:()=>E});var o=n(12057),i=n(24751),r=n(34016),l=n(47029),s=n(42600),a=n(43232),u=n(37195),d=n(74788),c=n(15997),p=n(73460),m=n(42328),f=n(97582),h=n(91211),b=n(8820),g=n(98778),Z=n(16331),v=n(18289),w=n(55788),y=n(36866);const _=["dropdown"];function A(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"div",4),d.TgZ(1,"label",5),d.TgZ(2,"div",6),d._uU(3,"Embed URL"),d.qZA(),d.TgZ(4,"div",7),d.TgZ(5,"tui-input-inline",8),d.NdJ("ngModelChange",(function(t){return d.CHM(e),d.oxw().url=t}))("keydown.enter",(function(){d.CHM(e);const t=d.oxw();return t.embedSource(t.url)})),d._uU(6),d.qZA(),d.qZA(),d.qZA(),d.qZA()}if(2&e){const e=t.$implicit,n=d.oxw();d.Q6J("tuiActiveZoneParent",e),d.xp6(5),d.ekj("t-input_filled",n.url),d.Q6J("ngModel",n.url),d.xp6(1),d.hij(" ",n.placeholder," ")}}let T=(()=>{class e{constructor(e){this.editor=e,this.placeholder="https://my-embed.site.com/etc1235",this.url=""}embedSource(e){var t;e&&(this.editor.setIframe({src:e}),this.url="",null===(t=this.dropdown)||void 0===t||t.close())}}return e.ɵfac=function(t){return new(t||e)(d.Y36(u.$3))},e.ɵcmp=d.Xpm({type:e,selectors:[["embed-tool"]],viewQuery:function(e,t){if(1&e&&d.Gf(_,5),2&e){let e;d.iGM(e=d.CRH())&&(t.dropdown=e.first)}},decls:5,vars:3,consts:[["tuiDropdownAlign","left",1,"t-wrapper",3,"content"],["dropdown",""],["appearance","icon","automation-id","embed-tool__button","icon","tuiIconCodeLarge","size","s","tuiIconButton","","type","button",1,"tool-button",3,"focusable","pseudoActive"],["youtubeDropdown",""],[1,"embed-tool-content",3,"tuiActiveZoneParent"],[1,"t-label"],[1,"t-label-properties"],[1,"t-url"],["tuiAutoFocus","",1,"t-input",3,"ngModel","ngModelChange","keydown.enter"]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-hosted-dropdown",0,1),d._UZ(2,"button",2),d.YNc(3,A,7,5,"ng-template",null,3,d.W1O),d.qZA()),2&e){const e=d.MAs(1),t=d.MAs(4);d.Q6J("content",t),d.xp6(2),d.Q6J("focusable",e.open)("pseudoActive",e.open)}},directives:[g.o,Z.Ek,v.v,w.e,y.l,i.JJ,i.On],styles:[".tool-button[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.tool-button[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}.embed-tool-content[_ngcontent-%COMP%]{display:flex;min-height:4rem;align-items:center;padding-right:.75rem}.t-label[_ngcontent-%COMP%]{height:var(--tui-height-l);box-sizing:border-box;padding:.4375rem 1rem;min-width:12.5rem;max-width:25rem;width:100%}.t-input[_ngcontent-%COMP%]{flex:1;color:var(--tui-text-02)}.t-input_filled[_ngcontent-%COMP%]{color:var(--tui-text-01)}"],changeDetection:0}),e})();var x=n(77825);class q{constructor(e,t){this.sanitizer=e,this.isE2E=t,this.builtInTools=[u._2.Undo],this.control=new i.NI(`\n
Here is an online IDE:
\n \n \nHere is a media player:
\n \n \n `,i.kI.required)}safe(e){return this.sanitizer.bypassSecurityTrustHtml(null!=e?e:"")}}q.ɵfac=function(e){return new(e||q)(d.Y36(h.H7),d.Y36(s.oDT))},q.ɵcmp=d.Xpm({type:q,selectors:[["tui-editor-embed-iframe-example-1"]],features:[d._Bn([{provide:u.Wf,deps:[d.gxx],useFactory:e=>[Promise.resolve().then(n.bind(n,93107)).then((({StarterKit:e})=>e)),Promise.resolve().then(n.bind(n,33626)).then((({createIframeEditorExtension:t})=>t(e)))]}])],decls:13,vars:4,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["tuiItem",""],[1,"hint"],["src","tuiIconArrowLeft"],[3,"innerHTML"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-editor",0),d.ynx(1,1),d._UZ(2,"embed-tool",2),d.TgZ(3,"span",3),d._UZ(4,"tui-svg",4),d._uU(5," click it "),d.qZA(),d.BQk(),d.qZA(),d.TgZ(6,"h4"),d._uU(7,"HTML:"),d.qZA(),d._UZ(8,"div",5),d.TgZ(9,"h4"),d._uU(10,"Text:"),d.qZA(),d.TgZ(11,"p"),d._uU(12),d.qZA()),2&e&&(d.Q6J("formControl",t.control)("tools",t.builtInTools),d.xp6(8),d.Q6J("innerHTML",t.safe(t.control.value),d.oJD),d.xp6(4),d.Oqu(t.control.value))},directives:[b.a,i.JJ,i.oH,T,x.P],styles:[".hint[_ngcontent-%COMP%]{color:var(--tui-base-05);height:100%;display:flex;align-items:center}"],changeDetection:0}),(0,f.gn)([s.UMq],q.prototype,"safe",null);let M=(()=>{class e{constructor(){this.example1={HTML:n.e(3270).then(n.t.bind(n,43270,17)),TypeScript:n.e(3878).then(n.t.bind(n,63878,17)),LESS:n.e(2889).then(n.t.bind(n,92889,17)),"embed-tool/embed-tool.component.ts":n.e(6949).then(n.t.bind(n,76949,17)),"embed-tool/embed-tool.template.html":n.e(8275).then(n.t.bind(n,58275,17)),"embed-tool/embed-tool.styles.less":n.e(6530).then(n.t.bind(n,26530,17)),"embed-tool/embed-tool.module.ts":n.e(7703).then(n.t.bind(n,7703,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["editor-embed-iframe"]],features:[d._Bn([{provide:u.Wf,useValue:u.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","iframe","heading","Resizable iframe",3,"content"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.TgZ(1,"p"),d._uU(2," Rich Text Editor based on "),d.TgZ(3,"a",1),d._uU(4," TipTap Editor "),d.qZA(),d._uU(5," for using with Angular forms. For safety reasons use a "),d.TgZ(6,"a",2),d._uU(7," sanitizer "),d.qZA(),d._uU(8," with this component. "),d.qZA(),d.TgZ(9,"tui-doc-example",3),d._UZ(10,"tui-editor-embed-iframe-example-1"),d.qZA(),d.qZA()),2&e&&(d.xp6(9),d.Q6J("content",t.example1))},directives:[c.q,p.V,r.yS,m.f,q],encapsulation:2,changeDetection:0}),e})();var U=n(6667);let C=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[[o.ez,a.fNO,a.jhF,s.Ah6,a.dpK,U.z$l,i.u5]]}),e})(),E=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[[o.ez,s.Ah6,a.EIu,a.jzK,a.jhF,a.fNO,l.fV,i.u5,i.UX,u.T_,u.GK,C,r.Bz.forChild((0,l.Ve)(M))]]}),e})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[2291],{2291:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiEditorEmbedIframeModule:()=>E});var o=n(12057),i=n(24751),r=n(34016),l=n(47029),s=n(42600),a=n(43232),u=n(37195),d=n(74788),c=n(15997),p=n(73460),m=n(42328),f=n(97582),h=n(91211),b=n(8820),g=n(98778),Z=n(16331),v=n(18289),w=n(55788),y=n(36866);const _=["dropdown"];function A(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"div",4),d.TgZ(1,"label",5),d.TgZ(2,"div",6),d._uU(3,"Embed URL"),d.qZA(),d.TgZ(4,"div",7),d.TgZ(5,"tui-input-inline",8),d.NdJ("ngModelChange",(function(t){return d.CHM(e),d.oxw().url=t}))("keydown.enter",(function(){d.CHM(e);const t=d.oxw();return t.embedSource(t.url)})),d._uU(6),d.qZA(),d.qZA(),d.qZA(),d.qZA()}if(2&e){const e=t.$implicit,n=d.oxw();d.Q6J("tuiActiveZoneParent",e),d.xp6(5),d.ekj("t-input_filled",n.url),d.Q6J("ngModel",n.url),d.xp6(1),d.hij(" ",n.placeholder," ")}}let T=(()=>{class e{constructor(e){this.editor=e,this.placeholder="https://my-embed.site.com/etc1235",this.url=""}embedSource(e){var t;e&&(this.editor.setIframe({src:e}),this.url="",null===(t=this.dropdown)||void 0===t||t.close())}}return e.ɵfac=function(t){return new(t||e)(d.Y36(u.$3))},e.ɵcmp=d.Xpm({type:e,selectors:[["embed-tool"]],viewQuery:function(e,t){if(1&e&&d.Gf(_,5),2&e){let e;d.iGM(e=d.CRH())&&(t.dropdown=e.first)}},decls:5,vars:3,consts:[["tuiDropdownAlign","left",1,"t-wrapper",3,"content"],["dropdown",""],["appearance","icon","automation-id","embed-tool__button","icon","tuiIconCodeLarge","size","s","tuiIconButton","","type","button",1,"tool-button",3,"focusable","pseudoActive"],["youtubeDropdown",""],[1,"embed-tool-content",3,"tuiActiveZoneParent"],[1,"t-label"],[1,"t-label-properties"],[1,"t-url"],["tuiAutoFocus","",1,"t-input",3,"ngModel","ngModelChange","keydown.enter"]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-hosted-dropdown",0,1),d._UZ(2,"button",2),d.YNc(3,A,7,5,"ng-template",null,3,d.W1O),d.qZA()),2&e){const e=d.MAs(1),t=d.MAs(4);d.Q6J("content",t),d.xp6(2),d.Q6J("focusable",e.open)("pseudoActive",e.open)}},directives:[g.o,Z.Ek,v.v,w.e,y.l,i.JJ,i.On],styles:[".tool-button[_ngcontent-%COMP%]{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.tool-button[_ngcontent-%COMP%]:hover{background:var(--tui-secondary-hover)}.embed-tool-content[_ngcontent-%COMP%]{display:flex;min-height:4rem;align-items:center;padding-right:.75rem}.t-label[_ngcontent-%COMP%]{height:var(--tui-height-l);box-sizing:border-box;padding:.4375rem 1rem;min-width:12.5rem;max-width:25rem;width:100%}.t-input[_ngcontent-%COMP%]{flex:1;color:var(--tui-text-02)}.t-input_filled[_ngcontent-%COMP%]{color:var(--tui-text-01)}"],changeDetection:0}),e})();var x=n(77825);class q{constructor(e,t){this.sanitizer=e,this.isE2E=t,this.builtInTools=[u._2.Undo],this.control=new i.NI(`\nHere is an online IDE:
\n \n \nHere is a media player:
\n \n \n `,i.kI.required)}safe(e){return this.sanitizer.bypassSecurityTrustHtml(null!=e?e:"")}}q.ɵfac=function(e){return new(e||q)(d.Y36(h.H7),d.Y36(s.oDT))},q.ɵcmp=d.Xpm({type:q,selectors:[["tui-editor-embed-iframe-example-1"]],features:[d._Bn([{provide:u.Wf,deps:[d.gxx],useFactory:e=>[Promise.resolve().then(n.bind(n,28730)).then((({StarterKit:e})=>e)),Promise.resolve().then(n.bind(n,33626)).then((({createIframeEditorExtension:t})=>t(e)))]}])],decls:13,vars:4,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["tuiItem",""],[1,"hint"],["src","tuiIconArrowLeft"],[3,"innerHTML"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-editor",0),d.ynx(1,1),d._UZ(2,"embed-tool",2),d.TgZ(3,"span",3),d._UZ(4,"tui-svg",4),d._uU(5," click it "),d.qZA(),d.BQk(),d.qZA(),d.TgZ(6,"h4"),d._uU(7,"HTML:"),d.qZA(),d._UZ(8,"div",5),d.TgZ(9,"h4"),d._uU(10,"Text:"),d.qZA(),d.TgZ(11,"p"),d._uU(12),d.qZA()),2&e&&(d.Q6J("formControl",t.control)("tools",t.builtInTools),d.xp6(8),d.Q6J("innerHTML",t.safe(t.control.value),d.oJD),d.xp6(4),d.Oqu(t.control.value))},directives:[b.a,i.JJ,i.oH,T,x.P],styles:[".hint[_ngcontent-%COMP%]{color:var(--tui-base-05);height:100%;display:flex;align-items:center}"],changeDetection:0}),(0,f.gn)([s.UMq],q.prototype,"safe",null);let M=(()=>{class e{constructor(){this.example1={HTML:n.e(3270).then(n.t.bind(n,43270,17)),TypeScript:n.e(3878).then(n.t.bind(n,63878,17)),LESS:n.e(2889).then(n.t.bind(n,92889,17)),"embed-tool/embed-tool.component.ts":n.e(6949).then(n.t.bind(n,76949,17)),"embed-tool/embed-tool.template.html":n.e(8275).then(n.t.bind(n,58275,17)),"embed-tool/embed-tool.styles.less":n.e(6530).then(n.t.bind(n,26530,17)),"embed-tool/embed-tool.module.ts":n.e(7703).then(n.t.bind(n,7703,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["editor-embed-iframe"]],features:[d._Bn([{provide:u.Wf,useValue:u.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","iframe","heading","Resizable iframe",3,"content"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.TgZ(1,"p"),d._uU(2," Rich Text Editor based on "),d.TgZ(3,"a",1),d._uU(4," TipTap Editor "),d.qZA(),d._uU(5," for using with Angular forms. For safety reasons use a "),d.TgZ(6,"a",2),d._uU(7," sanitizer "),d.qZA(),d._uU(8," with this component. "),d.qZA(),d.TgZ(9,"tui-doc-example",3),d._UZ(10,"tui-editor-embed-iframe-example-1"),d.qZA(),d.qZA()),2&e&&(d.xp6(9),d.Q6J("content",t.example1))},directives:[c.q,p.V,r.yS,m.f,q],encapsulation:2,changeDetection:0}),e})();var U=n(6667);let C=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[[o.ez,a.fNO,a.jhF,s.Ah6,a.dpK,U.z$l,i.u5]]}),e})(),E=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[[o.ez,s.Ah6,a.EIu,a.jzK,a.jhF,a.fNO,l.fV,i.u5,i.UX,u.T_,u.GK,C,r.Bz.forChild((0,l.Ve)(M))]]}),e})()}}]); \ No newline at end of file diff --git a/2520.c707f476af2349f20893.js b/2520.76a3b82edb39860d812d.js similarity index 98% rename from 2520.c707f476af2349f20893.js rename to 2520.76a3b82edb39860d812d.js index 01f22e366..e86533334 100644 --- a/2520.c707f476af2349f20893.js +++ b/2520.76a3b82edb39860d812d.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[2520],{92520:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiEditorEmbedHtml5Module:()=>g});var o=i(12057),n=i(24751),s=i(34016),r=i(47029),d=i(42600),a=i(43232),l=i(37195),u=i(74788),c=i(15997),p=i(73460),h=i(42328),m=i(97582),v=i(91211),f=i(88002),w=i(8820);class y{constructor(e,t){this.isE2E=e,this.sanitizer=t,this.builtInTools=[l._2.Undo,l._2.Link,l._2.Attach],this.control=new n.NI(`\nHere is video:
\n\n \n\nHere is audio:
\n \n\n \n `,n.kI.required)}safe(e){return this.sanitizer.bypassSecurityTrustHtml(null!=e?e:"")}attach([e]){var t,i,o,n,s;const r=`${null!==(i=null===(t=e.attrs)||void 0===t?void 0:t.type)&&void 0!==i?i:""}`.split("/")[0];null===(n=null===(o=this.wysiwyg)||void 0===o?void 0:o.editor)||void 0===n||n.getOriginTiptapEditor().commands.insertContent(`<${r} controls width="100%">