From 856f989c78cdb001343920f373607f3b2b8d6826 Mon Sep 17 00:00:00 2001 From: splincode Date: Fri, 29 Mar 2024 11:36:33 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20taiga-fa?= =?UTF-8?q?mily/tui-editor@f891b7dc9a280e86890227f9dc25d4661b5cfdb8=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...b4678ec.js => 1089.139452a2302bbb17dcb4.js | 2 +- ...67387e7.js => 1318.1938dd65e434fa9d2c30.js | 2 +- ...bfa8eb6.js => 1320.72835ae3b474baeaef5f.js | 2 +- ...0ade9b0.js => 1397.54377db422763dcd18b9.js | 0 1591.56054b07f87be2efccc5.js | 1 + ...3380631.js => 1752.8d9c89fe9f2ab85e8df2.js | 2 +- ...e905300.js => 1919.818f931fc092aa3e9765.js | 0 ...c0557a4.js => 1975.51af5701c952ec122d58.js | 2 +- ...1f83a6a.js => 2291.8b7f2594b167eb9e1765.js | 2 +- ...051ee9f.js => 2504.863bb7862ab03b5140b4.js | 2 +- ...c01438c.js => 2520.9550ebd021400b546eb8.js | 2 +- ...83ebdb17.js => 295.b6e6ef86690137ab8e5a.js | 0 ...e245b80.js => 3336.20be46b8db10370d0048.js | 0 ...2333572.js => 3725.b7ae239abbfa1321276c.js | 0 ...2294645.js => 3851.90fd4e6279761b18e468.js | 0 3rdpartylicenses.txt | 50 +++++++++++++++++++ 404.html | 2 +- ...d012479.js => 4203.75d558a90ef244c9d43d.js | 2 +- ...a4c00fe.js => 4661.626c8b6672e436fd2d6d.js | 0 ...ba2f1fb.js => 5034.b306a3a3c53e7634a2cd.js | 0 ...5cba3776.js => 517.b07c59eef4d62fbc762a.js | 2 +- ...2eef091.js => 5213.ad94d27017ecc332f302.js | 0 ...fe7dbd7.js => 5681.8e2922ae00b1c7cd5e9c.js | 0 6135.c279e1afc1d1f1d493c3.js | 1 + ...7318496.js => 6233.74a8dce492e36e07ca19.js | 2 +- ...d8646eb.js => 6240.50844352ec3f198d758f.js | 0 ...0c1a1a1.js => 6633.b369469a3dbe1b232b74.js | 0 ...58ad93e9.js => 668.b793ce32e8296ecd5b86.js | 2 +- ...36dc5dc.js => 7133.436ca30f0c53737b85c6.js | 0 ...3c3c2ae.js => 7147.643d7c99f1edbd73e5ff.js | 0 7195.32dd9231c1ecc45aa35c.js | 1 - 7195.ce732158a7e4bf0d7045.js | 1 + ...341add8.js => 7573.1200c6fea79f28551b4a.js | 2 +- ...a1ccada8.js => 760.74f4dada99cca76c3c07.js | 2 +- ...604464e.js => 7726.27f64a221b8438e202a2.js | 0 ...e7221d0.js => 7932.881d9027c116ad1bd88f.js | 2 +- ...5c80e87.js => 7991.5aa819a0d301c6c9391b.js | 0 ...2e21ee7.js => 8033.1976b95c787ccba6ea30.js | 2 +- ...028e9e9.js => 8490.5be92d147e3d29247439.js | 2 +- ...88d3279.js => 8669.fec7fe5a02cfdd396466.js | 2 +- ...276d522.js => 8840.94fe6333787f19b06fae.js | 0 ...046a87a.js => 8841.c4f82fa934d508e8a899.js | 2 +- ...d1e56b4.js => 8876.70fac93766f30762f7fe.js | 2 +- ...b2aae84.js => 8934.620a5a58d944a172f251.js | 0 ...01a5f60.js => 9345.f79df7435e2ea5d506e7.js | 0 ...dbf568f.js => 9478.778395b0112ae14d0809.js | 2 +- ...39ec9a65.js => 965.76d242e97ada980c4403.js | 2 +- ...fea62ad.js => 9762.b21a534c0708bd74697a.js | 2 +- 9946.b52d5a4117d2009cc614.js | 1 + 9970.86c5938742a351de16e0.js | 1 + index.html | 2 +- main.9ff7320503d3d49a082e.js | 1 + main.c4b0ecb83a94f4a57afb.js | 1 - runtime.70e18dfa4bcfc6dcc5ee.js | 1 - runtime.bddf3c73adb4cde4265d.js | 1 + 55 files changed, 82 insertions(+), 28 deletions(-) rename 1089.1b81507df0103b4678ec.js => 1089.139452a2302bbb17dcb4.js (96%) rename 1318.0d762f51e680d67387e7.js => 1318.1938dd65e434fa9d2c30.js (98%) rename 1320.48681f516f445bfa8eb6.js => 1320.72835ae3b474baeaef5f.js (97%) rename 1397.72e0609ac6cca0ade9b0.js => 1397.54377db422763dcd18b9.js (100%) create mode 100644 1591.56054b07f87be2efccc5.js rename 1752.fc1e0d8e5c5493380631.js => 1752.8d9c89fe9f2ab85e8df2.js (96%) rename 1919.260b254ed5f91e905300.js => 1919.818f931fc092aa3e9765.js (100%) rename 1975.09d90b14f7f5ac0557a4.js => 1975.51af5701c952ec122d58.js (97%) rename 2291.7e33ed6b7aaf21f83a6a.js => 2291.8b7f2594b167eb9e1765.js (98%) rename 2504.9721650892b0e051ee9f.js => 2504.863bb7862ab03b5140b4.js (99%) rename 2520.533b52d4f3103c01438c.js => 2520.9550ebd021400b546eb8.js (98%) rename 295.50782b763e4483ebdb17.js => 295.b6e6ef86690137ab8e5a.js (100%) rename 3336.c5553ce871f24e245b80.js => 3336.20be46b8db10370d0048.js (100%) rename 3725.059ab9340c9df2333572.js => 3725.b7ae239abbfa1321276c.js (100%) rename 3851.c3a64ee7ce8c32294645.js => 3851.90fd4e6279761b18e468.js (100%) rename 4203.9eeed947a17ddd012479.js => 4203.75d558a90ef244c9d43d.js (98%) rename 4661.f295b953e55fda4c00fe.js => 4661.626c8b6672e436fd2d6d.js (100%) rename 5034.96b00ba3932deba2f1fb.js => 5034.b306a3a3c53e7634a2cd.js (100%) rename 517.b9907202fe7e5cba3776.js => 517.b07c59eef4d62fbc762a.js (96%) rename 5213.0d57d21a153912eef091.js => 5213.ad94d27017ecc332f302.js (100%) rename 5681.1818bf6e533abfe7dbd7.js => 5681.8e2922ae00b1c7cd5e9c.js (100%) create mode 100644 6135.c279e1afc1d1f1d493c3.js rename 6233.26490dda9455f7318496.js => 6233.74a8dce492e36e07ca19.js (98%) rename 6240.8cf26e635c43bd8646eb.js => 6240.50844352ec3f198d758f.js (100%) rename 6633.abc6a91ed20a60c1a1a1.js => 6633.b369469a3dbe1b232b74.js (100%) rename 668.fdebdcab7b8358ad93e9.js => 668.b793ce32e8296ecd5b86.js (97%) rename 7133.b53bcc0adbfd736dc5dc.js => 7133.436ca30f0c53737b85c6.js (100%) rename 7147.94e777a5b9fd43c3c2ae.js => 7147.643d7c99f1edbd73e5ff.js (100%) delete mode 100644 7195.32dd9231c1ecc45aa35c.js create mode 100644 7195.ce732158a7e4bf0d7045.js rename 7573.19231203bdaf9341add8.js => 7573.1200c6fea79f28551b4a.js (98%) rename 760.beadf71dbbf2a1ccada8.js => 760.74f4dada99cca76c3c07.js (98%) rename 7726.5374fda1bb30c604464e.js => 7726.27f64a221b8438e202a2.js (100%) rename 7932.112470273bab6e7221d0.js => 7932.881d9027c116ad1bd88f.js (98%) rename 7991.d05f825e2d6fa5c80e87.js => 7991.5aa819a0d301c6c9391b.js (100%) rename 8033.bfbedcf594a2f2e21ee7.js => 8033.1976b95c787ccba6ea30.js (97%) rename 8490.5550fee999a74028e9e9.js => 8490.5be92d147e3d29247439.js (98%) rename 8669.42ff2d0cad95988d3279.js => 8669.fec7fe5a02cfdd396466.js (97%) rename 8840.9a7dc9a64ba5f276d522.js => 8840.94fe6333787f19b06fae.js (100%) rename 8841.bdd1d3e51bb23046a87a.js => 8841.c4f82fa934d508e8a899.js (98%) rename 8876.cf8e265aa0ad2d1e56b4.js => 8876.70fac93766f30762f7fe.js (98%) rename 8934.b04d34a0cd8c0b2aae84.js => 8934.620a5a58d944a172f251.js (100%) rename 9345.a04fb433ea94201a5f60.js => 9345.f79df7435e2ea5d506e7.js (100%) rename 9478.60d3b821ec17cdbf568f.js => 9478.778395b0112ae14d0809.js (99%) rename 965.fb11f253b76a39ec9a65.js => 965.76d242e97ada980c4403.js (98%) rename 9762.adaa9a78734b0fea62ad.js => 9762.b21a534c0708bd74697a.js (97%) create mode 100644 9946.b52d5a4117d2009cc614.js create mode 100644 9970.86c5938742a351de16e0.js create mode 100644 main.9ff7320503d3d49a082e.js delete mode 100644 main.c4b0ecb83a94f4a57afb.js delete mode 100644 runtime.70e18dfa4bcfc6dcc5ee.js create mode 100644 runtime.bddf3c73adb4cde4265d.js diff --git a/1089.1b81507df0103b4678ec.js b/1089.139452a2302bbb17dcb4.js similarity index 96% rename from 1089.1b81507df0103b4678ec.js rename to 1089.139452a2302bbb17dcb4.js index 01c1c1d86..868cd0277 100644 --- a/1089.1b81507df0103b4678ec.js +++ b/1089.139452a2302bbb17dcb4.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1089],{1089:(e,o,n)=>{n.r(o),n.d(o,{ExampleTuiEditorChangelogModule:()=>m});var t=n(12057),r=n(34016),i=n(47029),a=n(2546),l=n(95381),c=n(25917),g=n(43190),h=n(88002),s=n(74788),p=n(15997);let d=(()=>{class e{constructor(){this.changelog$=(0,c.of)(n.e(5833).then(n.t.bind(n,75833,17))).pipe((0,g.w)(i.JQ),(0,h.U)((e=>(new l.Z).render(e.replaceAll("All notable changes to this project will be documented in this file. See\n[Conventional Commits](https://conventionalcommits.org) for commit guidelines.","").replace(/# Change Log\n/g,"").trim()).replace(/h1|h2|h3|h4|h5|h6/g,"h2"))))}}return e.ɵfac=function(o){return new(o||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["changelog"]],decls:3,vars:3,consts:[["header","Changelog"],[1,"changelog",3,"innerHTML"]],template:function(e,o){1&e&&(s.TgZ(0,"tui-doc-page",0),s._UZ(1,"div",1),s.ALo(2,"async"),s.qZA()),2&e&&(s.xp6(1),s.Q6J("innerHTML",s.lcZ(2,1,o.changelog$),s.oJD))},directives:[p.q],pipes:[t.Ov],styles:['.changelog{max-width:58.25rem}.changelog>*:not(h2){margin-left:1.25rem}.changelog a{text-decoration:none;color:var(--tui-link)}.changelog a:hover,.changelog a:active{color:var(--tui-link-hover)}.changelog li{position:relative;padding-left:1.5rem;word-wrap:break-word;margin-top:.75rem}.changelog li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:100%;background-color:var(--tui-primary)}\n'],encapsulation:2,changeDetection:0}),e})(),m=(()=>{class e{}return e.ɵfac=function(o){return new(o||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[[t.ez,a.JP,i.fV,r.Bz.forChild((0,i.Ve)(d))]]}),e})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1089],{1089:(e,o,n)=>{n.r(o),n.d(o,{ExampleTuiEditorChangelogModule:()=>m});var t=n(12057),r=n(34016),i=n(47029),a=n(2546),l=n(91526),c=n(25917),g=n(43190),h=n(88002),s=n(74788),p=n(15997);let d=(()=>{class e{constructor(){this.changelog$=(0,c.of)(n.e(5833).then(n.t.bind(n,75833,17))).pipe((0,g.w)(i.JQ),(0,h.U)((e=>(new l.Z).render(e.replaceAll("All notable changes to this project will be documented in this file. See\n[Conventional Commits](https://conventionalcommits.org) for commit guidelines.","").replace(/# Change Log\n/g,"").trim()).replace(/h1|h2|h3|h4|h5|h6/g,"h2"))))}}return e.ɵfac=function(o){return new(o||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["changelog"]],decls:3,vars:3,consts:[["header","Changelog"],[1,"changelog",3,"innerHTML"]],template:function(e,o){1&e&&(s.TgZ(0,"tui-doc-page",0),s._UZ(1,"div",1),s.ALo(2,"async"),s.qZA()),2&e&&(s.xp6(1),s.Q6J("innerHTML",s.lcZ(2,1,o.changelog$),s.oJD))},directives:[p.q],pipes:[t.Ov],styles:['.changelog{max-width:58.25rem}.changelog>*:not(h2){margin-left:1.25rem}.changelog a{text-decoration:none;color:var(--tui-link)}.changelog a:hover,.changelog a:active{color:var(--tui-link-hover)}.changelog li{position:relative;padding-left:1.5rem;word-wrap:break-word;margin-top:.75rem}.changelog li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:100%;background-color:var(--tui-primary)}\n'],encapsulation:2,changeDetection:0}),e})(),m=(()=>{class e{}return e.ɵfac=function(o){return new(o||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[[t.ez,a.JP,i.fV,r.Bz.forChild((0,i.Ve)(d))]]}),e})()}}]); \ No newline at end of file diff --git a/1318.0d762f51e680d67387e7.js b/1318.1938dd65e434fa9d2c30.js similarity index 98% rename from 1318.0d762f51e680d67387e7.js rename to 1318.1938dd65e434fa9d2c30.js index 542a42420..c80834f40 100644 --- a/1318.0d762f51e680d67387e7.js +++ b/1318.1938dd65e434fa9d2c30.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,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",""]],template:function(t,e){1&t&&(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._uU(10," You can create your own tool: "),l.TgZ(11,"ul",4),l.TgZ(12,"li",5),l._uU(13," Create component with tool button, which can get access to "),l.TgZ(14,"a",6),l._uU(15," original TipTap editor API "),l.qZA(),l._uU(16," via "),l.TgZ(17,"code"),l._uU(18,"TuiTiptapEditorService"),l.qZA(),l._uU(19," from "),l.TgZ(20,"code"),l._uU(21,"@tinkoff/tui-editor"),l.qZA(),l._uU(22," . "),l.qZA(),l.TgZ(23,"li",5),l._uU(24," Pass the component as content projection (with "),l.TgZ(25,"code"),l._uU(26,'ngProjectAs="tools"'),l.qZA(),l._uU(27," ) to "),l._UZ(28,"code",7),l._uU(29," . "),l.qZA(),l.qZA(),l._UZ(30,"tui-editor-paste-emoji-tool-example-1"),l.qZA(),l.qZA()),2&t&&(l.xp6(9),l.Q6J("content",e.example1))},directives:[p.q,d.V,s.yS,m.f,h.v,y],encapsulation:2,changeDetection:0}),t})(),k=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=l.oAB({type:t}),t.ɵinj=l.cJS({imports:[[n.ez,a.fNO,a.jhF,c.Ah6,a.dpK]]}),t})(),x=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=l.oAB({type:t}),t.ɵinj=l.cJS({imports:[[n.ez,c.Ah6,a.EIu,a.jzK,a.jhF,a.fNO,r.fV,i.u5,i.UX,u.T_,k,u.GK,s.Bz.forChild((0,r.Ve)(U)),r.Zp]]}),t})()}}]); \ No newline at end of file +(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,25923)).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",""]],template:function(t,e){1&t&&(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._uU(10," You can create your own tool: "),l.TgZ(11,"ul",4),l.TgZ(12,"li",5),l._uU(13," Create component with tool button, which can get access to "),l.TgZ(14,"a",6),l._uU(15," original TipTap editor API "),l.qZA(),l._uU(16," via "),l.TgZ(17,"code"),l._uU(18,"TuiTiptapEditorService"),l.qZA(),l._uU(19," from "),l.TgZ(20,"code"),l._uU(21,"@tinkoff/tui-editor"),l.qZA(),l._uU(22," . "),l.qZA(),l.TgZ(23,"li",5),l._uU(24," Pass the component as content projection (with "),l.TgZ(25,"code"),l._uU(26,'ngProjectAs="tools"'),l.qZA(),l._uU(27," ) to "),l._UZ(28,"code",7),l._uU(29," . "),l.qZA(),l.qZA(),l._UZ(30,"tui-editor-paste-emoji-tool-example-1"),l.qZA(),l.qZA()),2&t&&(l.xp6(9),l.Q6J("content",e.example1))},directives:[p.q,d.V,s.yS,m.f,h.v,y],encapsulation:2,changeDetection:0}),t})(),k=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=l.oAB({type:t}),t.ɵinj=l.cJS({imports:[[n.ez,a.fNO,a.jhF,c.Ah6,a.dpK]]}),t})(),x=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=l.oAB({type:t}),t.ɵinj=l.cJS({imports:[[n.ez,c.Ah6,a.EIu,a.jzK,a.jhF,a.fNO,r.fV,i.u5,i.UX,u.T_,k,u.GK,s.Bz.forChild((0,r.Ve)(U)),r.Zp]]}),t})()}}]); \ No newline at end of file diff --git a/1320.48681f516f445bfa8eb6.js b/1320.72835ae3b474baeaef5f.js similarity index 97% rename from 1320.48681f516f445bfa8eb6.js rename to 1320.72835ae3b474baeaef5f.js index e6d7800fb..be1a2631c 100644 --- a/1320.48681f516f445bfa8eb6.js +++ b/1320.72835ae3b474baeaef5f.js @@ -1 +1 @@ -(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('\n

Editor now supports YouTube embeds!

\n
\n \n
\n

Try 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(64962);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('\n

Editor now supports YouTube embeds!

\n
\n \n
\n

Try 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,25923)).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(67934);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/1397.72e0609ac6cca0ade9b0.js b/1397.54377db422763dcd18b9.js similarity index 100% rename from 1397.72e0609ac6cca0ade9b0.js rename to 1397.54377db422763dcd18b9.js diff --git a/1591.56054b07f87be2efccc5.js b/1591.56054b07f87be2efccc5.js new file mode 100644 index 000000000..ea0d0f5c9 --- /dev/null +++ b/1591.56054b07f87be2efccc5.js @@ -0,0 +1 @@ +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1591],{91591:n=>{n.exports='\n Placeholder\n\n\n\n Markdown\n\n'}}]); \ No newline at end of file diff --git a/1752.fc1e0d8e5c5493380631.js b/1752.8d9c89fe9f2ab85e8df2.js similarity index 96% rename from 1752.fc1e0d8e5c5493380631.js rename to 1752.8d9c89fe9f2ab85e8df2.js index 64fa1857d..8f10a907c 100644 --- a/1752.fc1e0d8e5c5493380631.js +++ b/1752.8d9c89fe9f2ab85e8df2.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1752],{1752:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiEditorMentionModule:()=>b});var i=n(12057),o=n(24751),r=n(34016),s=n(47029),a=n(43232),l=n(64962),c=n(37195),u=n(74788),d=n(15997),p=n(42328),m=n(97582),g=n(42600),h=n(8820),f=n(22545),v=n(76690),w=n(91283),y=n(31650);function x(t,e){if(1&t){const t=u.EpF();u.TgZ(0,"button",4),u.NdJ("click",(function(){const e=u.CHM(t).$implicit;return u.oxw().setMention(e)})),u._uU(1),u._UZ(2,"tui-avatar",5),u.qZA()}if(2&t){const t=e.$implicit;u.xp6(1),u.hij(" ",t.name," "),u.xp6(1),u.Q6J("avatarUrl",t.avatar)("rounded",!0)("text",t.name)}}class T{constructor(){this.builtInTools=[c._2.Undo,c._2.Size,c._2.Link],this.control=new o.NI('\n

@a.inkin FYI

\n '),this.items=[{name:"Alexander Inkin",avatar:"https://taiga-ui.dev/assets/images/avatar.jpg",login:"a.inkin"},{name:"Roman Sedov",avatar:"",login:"r.sedov"}]}getFilteredItems(t,e){return(null==e?void 0:e.length)?t.filter((({name:t,login:n})=>n.toLocaleLowerCase().startsWith(e.toLocaleLowerCase())||t.toLocaleLowerCase().startsWith(e.toLocaleLowerCase()))):t}setMention(t){var e,n,i,o;const r=null===(n=null===(e=this.wysiwyg)||void 0===e?void 0:e.editor)||void 0===n?void 0:n.getOriginTiptapEditor();if(!r)return;const s=`@${t.login} `,a=r.state.selection.to,l=r.state.selection.from-(null!==(o=null===(i=this.wysiwyg)||void 0===i?void 0:i.mentionSuggestions.length)&&void 0!==o?o:0)-1;r.chain().focus().insertContentAt({from:l,to:a},s).run()}}T.ɵfac=function(t){return new(t||T)},T.ɵcmp=u.Xpm({type:T,selectors:[["tui-editor-mention-example-1"]],viewQuery:function(t,e){if(1&t&&u.Gf(c.aI,5),2&t){let t;u.iGM(t=u.CRH())&&(e.wysiwyg=t.first)}},features:[u._Bn([{provide:c.Wf,useValue:[Promise.resolve().then(n.bind(n,28730)).then((({StarterKit:t})=>t)),Promise.resolve().then(n.bind(n,48239)).then((({TuiLink:t})=>t)),Promise.resolve().then(n.bind(n,84402)).then((({default:t})=>t)),Promise.resolve().then(n.bind(n,52807)).then((({TuiMention:t})=>t))]}])],decls:11,vars:5,consts:[[3,"formControl","tools"],["ngProjectAs","mention",5,["mention"]],["tuiOption","",3,"click",4,"ngFor","ngForOf"],[3,"content"],["tuiOption","",3,"click"],["size","s",3,"avatarUrl","rounded","text"]],template:function(t,e){1&t&&(u.TgZ(0,"tui-editor",0),u.ynx(1,1),u.TgZ(2,"tui-data-list"),u.YNc(3,x,3,4,"button",2),u.qZA(),u.BQk(),u.qZA(),u.TgZ(4,"h4"),u._uU(5,"HTML:"),u.qZA(),u._UZ(6,"tui-editor-socket",3),u.TgZ(7,"h4"),u._uU(8,"Text:"),u.qZA(),u.TgZ(9,"p"),u._uU(10),u.qZA()),2&t&&(u.Q6J("formControl",e.control)("tools",e.builtInTools),u.xp6(3),u.Q6J("ngForOf",e.getFilteredItems(e.items,null==e.wysiwyg?null:e.wysiwyg.mentionSuggestions)),u.xp6(3),u.Q6J("content",e.control.value||""),u.xp6(4),u.Oqu(e.control.value))},directives:[h.a,o.JJ,o.oH,f.q,i.sg,v.D,w.v,y.J],styles:["[_nghost-%COMP%] span[data-type=mention]{border:1px solid var(--tui-base-08);border-radius:.4rem;padding:.1rem .3rem;cursor:default}"],changeDetection:0}),(0,m.gn)([g.UMq],T.prototype,"getFilteredItems",null);let Z=(()=>{class t{constructor(){this.example1={TypeScript:n.e(9801).then(n.t.bind(n,79801,17)),HTML:n.e(6568).then(n.t.bind(n,26568,17)),LESS:n.e(6205).then(n.t.bind(n,36205,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=u.Xpm({type:t,selectors:[["editor-mention"]],decls:3,vars:1,consts:[["header","Editor","type","components"],["id","mention","heading","Mention",3,"content"]],template:function(t,e){1&t&&(u.TgZ(0,"tui-doc-page",0),u.TgZ(1,"tui-doc-example",1),u._UZ(2,"tui-editor-mention-example-1"),u.qZA(),u.qZA()),2&t&&(u.xp6(1),u.Q6J("content",e.example1))},directives:[d.q,p.f,T],encapsulation:2,changeDetection:0}),t})(),b=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=u.oAB({type:t}),t.ɵinj=u.cJS({imports:[[i.ez,s.fV,o.UX,c.T_,c.GK,a.pcV,l.JmR,r.Bz.forChild((0,s.Ve)(Z))]]}),t})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[1752],{1752:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiEditorMentionModule:()=>b});var i=n(12057),o=n(24751),r=n(34016),s=n(47029),a=n(43232),l=n(67934),c=n(37195),u=n(74788),d=n(15997),p=n(42328),m=n(97582),g=n(42600),h=n(8820),f=n(22545),v=n(76690),w=n(91283),y=n(31650);function x(t,e){if(1&t){const t=u.EpF();u.TgZ(0,"button",4),u.NdJ("click",(function(){const e=u.CHM(t).$implicit;return u.oxw().setMention(e)})),u._uU(1),u._UZ(2,"tui-avatar",5),u.qZA()}if(2&t){const t=e.$implicit;u.xp6(1),u.hij(" ",t.name," "),u.xp6(1),u.Q6J("avatarUrl",t.avatar)("rounded",!0)("text",t.name)}}class T{constructor(){this.builtInTools=[c._2.Undo,c._2.Size,c._2.Link],this.control=new o.NI('\n

@a.inkin FYI

\n '),this.items=[{name:"Alexander Inkin",avatar:"https://taiga-ui.dev/assets/images/avatar.jpg",login:"a.inkin"},{name:"Roman Sedov",avatar:"",login:"r.sedov"}]}getFilteredItems(t,e){return(null==e?void 0:e.length)?t.filter((({name:t,login:n})=>n.toLocaleLowerCase().startsWith(e.toLocaleLowerCase())||t.toLocaleLowerCase().startsWith(e.toLocaleLowerCase()))):t}setMention(t){var e,n,i,o;const r=null===(n=null===(e=this.wysiwyg)||void 0===e?void 0:e.editor)||void 0===n?void 0:n.getOriginTiptapEditor();if(!r)return;const s=`@${t.login} `,a=r.state.selection.to,l=r.state.selection.from-(null!==(o=null===(i=this.wysiwyg)||void 0===i?void 0:i.mentionSuggestions.length)&&void 0!==o?o:0)-1;r.chain().focus().insertContentAt({from:l,to:a},s).run()}}T.ɵfac=function(t){return new(t||T)},T.ɵcmp=u.Xpm({type:T,selectors:[["tui-editor-mention-example-1"]],viewQuery:function(t,e){if(1&t&&u.Gf(c.aI,5),2&t){let t;u.iGM(t=u.CRH())&&(e.wysiwyg=t.first)}},features:[u._Bn([{provide:c.Wf,useValue:[Promise.resolve().then(n.bind(n,25923)).then((({StarterKit:t})=>t)),Promise.resolve().then(n.bind(n,48239)).then((({TuiLink:t})=>t)),Promise.resolve().then(n.bind(n,84402)).then((({default:t})=>t)),Promise.resolve().then(n.bind(n,52807)).then((({TuiMention:t})=>t))]}])],decls:11,vars:5,consts:[[3,"formControl","tools"],["ngProjectAs","mention",5,["mention"]],["tuiOption","",3,"click",4,"ngFor","ngForOf"],[3,"content"],["tuiOption","",3,"click"],["size","s",3,"avatarUrl","rounded","text"]],template:function(t,e){1&t&&(u.TgZ(0,"tui-editor",0),u.ynx(1,1),u.TgZ(2,"tui-data-list"),u.YNc(3,x,3,4,"button",2),u.qZA(),u.BQk(),u.qZA(),u.TgZ(4,"h4"),u._uU(5,"HTML:"),u.qZA(),u._UZ(6,"tui-editor-socket",3),u.TgZ(7,"h4"),u._uU(8,"Text:"),u.qZA(),u.TgZ(9,"p"),u._uU(10),u.qZA()),2&t&&(u.Q6J("formControl",e.control)("tools",e.builtInTools),u.xp6(3),u.Q6J("ngForOf",e.getFilteredItems(e.items,null==e.wysiwyg?null:e.wysiwyg.mentionSuggestions)),u.xp6(3),u.Q6J("content",e.control.value||""),u.xp6(4),u.Oqu(e.control.value))},directives:[h.a,o.JJ,o.oH,f.q,i.sg,v.D,w.v,y.J],styles:["[_nghost-%COMP%] span[data-type=mention]{border:1px solid var(--tui-base-08);border-radius:.4rem;padding:.1rem .3rem;cursor:default}"],changeDetection:0}),(0,m.gn)([g.UMq],T.prototype,"getFilteredItems",null);let Z=(()=>{class t{constructor(){this.example1={TypeScript:n.e(9801).then(n.t.bind(n,79801,17)),HTML:n.e(6568).then(n.t.bind(n,26568,17)),LESS:n.e(6205).then(n.t.bind(n,36205,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=u.Xpm({type:t,selectors:[["editor-mention"]],decls:3,vars:1,consts:[["header","Editor","type","components"],["id","mention","heading","Mention",3,"content"]],template:function(t,e){1&t&&(u.TgZ(0,"tui-doc-page",0),u.TgZ(1,"tui-doc-example",1),u._UZ(2,"tui-editor-mention-example-1"),u.qZA(),u.qZA()),2&t&&(u.xp6(1),u.Q6J("content",e.example1))},directives:[d.q,p.f,T],encapsulation:2,changeDetection:0}),t})(),b=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=u.oAB({type:t}),t.ɵinj=u.cJS({imports:[[i.ez,s.fV,o.UX,c.T_,c.GK,a.pcV,l.JmR,r.Bz.forChild((0,s.Ve)(Z))]]}),t})()}}]); \ No newline at end of file diff --git a/1919.260b254ed5f91e905300.js b/1919.818f931fc092aa3e9765.js similarity index 100% rename from 1919.260b254ed5f91e905300.js rename to 1919.818f931fc092aa3e9765.js diff --git a/1975.09d90b14f7f5ac0557a4.js b/1975.51af5701c952ec122d58.js similarity index 97% rename from 1975.09d90b14f7f5ac0557a4.js rename to 1975.51af5701c952ec122d58.js index be7e8472d..142eba9db 100644 --- a/1975.09d90b14f7f5ac0557a4.js +++ b/1975.51af5701c952ec122d58.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 \n

Try to drag right border of image!

\n

To 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 +(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!

\n

To 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,25923)).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.7e33ed6b7aaf21f83a6a.js b/2291.8b7f2594b167eb9e1765.js similarity index 98% rename from 2291.7e33ed6b7aaf21f83a6a.js rename to 2291.8b7f2594b167eb9e1765.js index 394a44241..86e669222 100644 --- a/2291.7e33ed6b7aaf21f83a6a.js +++ b/2291.8b7f2594b167eb9e1765.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 \n \n

Here is a media player:

\n \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(64962);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(`\n

Here is an online IDE:

\n \n \n \n

Here is a media player:

\n \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,25923)).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(67934);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/2504.9721650892b0e051ee9f.js b/2504.863bb7862ab03b5140b4.js similarity index 99% rename from 2504.9721650892b0e051ee9f.js rename to 2504.863bb7862ab03b5140b4.js index 7b904635d..8585b0f3c 100644 --- a/2504.9721650892b0e051ee9f.js +++ b/2504.863bb7862ab03b5140b4.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[2504],{42504:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiEditorInputColorPickerModule:()=>K});var n=o(12057),i=o(24751),c=o(34016),r=o(45642),l=o(47029),u=o(42600),a=o(43232),p=o(64962),s=o(37195),d=o(74788),g=o(15997),m=o(31037),f=o(42328),h=o(69057),Z=o(28986);let x=(()=>{class e{constructor(){this.color="#ffdd2d",this.palette=s.sw}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-1"]],decls:6,vars:6,consts:[[1,"b-form",3,"colors","ngModel","ngModelChange"],["tuiTextfieldSize","m",1,"b-form","tui-space_vertical-2",3,"colors","ngModel","ngModelChange"],["tuiTextfieldSize","s",1,"b-form",3,"colors","ngModel","ngModelChange"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-color",0),d.NdJ("ngModelChange",(function(e){return t.color=e})),d._uU(1," Background color\n"),d.qZA(),d.TgZ(2,"tui-input-color",1),d.NdJ("ngModelChange",(function(e){return t.color=e})),d._uU(3," Background color\n"),d.qZA(),d.TgZ(4,"tui-input-color",2),d.NdJ("ngModelChange",(function(e){return t.color=e})),d._uU(5," Background color\n"),d.qZA()),2&e&&(d.Q6J("colors",t.palette)("ngModel",t.color),d.xp6(2),d.Q6J("colors",t.palette)("ngModel",t.color),d.xp6(2),d.Q6J("colors",t.palette)("ngModel",t.color))},directives:[h.j,i.JJ,i.On,Z.s],encapsulation:2,changeDetection:0}),e})();var k=o(48236),b=o(73460),M=o(38642),T=o(55770),v=o(60644),w=o(77825),A=o(42);function C(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"input",2),d.NdJ("ngModelChange",(function(t){return d.CHM(e),d.oxw().value=t}))("click.stop",(function(){return 0}))("mousedown.stop",(function(){return 0})),d.qZA(),d._UZ(1,"tui-svg",3),d._UZ(2,"hr")}if(2&e){const e=d.oxw();d.Q6J("ngModel",e.value),d.xp6(2),d.Udp("background",e.value)}}let _=(()=>{class e{constructor(){this.mask={mask:["#",...new Array(6).fill(/[0-9a-f]/i)]},this.value="#ffdd2d"}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-4"]],decls:4,vars:3,consts:[[3,"maskito","tuiTextfieldIcon","ngModel","ngModelChange"],["color",""],["tabindex","-1","type","color",3,"ngModel","ngModelChange","click.stop","mousedown.stop"],["appearance","icon","src","tuiIconPaintLarge","tuiWrapper",""]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-input",0),d.NdJ("ngModelChange",(function(e){return t.value=e})),d._uU(1," Input color\n"),d.qZA(),d.YNc(2,C,3,3,"ng-template",null,1,d.W1O)),2&e){const e=d.MAs(3);d.Q6J("maskito",t.mask)("tuiTextfieldIcon",e)("ngModel",t.value)}},directives:[M.K,T.w,r.ro,v.A,i.JJ,i.On,i.Fj,w.P,A.o],styles:["input[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer}input[_ngcontent-%COMP%]:hover + tui-svg[_ngcontent-%COMP%]{opacity:.65}hr[_ngcontent-%COMP%]{position:absolute;width:1.4rem;height:.3rem;bottom:.1rem;border-radius:.125rem}"],changeDetection:0}),e})();var y=o(91211),q=o(98778),U=o(16331),J=o(18289),P=o(58333),N=o(55788);function H(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-color-selector",4),d.NdJ("colorChange",(function(t){return d.CHM(e),d.oxw().color=t})),d.qZA()}if(2&e){const e=t.$implicit,o=d.oxw();d.Q6J("tuiActiveZoneParent",e)("color",o.color)}}let Q=(()=>{class e{constructor(e){this.sanitizer=e,this.color="#ffdd2d"}get background(){return this.sanitizer.bypassSecurityTrustStyle(this.color)}}return e.ɵfac=function(t){return new(t||e)(d.Y36(y.H7))},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-2"]],decls:6,vars:6,consts:[["tuiDropdownAlign","left",3,"content","tuiDropdownMaxHeight"],["appearance","","automation-id","color-picker__button","tuiButton","","type","button"],[1,"invert"],["picker",""],[3,"tuiActiveZoneParent","color","colorChange"]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-hosted-dropdown",0),d.TgZ(1,"button",1),d.TgZ(2,"span",2),d._uU(3,"Color me Kubrick"),d.qZA(),d.qZA(),d.qZA(),d.YNc(4,H,1,2,"ng-template",null,3,d.W1O)),2&e){const e=d.MAs(5);d.Q6J("content",e)("tuiDropdownMaxHeight",999),d.xp6(1),d.Udp("background",t.background)("color",t.background)}},directives:[q.o,U.Ek,J.v,P.s,N.e],styles:[".invert[_ngcontent-%COMP%]{color:inherit;filter:invert(1)}"],changeDetection:0}),e})();var S=o(26215),O=o(1706);function D(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-palette",3),d.NdJ("selectedColor",(function(t){return d.CHM(e),d.oxw().updateColor(t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("colors",e.colors)}}let L=(()=>{class e{constructor(){this.colors=new Map([["blue","var(--tui-info-fill)"],["green","var(--tui-success-fill)"],["red","var(--tui-error-fill)"]]),this.color$=new S.X("var(--tui-success-fill)")}updateColor(e){this.color$.next(e)}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-3"]],decls:6,vars:6,consts:[["tuiDropdownAlign","left",3,"content","tuiDropdownMaxHeight"],["appearance","","automation-id","color-picker__button","tuiButton","","type","button"],["palette",""],[3,"colors","selectedColor"]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-hosted-dropdown",0),d.TgZ(1,"button",1),d.ALo(2,"async"),d._uU(3," Palette only "),d.qZA(),d.qZA(),d.YNc(4,D,1,1,"ng-template",null,2,d.W1O)),2&e){const e=d.MAs(5);d.Q6J("content",e)("tuiDropdownMaxHeight",999),d.xp6(1),d.Udp("background",d.lcZ(2,4,t.color$))}},directives:[q.o,U.Ek,J.v,O.R],pipes:[n.Ov],encapsulation:2,changeDetection:0}),e})();var E=o(40029),I=o(22540),z=o(26256),B=o(85602),Y=o(95509);function j(e,t){if(1&e&&(d.TgZ(0,"p"),d._uU(1," ColorPicker allows to pick a color and its transparency. InputColor and ColorSelector are made with ColorPicker "),d.qZA(),d.TgZ(2,"tui-doc-example",2),d._UZ(3,"tui-color-picker-example-1"),d.qZA(),d.TgZ(4,"tui-doc-example",3),d.TgZ(5,"tui-notification",4),d._uU(6," You can easily integrative native color picker into input using interactive icon content and "),d.TgZ(7,"a",5),d._uU(8," Maskito "),d.qZA(),d._uU(9," for masking "),d.qZA(),d._UZ(10,"tui-color-picker-example-4",6),d.qZA(),d.TgZ(11,"tui-doc-example",7),d._UZ(12,"tui-color-picker-example-2"),d.qZA(),d.TgZ(13,"tui-doc-example",8),d._UZ(14,"tui-color-picker-example-3"),d.qZA()),2&e){const e=d.oxw();d.xp6(2),d.Q6J("content",e.example1),d.xp6(2),d.Q6J("content",e.example4),d.xp6(7),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3)}}function F(e,t){1&e&&d._uU(0," RGBA color tuple ")}function X(e,t){1&e&&(d.TgZ(0,"tui-doc-demo"),d._UZ(1,"tui-color-picker"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,F,1,0,"ng-template",9),d.qZA())}function W(e,t){if(1&e&&(d.TgZ(0,"ol",10),d.TgZ(1,"li"),d.TgZ(2,"p"),d._uU(3," Import "),d.TgZ(4,"code"),d._uU(5,"TuiColorPickerModule"),d.qZA(),d._uU(6," into a module where you want to use our component "),d.qZA(),d._UZ(7,"tui-doc-code",11),d.qZA(),d.TgZ(8,"li"),d.TgZ(9,"p"),d._uU(10,"Add to the template:"),d.qZA(),d._UZ(11,"tui-doc-code",12),d.qZA(),d.qZA()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(4),d.Q6J("code",e.exampleHtml)}}let $=(()=>{class e{constructor(){this.exampleModule=o.e(2280).then(o.t.bind(o,72280,17)),this.exampleHtml=o.e(7305).then(o.t.bind(o,37305,17)),this.example1={TypeScript:o.e(1837).then(o.t.bind(o,1837,17)),HTML:o.e(8078).then(o.t.bind(o,8078,17))},this.example2={TypeScript:o.e(6921).then(o.t.bind(o,46921,17)),HTML:o.e(2948).then(o.t.bind(o,52948,17)),LESS:o.e(8645).then(o.t.bind(o,78645,17))},this.example3={TypeScript:o.e(8500).then(o.t.bind(o,68500,17)),HTML:o.e(9019).then(o.t.bind(o,69019,17))},this.example4={TypeScript:o.e(8606).then(o.t.bind(o,78606,17)),HTML:o.e(3625).then(o.t.bind(o,83625,17)),LESS:o.e(2206).then(o.t.bind(o,62206,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-color-picker"]],decls:4,vars:0,consts:[["header","ColorPicker","path","projects/tui-editor/color-selector/color-picker"],["pageTab",""],["id","input","heading","InputColor",3,"content"],["id","native","heading","Native InputColor",3,"content"],[1,"b-form","tui-space_bottom-3"],["href","https://github.com/taiga-family/maskito","rel","noopener noreferrer","target","_blank","tuiLink",""],[1,"b-form"],["id","dropdown","heading","ColorSelector in dropdown",3,"content"],["id","palette","heading","Palette in dropdown",3,"content"],["documentationPropertyMode","input-output","documentationPropertyName","color","documentationPropertyType","[number, number, number, number]"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,j,15,4,"ng-template",1),d.YNc(2,X,4,0,"ng-template",1),d.YNc(3,W,12,2,"ng-template"),d.qZA())},directives:[g.q,m.n,f.f,x,k.L,b.V,_,Q,L,E.F,I.$,z.z,B.B,Y.c],encapsulation:2,changeDetection:0}),e})(),K=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[[n.ez,i.u5,r.U5,s.H9,a.HiG,p.QfL,a.jzK,a.EIu,a.WUl,a.fNO,a.jhF,s.wl,u.Ah6,a.dpK,s.Sz,a.cnw,l.fV,s.VM,c.Bz.forChild((0,l.Ve)($))]]}),e})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[2504],{42504:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiEditorInputColorPickerModule:()=>K});var n=o(12057),i=o(24751),c=o(34016),r=o(45642),l=o(47029),u=o(42600),a=o(43232),p=o(67934),s=o(37195),d=o(74788),g=o(15997),m=o(31037),f=o(42328),h=o(69057),Z=o(28986);let x=(()=>{class e{constructor(){this.color="#ffdd2d",this.palette=s.sw}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-1"]],decls:6,vars:6,consts:[[1,"b-form",3,"colors","ngModel","ngModelChange"],["tuiTextfieldSize","m",1,"b-form","tui-space_vertical-2",3,"colors","ngModel","ngModelChange"],["tuiTextfieldSize","s",1,"b-form",3,"colors","ngModel","ngModelChange"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-color",0),d.NdJ("ngModelChange",(function(e){return t.color=e})),d._uU(1," Background color\n"),d.qZA(),d.TgZ(2,"tui-input-color",1),d.NdJ("ngModelChange",(function(e){return t.color=e})),d._uU(3," Background color\n"),d.qZA(),d.TgZ(4,"tui-input-color",2),d.NdJ("ngModelChange",(function(e){return t.color=e})),d._uU(5," Background color\n"),d.qZA()),2&e&&(d.Q6J("colors",t.palette)("ngModel",t.color),d.xp6(2),d.Q6J("colors",t.palette)("ngModel",t.color),d.xp6(2),d.Q6J("colors",t.palette)("ngModel",t.color))},directives:[h.j,i.JJ,i.On,Z.s],encapsulation:2,changeDetection:0}),e})();var k=o(48236),b=o(73460),M=o(38642),T=o(55770),v=o(60644),w=o(77825),A=o(42);function C(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"input",2),d.NdJ("ngModelChange",(function(t){return d.CHM(e),d.oxw().value=t}))("click.stop",(function(){return 0}))("mousedown.stop",(function(){return 0})),d.qZA(),d._UZ(1,"tui-svg",3),d._UZ(2,"hr")}if(2&e){const e=d.oxw();d.Q6J("ngModel",e.value),d.xp6(2),d.Udp("background",e.value)}}let _=(()=>{class e{constructor(){this.mask={mask:["#",...new Array(6).fill(/[0-9a-f]/i)]},this.value="#ffdd2d"}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-4"]],decls:4,vars:3,consts:[[3,"maskito","tuiTextfieldIcon","ngModel","ngModelChange"],["color",""],["tabindex","-1","type","color",3,"ngModel","ngModelChange","click.stop","mousedown.stop"],["appearance","icon","src","tuiIconPaintLarge","tuiWrapper",""]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-input",0),d.NdJ("ngModelChange",(function(e){return t.value=e})),d._uU(1," Input color\n"),d.qZA(),d.YNc(2,C,3,3,"ng-template",null,1,d.W1O)),2&e){const e=d.MAs(3);d.Q6J("maskito",t.mask)("tuiTextfieldIcon",e)("ngModel",t.value)}},directives:[M.K,T.w,r.ro,v.A,i.JJ,i.On,i.Fj,w.P,A.o],styles:["input[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer}input[_ngcontent-%COMP%]:hover + tui-svg[_ngcontent-%COMP%]{opacity:.65}hr[_ngcontent-%COMP%]{position:absolute;width:1.4rem;height:.3rem;bottom:.1rem;border-radius:.125rem}"],changeDetection:0}),e})();var y=o(91211),q=o(98778),U=o(16331),J=o(18289),P=o(58333),N=o(55788);function H(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-color-selector",4),d.NdJ("colorChange",(function(t){return d.CHM(e),d.oxw().color=t})),d.qZA()}if(2&e){const e=t.$implicit,o=d.oxw();d.Q6J("tuiActiveZoneParent",e)("color",o.color)}}let Q=(()=>{class e{constructor(e){this.sanitizer=e,this.color="#ffdd2d"}get background(){return this.sanitizer.bypassSecurityTrustStyle(this.color)}}return e.ɵfac=function(t){return new(t||e)(d.Y36(y.H7))},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-2"]],decls:6,vars:6,consts:[["tuiDropdownAlign","left",3,"content","tuiDropdownMaxHeight"],["appearance","","automation-id","color-picker__button","tuiButton","","type","button"],[1,"invert"],["picker",""],[3,"tuiActiveZoneParent","color","colorChange"]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-hosted-dropdown",0),d.TgZ(1,"button",1),d.TgZ(2,"span",2),d._uU(3,"Color me Kubrick"),d.qZA(),d.qZA(),d.qZA(),d.YNc(4,H,1,2,"ng-template",null,3,d.W1O)),2&e){const e=d.MAs(5);d.Q6J("content",e)("tuiDropdownMaxHeight",999),d.xp6(1),d.Udp("background",t.background)("color",t.background)}},directives:[q.o,U.Ek,J.v,P.s,N.e],styles:[".invert[_ngcontent-%COMP%]{color:inherit;filter:invert(1)}"],changeDetection:0}),e})();var S=o(26215),O=o(1706);function D(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-palette",3),d.NdJ("selectedColor",(function(t){return d.CHM(e),d.oxw().updateColor(t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("colors",e.colors)}}let L=(()=>{class e{constructor(){this.colors=new Map([["blue","var(--tui-info-fill)"],["green","var(--tui-success-fill)"],["red","var(--tui-error-fill)"]]),this.color$=new S.X("var(--tui-success-fill)")}updateColor(e){this.color$.next(e)}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-color-picker-example-3"]],decls:6,vars:6,consts:[["tuiDropdownAlign","left",3,"content","tuiDropdownMaxHeight"],["appearance","","automation-id","color-picker__button","tuiButton","","type","button"],["palette",""],[3,"colors","selectedColor"]],template:function(e,t){if(1&e&&(d.TgZ(0,"tui-hosted-dropdown",0),d.TgZ(1,"button",1),d.ALo(2,"async"),d._uU(3," Palette only "),d.qZA(),d.qZA(),d.YNc(4,D,1,1,"ng-template",null,2,d.W1O)),2&e){const e=d.MAs(5);d.Q6J("content",e)("tuiDropdownMaxHeight",999),d.xp6(1),d.Udp("background",d.lcZ(2,4,t.color$))}},directives:[q.o,U.Ek,J.v,O.R],pipes:[n.Ov],encapsulation:2,changeDetection:0}),e})();var E=o(40029),I=o(22540),z=o(26256),B=o(85602),Y=o(95509);function j(e,t){if(1&e&&(d.TgZ(0,"p"),d._uU(1," ColorPicker allows to pick a color and its transparency. InputColor and ColorSelector are made with ColorPicker "),d.qZA(),d.TgZ(2,"tui-doc-example",2),d._UZ(3,"tui-color-picker-example-1"),d.qZA(),d.TgZ(4,"tui-doc-example",3),d.TgZ(5,"tui-notification",4),d._uU(6," You can easily integrative native color picker into input using interactive icon content and "),d.TgZ(7,"a",5),d._uU(8," Maskito "),d.qZA(),d._uU(9," for masking "),d.qZA(),d._UZ(10,"tui-color-picker-example-4",6),d.qZA(),d.TgZ(11,"tui-doc-example",7),d._UZ(12,"tui-color-picker-example-2"),d.qZA(),d.TgZ(13,"tui-doc-example",8),d._UZ(14,"tui-color-picker-example-3"),d.qZA()),2&e){const e=d.oxw();d.xp6(2),d.Q6J("content",e.example1),d.xp6(2),d.Q6J("content",e.example4),d.xp6(7),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3)}}function F(e,t){1&e&&d._uU(0," RGBA color tuple ")}function X(e,t){1&e&&(d.TgZ(0,"tui-doc-demo"),d._UZ(1,"tui-color-picker"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,F,1,0,"ng-template",9),d.qZA())}function W(e,t){if(1&e&&(d.TgZ(0,"ol",10),d.TgZ(1,"li"),d.TgZ(2,"p"),d._uU(3," Import "),d.TgZ(4,"code"),d._uU(5,"TuiColorPickerModule"),d.qZA(),d._uU(6," into a module where you want to use our component "),d.qZA(),d._UZ(7,"tui-doc-code",11),d.qZA(),d.TgZ(8,"li"),d.TgZ(9,"p"),d._uU(10,"Add to the template:"),d.qZA(),d._UZ(11,"tui-doc-code",12),d.qZA(),d.qZA()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(4),d.Q6J("code",e.exampleHtml)}}let $=(()=>{class e{constructor(){this.exampleModule=o.e(2280).then(o.t.bind(o,72280,17)),this.exampleHtml=o.e(7305).then(o.t.bind(o,37305,17)),this.example1={TypeScript:o.e(1837).then(o.t.bind(o,1837,17)),HTML:o.e(8078).then(o.t.bind(o,8078,17))},this.example2={TypeScript:o.e(6921).then(o.t.bind(o,46921,17)),HTML:o.e(2948).then(o.t.bind(o,52948,17)),LESS:o.e(8645).then(o.t.bind(o,78645,17))},this.example3={TypeScript:o.e(8500).then(o.t.bind(o,68500,17)),HTML:o.e(9019).then(o.t.bind(o,69019,17))},this.example4={TypeScript:o.e(8606).then(o.t.bind(o,78606,17)),HTML:o.e(3625).then(o.t.bind(o,83625,17)),LESS:o.e(2206).then(o.t.bind(o,62206,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-color-picker"]],decls:4,vars:0,consts:[["header","ColorPicker","path","projects/tui-editor/color-selector/color-picker"],["pageTab",""],["id","input","heading","InputColor",3,"content"],["id","native","heading","Native InputColor",3,"content"],[1,"b-form","tui-space_bottom-3"],["href","https://github.com/taiga-family/maskito","rel","noopener noreferrer","target","_blank","tuiLink",""],[1,"b-form"],["id","dropdown","heading","ColorSelector in dropdown",3,"content"],["id","palette","heading","Palette in dropdown",3,"content"],["documentationPropertyMode","input-output","documentationPropertyName","color","documentationPropertyType","[number, number, number, number]"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,j,15,4,"ng-template",1),d.YNc(2,X,4,0,"ng-template",1),d.YNc(3,W,12,2,"ng-template"),d.qZA())},directives:[g.q,m.n,f.f,x,k.L,b.V,_,Q,L,E.F,I.$,z.z,B.B,Y.c],encapsulation:2,changeDetection:0}),e})(),K=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[[n.ez,i.u5,r.U5,s.H9,a.HiG,p.QfL,a.jzK,a.EIu,a.WUl,a.fNO,a.jhF,s.wl,u.Ah6,a.dpK,s.Sz,a.cnw,l.fV,s.VM,c.Bz.forChild((0,l.Ve)($))]]}),e})()}}]); \ No newline at end of file diff --git a/2520.533b52d4f3103c01438c.js b/2520.9550ebd021400b546eb8.js similarity index 98% rename from 2520.533b52d4f3103c01438c.js rename to 2520.9550ebd021400b546eb8.js index e86533334..1a755d945 100644 --- a/2520.533b52d4f3103c01438c.js +++ b/2520.9550ebd021400b546eb8.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(`\n

Here is video:

\n\n \n\n

Here 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%">

Download ${e.name}

`)}}y.ɵfac=function(e){return new(e||y)(u.Y36(d.oDT),u.Y36(v.H7))},y.ɵcmp=u.Xpm({type:y,selectors:[["tui-editor-embed-html5-example-1"]],viewQuery:function(e,t){if(1&e&&u.Gf(l.aI,5),2&e){let e;u.iGM(e=u.CRH())&&(t.wysiwyg=e.first)}},hostAttrs:[1,"html5-editor-example"],hostVars:2,hostBindings:function(e,t){2&e&&u.ekj("_e2e",t.isE2E)},features:[u._Bn([{provide:l.Wf,deps:[u.gxx],useFactory:e=>[Promise.resolve().then(i.bind(i,28730)).then((({StarterKit:e})=>e)),Promise.resolve().then(i.bind(i,84402)).then((({TextStyle:e})=>e)),Promise.resolve().then(i.bind(i,48239)).then((({TuiLink:e})=>e)),i.e(6633).then(i.bind(i,96633)).then((({TuiJumpAnchor:e})=>e)),Promise.resolve().then(i.bind(i,58101)).then((({TuiFileLink:e})=>e)),Promise.resolve().then(i.bind(i,39069)).then((({TuiVideo:e})=>e)),Promise.resolve().then(i.bind(i,39069)).then((({TuiAudio:e})=>e)),Promise.resolve().then(i.bind(i,39069)).then((({TuiSource:e})=>e))]},{provide:l.zc,deps:[],useFactory:()=>([e])=>{const t=new FileReader;return t.readAsDataURL(e),(0,d.mLY)(t,"load").pipe((0,f.U)((()=>[{name:e.name,link:String(t.result),attrs:{type:e.type}}])))}},{provide:l.dR,useValue:{accept:"video/mp4,video/x-m4v,video/*,audio/x-m4a,audio/*",multiple:!1}}])],decls:8,vars:4,consts:[[1,"editor",3,"formControl","tools","fileAttached"],[3,"innerHTML"]],template:function(e,t){1&e&&(u.TgZ(0,"tui-editor",0),u.NdJ("fileAttached",(function(e){return t.attach(e)})),u.qZA(),u.TgZ(1,"h4"),u._uU(2,"HTML:"),u.qZA(),u._UZ(3,"div",1),u.TgZ(4,"h4"),u._uU(5,"Text:"),u.qZA(),u.TgZ(6,"p"),u._uU(7),u.qZA()),2&e&&(u.Q6J("formControl",t.control)("tools",t.builtInTools),u.xp6(3),u.Q6J("innerHTML",t.safe(t.control.value),u.oJD),u.xp6(4),u.Oqu(t.control.value))},directives:[w.a,n.JJ,n.oH],styles:["._e2e[_nghost-%COMP%] video::-webkit-media-controls-current-time-display, ._e2e[_nghost-%COMP%] video::-webkit-media-controls-time-remaining-display, ._e2e[_nghost-%COMP%] audio::-webkit-media-controls-current-time-display, ._e2e[_nghost-%COMP%] audio::-webkit-media-controls-time-remaining-display{display:none}"],changeDetection:0}),(0,m.gn)([d.UMq],y.prototype,"safe",null);let T=(()=>{class e{constructor(){this.example1={HTML:i.e(9507).then(i.t.bind(i,79507,17)),TypeScript:i.e(9889).then(i.t.bind(i,9889,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["editor-embed-html5"]],features:[u._Bn([{provide:l.Wf,useValue:l.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","video-audio","heading","Video and audio / html5 native",3,"content"]],template:function(e,t){1&e&&(u.TgZ(0,"tui-doc-page",0),u.TgZ(1,"p"),u._uU(2," Rich Text Editor based on "),u.TgZ(3,"a",1),u._uU(4," TipTap Editor "),u.qZA(),u._uU(5," for using with Angular forms. For safety reasons use a "),u.TgZ(6,"a",2),u._uU(7," sanitizer "),u.qZA(),u._uU(8," with this component. "),u.qZA(),u.TgZ(9,"tui-doc-example",3),u._UZ(10,"tui-editor-embed-html5-example-1"),u.qZA(),u.qZA()),2&e&&(u.xp6(9),u.Q6J("content",t.example1))},directives:[c.q,p.V,s.yS,h.f,y],encapsulation:2,changeDetection:0}),e})(),g=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=u.oAB({type:e}),e.ɵinj=u.cJS({imports:[[o.ez,d.Ah6,a.EIu,a.jzK,a.jhF,a.fNO,r.fV,n.u5,n.UX,l.T_,l.GK,s.Bz.forChild((0,r.Ve)(T))]]}),e})()}}]); \ No newline at end of file +(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(`\n

Here is video:

\n\n \n\n

Here 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%">

Download ${e.name}

`)}}y.ɵfac=function(e){return new(e||y)(u.Y36(d.oDT),u.Y36(v.H7))},y.ɵcmp=u.Xpm({type:y,selectors:[["tui-editor-embed-html5-example-1"]],viewQuery:function(e,t){if(1&e&&u.Gf(l.aI,5),2&e){let e;u.iGM(e=u.CRH())&&(t.wysiwyg=e.first)}},hostAttrs:[1,"html5-editor-example"],hostVars:2,hostBindings:function(e,t){2&e&&u.ekj("_e2e",t.isE2E)},features:[u._Bn([{provide:l.Wf,deps:[u.gxx],useFactory:e=>[Promise.resolve().then(i.bind(i,25923)).then((({StarterKit:e})=>e)),Promise.resolve().then(i.bind(i,84402)).then((({TextStyle:e})=>e)),Promise.resolve().then(i.bind(i,48239)).then((({TuiLink:e})=>e)),i.e(6633).then(i.bind(i,96633)).then((({TuiJumpAnchor:e})=>e)),Promise.resolve().then(i.bind(i,58101)).then((({TuiFileLink:e})=>e)),Promise.resolve().then(i.bind(i,39069)).then((({TuiVideo:e})=>e)),Promise.resolve().then(i.bind(i,39069)).then((({TuiAudio:e})=>e)),Promise.resolve().then(i.bind(i,39069)).then((({TuiSource:e})=>e))]},{provide:l.zc,deps:[],useFactory:()=>([e])=>{const t=new FileReader;return t.readAsDataURL(e),(0,d.mLY)(t,"load").pipe((0,f.U)((()=>[{name:e.name,link:String(t.result),attrs:{type:e.type}}])))}},{provide:l.dR,useValue:{accept:"video/mp4,video/x-m4v,video/*,audio/x-m4a,audio/*",multiple:!1}}])],decls:8,vars:4,consts:[[1,"editor",3,"formControl","tools","fileAttached"],[3,"innerHTML"]],template:function(e,t){1&e&&(u.TgZ(0,"tui-editor",0),u.NdJ("fileAttached",(function(e){return t.attach(e)})),u.qZA(),u.TgZ(1,"h4"),u._uU(2,"HTML:"),u.qZA(),u._UZ(3,"div",1),u.TgZ(4,"h4"),u._uU(5,"Text:"),u.qZA(),u.TgZ(6,"p"),u._uU(7),u.qZA()),2&e&&(u.Q6J("formControl",t.control)("tools",t.builtInTools),u.xp6(3),u.Q6J("innerHTML",t.safe(t.control.value),u.oJD),u.xp6(4),u.Oqu(t.control.value))},directives:[w.a,n.JJ,n.oH],styles:["._e2e[_nghost-%COMP%] video::-webkit-media-controls-current-time-display, ._e2e[_nghost-%COMP%] video::-webkit-media-controls-time-remaining-display, ._e2e[_nghost-%COMP%] audio::-webkit-media-controls-current-time-display, ._e2e[_nghost-%COMP%] audio::-webkit-media-controls-time-remaining-display{display:none}"],changeDetection:0}),(0,m.gn)([d.UMq],y.prototype,"safe",null);let T=(()=>{class e{constructor(){this.example1={HTML:i.e(9507).then(i.t.bind(i,79507,17)),TypeScript:i.e(9889).then(i.t.bind(i,9889,17))}}}return e.ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["editor-embed-html5"]],features:[u._Bn([{provide:l.Wf,useValue:l.PD}])],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","video-audio","heading","Video and audio / html5 native",3,"content"]],template:function(e,t){1&e&&(u.TgZ(0,"tui-doc-page",0),u.TgZ(1,"p"),u._uU(2," Rich Text Editor based on "),u.TgZ(3,"a",1),u._uU(4," TipTap Editor "),u.qZA(),u._uU(5," for using with Angular forms. For safety reasons use a "),u.TgZ(6,"a",2),u._uU(7," sanitizer "),u.qZA(),u._uU(8," with this component. "),u.qZA(),u.TgZ(9,"tui-doc-example",3),u._UZ(10,"tui-editor-embed-html5-example-1"),u.qZA(),u.qZA()),2&e&&(u.xp6(9),u.Q6J("content",t.example1))},directives:[c.q,p.V,s.yS,h.f,y],encapsulation:2,changeDetection:0}),e})(),g=(()=>{class e{}return e.ɵfac=function(t){return new(t||e)},e.ɵmod=u.oAB({type:e}),e.ɵinj=u.cJS({imports:[[o.ez,d.Ah6,a.EIu,a.jzK,a.jhF,a.fNO,r.fV,n.u5,n.UX,l.T_,l.GK,s.Bz.forChild((0,r.Ve)(T))]]}),e})()}}]); \ No newline at end of file diff --git a/295.50782b763e4483ebdb17.js b/295.b6e6ef86690137ab8e5a.js similarity index 100% rename from 295.50782b763e4483ebdb17.js rename to 295.b6e6ef86690137ab8e5a.js diff --git a/3336.c5553ce871f24e245b80.js b/3336.20be46b8db10370d0048.js similarity index 100% rename from 3336.c5553ce871f24e245b80.js rename to 3336.20be46b8db10370d0048.js diff --git a/3725.059ab9340c9df2333572.js b/3725.b7ae239abbfa1321276c.js similarity index 100% rename from 3725.059ab9340c9df2333572.js rename to 3725.b7ae239abbfa1321276c.js diff --git a/3851.c3a64ee7ce8c32294645.js b/3851.90fd4e6279761b18e468.js similarity index 100% rename from 3851.c3a64ee7ce8c32294645.js rename to 3851.90fd4e6279761b18e468.js diff --git a/3rdpartylicenses.txt b/3rdpartylicenses.txt index 2a77b43f8..d8869136c 100644 --- a/3rdpartylicenses.txt +++ b/3rdpartylicenses.txt @@ -2523,6 +2523,9 @@ MIT @tiptap/pm MIT +@tiptap/starter-kit +MIT + core-js MIT Copyright (c) 2014-2020 Denis Pushkarev @@ -3471,6 +3474,29 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +prosemirror-markdown +MIT +Copyright (C) 2015-2017 by Marijn Haverbeke and others + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + + prosemirror-model MIT Copyright (C) 2015-2017 by Marijn Haverbeke and others @@ -3609,6 +3635,30 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +punycode +MIT +Copyright Mathias Bynens + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + + punycode.js MIT Copyright Mathias Bynens diff --git a/404.html b/404.html index cc15d5c1f..6d4c92662 100644 --- a/404.html +++ b/404.html @@ -17,6 +17,6 @@ - + \ No newline at end of file diff --git a/4203.9eeed947a17ddd012479.js b/4203.75d558a90ef244c9d43d.js similarity index 98% rename from 4203.9eeed947a17ddd012479.js rename to 4203.75d558a90ef244c9d43d.js index 0c306c748..9d4e24efb 100644 --- a/4203.9eeed947a17ddd012479.js +++ b/4203.75d558a90ef244c9d43d.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[4203],{64203:(e,n,t)=>{t.r(n),t.d(n,{ExampleTuiEditorCheckboxModule:()=>b});var a=t(12057),c=t(24751),i=t(34016),l=t(47029),o=t(37195),p=t(74788),s=t(15997),d=t(42328),r=t(8820),u=t(76690);let h=(()=>{class e{constructor(){this.builtInTools=[o._2.Undo,o._2.Size,o._2.List],this.control=new c.NI('\n

Which do you prefer?

\n
    \n \n \n
    \n

    Taiga UI

    \n
      \n \n \n

      v3.x

      \n \n \n \n

      v4.x

      \n \n
    \n
    \n \n \n \n

    Material

    \n \n \n \n

    Prime NG

    \n \n \n \n

    NG-Zorro

    \n \n \n \n

    Bootstrap

    \n \n
\n

\n ')}}return e.ɵfac=function(n){return new(n||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-editor-checkbox-example-1"]],features:[p._Bn([{provide:o.Wf,useValue:[Promise.resolve().then(t.bind(t,28730)).then((({StarterKit:e})=>e)),Promise.resolve().then(t.bind(t,84402)).then((({default:e})=>e))]}])],decls:8,vars:4,consts:[[3,"formControl","tools"],[3,"content"]],template:function(e,n){1&e&&(p._UZ(0,"tui-editor",0),p.TgZ(1,"h4"),p._uU(2,"HTML:"),p.qZA(),p._UZ(3,"tui-editor-socket",1),p.TgZ(4,"h4"),p._uU(5,"Text:"),p.qZA(),p.TgZ(6,"p"),p._uU(7),p.qZA()),2&e&&(p.Q6J("formControl",n.control)("tools",n.builtInTools),p.xp6(3),p.Q6J("content",n.control.value||""),p.xp6(4),p.Oqu(n.control.value))},directives:[r.a,c.JJ,c.oH,u.D],encapsulation:2,changeDetection:0}),e})(),k=(()=>{class e{constructor(){this.example1={TypeScript:t.e(5224).then(t.t.bind(t,85224,17)),HTML:t.e(6512).then(t.t.bind(t,66512,17))}}}return e.ɵfac=function(n){return new(n||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["editor-checkbox"]],decls:3,vars:1,consts:[["header","Editor","type","components"],["id","checkbox","heading","Checkbox",3,"content"]],template:function(e,n){1&e&&(p.TgZ(0,"tui-doc-page",0),p.TgZ(1,"tui-doc-example",1),p._UZ(2,"tui-editor-checkbox-example-1"),p.qZA(),p.qZA()),2&e&&(p.xp6(1),p.Q6J("content",n.example1))},directives:[s.q,d.f,h],encapsulation:2,changeDetection:0}),e})(),b=(()=>{class e{}return e.ɵfac=function(n){return new(n||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[[a.ez,l.fV,c.UX,o.T_,o.GK,i.Bz.forChild((0,l.Ve)(k))]]}),e})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[4203],{64203:(e,n,t)=>{t.r(n),t.d(n,{ExampleTuiEditorCheckboxModule:()=>b});var a=t(12057),c=t(24751),i=t(34016),l=t(47029),o=t(37195),p=t(74788),s=t(15997),d=t(42328),r=t(8820),u=t(76690);let h=(()=>{class e{constructor(){this.builtInTools=[o._2.Undo,o._2.Size,o._2.List],this.control=new c.NI('\n

Which do you prefer?

\n
    \n \n \n
    \n

    Taiga UI

    \n
      \n \n \n

      v3.x

      \n \n \n \n

      v4.x

      \n \n
    \n
    \n \n \n \n

    Material

    \n \n \n \n

    Prime NG

    \n \n \n \n

    NG-Zorro

    \n \n \n \n

    Bootstrap

    \n \n
\n

\n ')}}return e.ɵfac=function(n){return new(n||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-editor-checkbox-example-1"]],features:[p._Bn([{provide:o.Wf,useValue:[Promise.resolve().then(t.bind(t,25923)).then((({StarterKit:e})=>e)),Promise.resolve().then(t.bind(t,84402)).then((({default:e})=>e))]}])],decls:8,vars:4,consts:[[3,"formControl","tools"],[3,"content"]],template:function(e,n){1&e&&(p._UZ(0,"tui-editor",0),p.TgZ(1,"h4"),p._uU(2,"HTML:"),p.qZA(),p._UZ(3,"tui-editor-socket",1),p.TgZ(4,"h4"),p._uU(5,"Text:"),p.qZA(),p.TgZ(6,"p"),p._uU(7),p.qZA()),2&e&&(p.Q6J("formControl",n.control)("tools",n.builtInTools),p.xp6(3),p.Q6J("content",n.control.value||""),p.xp6(4),p.Oqu(n.control.value))},directives:[r.a,c.JJ,c.oH,u.D],encapsulation:2,changeDetection:0}),e})(),k=(()=>{class e{constructor(){this.example1={TypeScript:t.e(5224).then(t.t.bind(t,85224,17)),HTML:t.e(6512).then(t.t.bind(t,66512,17))}}}return e.ɵfac=function(n){return new(n||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["editor-checkbox"]],decls:3,vars:1,consts:[["header","Editor","type","components"],["id","checkbox","heading","Checkbox",3,"content"]],template:function(e,n){1&e&&(p.TgZ(0,"tui-doc-page",0),p.TgZ(1,"tui-doc-example",1),p._UZ(2,"tui-editor-checkbox-example-1"),p.qZA(),p.qZA()),2&e&&(p.xp6(1),p.Q6J("content",n.example1))},directives:[s.q,d.f,h],encapsulation:2,changeDetection:0}),e})(),b=(()=>{class e{}return e.ɵfac=function(n){return new(n||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[[a.ez,l.fV,c.UX,o.T_,o.GK,i.Bz.forChild((0,l.Ve)(k))]]}),e})()}}]); \ No newline at end of file diff --git a/4661.f295b953e55fda4c00fe.js b/4661.626c8b6672e436fd2d6d.js similarity index 100% rename from 4661.f295b953e55fda4c00fe.js rename to 4661.626c8b6672e436fd2d6d.js diff --git a/5034.96b00ba3932deba2f1fb.js b/5034.b306a3a3c53e7634a2cd.js similarity index 100% rename from 5034.96b00ba3932deba2f1fb.js rename to 5034.b306a3a3c53e7634a2cd.js diff --git a/517.b9907202fe7e5cba3776.js b/517.b07c59eef4d62fbc762a.js similarity index 96% rename from 517.b9907202fe7e5cba3776.js rename to 517.b07c59eef4d62fbc762a.js index a46f81c82..cadd05b02 100644 --- a/517.b9907202fe7e5cba3776.js +++ b/517.b07c59eef4d62fbc762a.js @@ -1 +1 @@ -(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[517],{80517:(t,e,i)=>{i.r(e),i.d(e,{ExampleTuiEditorMarkTextModule:()=>T});var o=i(12057),n=i(24751),r=i(34016),a=i(47029),l=i(43232),c=i(37195),s=i(74788),u=i(15997),d=i(73460),h=i(42328),g=i(8820),p=i(18289),m=i(76690);let f=(()=>{class t{constructor(){this.builtInTools=[c._2.Undo],this.control=new n.NI('\n

This isn’t highlighted.

\n

\n Grammar\n can be tricky,\n especially\n for the uninitiated\n

\n ')}toggleHighlight(){var t,e;null===(e=null===(t=this.wysiwyg)||void 0===t?void 0:t.editor)||void 0===e||e.getOriginTiptapEditor().commands.toggleHighlight({color:"#c8eefc"})}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=s.Xpm({type:t,selectors:[["tui-editor-mark-text-example-1"]],viewQuery:function(t,e){if(1&t&&s.Gf(c.aI,5),2&t){let t;s.iGM(t=s.CRH())&&(e.wysiwyg=t.first)}},features:[s._Bn([{provide:c.Wf,useValue:[Promise.resolve().then(i.bind(i,28730)).then((({StarterKit:t})=>t)),i.e(3336).then(i.bind(i,73336)).then((({default:t})=>t.configure({types:["heading","paragraph"]}))),Promise.resolve().then(i.bind(i,84402)).then((({default:t})=>t)),i.e(4661).then(i.bind(i,34661)).then((({Highlight:t})=>t.configure({multicolor:!0,HTMLAttributes:{class:"marked"}})))]}])],decls:10,vars:4,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["appearance","icon","icon","tuiIconDropletLarge","size","s","tuiIconButton","","tuiItem","","type","button",1,"t-tool","t-tool_margin",3,"click"],[3,"content"]],template:function(t,e){1&t&&(s.TgZ(0,"tui-editor",0),s.ynx(1,1),s.TgZ(2,"button",2),s.NdJ("click",(function(){return e.toggleHighlight()})),s.qZA(),s.BQk(),s.qZA(),s.TgZ(3,"h4"),s._uU(4,"HTML:"),s.qZA(),s._UZ(5,"tui-editor-socket",3),s.TgZ(6,"h4"),s._uU(7,"Text:"),s.qZA(),s.TgZ(8,"p"),s._uU(9),s.qZA()),2&t&&(s.Q6J("formControl",e.control)("tools",e.builtInTools),s.xp6(5),s.Q6J("content",e.control.value||""),s.xp6(4),s.Oqu(e.control.value))},directives:[g.a,n.JJ,n.oH,p.v,m.D],styles:[".marked{padding:.3125rem;border-radius:.3125rem;margin:0 .3125rem;box-shadow:0 0 0 2px #007bff40;line-height:2.6rem}"],changeDetection:0}),t})(),k=(()=>{class t{constructor(){this.example1={TypeScript:i.e(8929).then(i.t.bind(i,98929,17)),HTML:i.e(9746).then(i.t.bind(i,29746,17)),LESS:i.e(9869).then(i.t.bind(i,99869,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=s.Xpm({type:t,selectors:[["editor-mark-text"]],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","highlight","description","Use this extension to render highlighted text with . You can use only default HTML tag, which has a yellow background color by default, or apply different colors.","heading","Highlight",3,"content"]],template:function(t,e){1&t&&(s.TgZ(0,"tui-doc-page",0),s.TgZ(1,"p"),s._uU(2," Rich Text Editor based on "),s.TgZ(3,"a",1),s._uU(4," TipTap Editor "),s.qZA(),s._uU(5," for using with Angular forms. For safety reasons use a "),s.TgZ(6,"a",2),s._uU(7," sanitizer "),s.qZA(),s._uU(8," with this component. "),s.qZA(),s.TgZ(9,"tui-doc-example",3),s._UZ(10,"tui-editor-mark-text-example-1"),s.qZA(),s.qZA()),2&t&&(s.xp6(9),s.Q6J("content",e.example1))},directives:[u.q,d.V,r.yS,h.f,f],encapsulation:2,changeDetection:0}),t})(),T=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=s.oAB({type:t}),t.ɵinj=s.cJS({imports:[[o.ez,l.EIu,l.jzK,l.fNO,a.fV,n.u5,n.UX,c.T_,c.GK,r.Bz.forChild((0,a.Ve)(k))]]}),t})()}}]); \ No newline at end of file +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[517],{80517:(t,e,i)=>{i.r(e),i.d(e,{ExampleTuiEditorMarkTextModule:()=>T});var o=i(12057),n=i(24751),r=i(34016),a=i(47029),l=i(43232),c=i(37195),s=i(74788),u=i(15997),d=i(73460),h=i(42328),g=i(8820),p=i(18289),m=i(76690);let f=(()=>{class t{constructor(){this.builtInTools=[c._2.Undo],this.control=new n.NI('\n

This isn’t highlighted.

\n

\n Grammar\n can be tricky,\n especially\n for the uninitiated\n

\n ')}toggleHighlight(){var t,e;null===(e=null===(t=this.wysiwyg)||void 0===t?void 0:t.editor)||void 0===e||e.getOriginTiptapEditor().commands.toggleHighlight({color:"#c8eefc"})}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=s.Xpm({type:t,selectors:[["tui-editor-mark-text-example-1"]],viewQuery:function(t,e){if(1&t&&s.Gf(c.aI,5),2&t){let t;s.iGM(t=s.CRH())&&(e.wysiwyg=t.first)}},features:[s._Bn([{provide:c.Wf,useValue:[Promise.resolve().then(i.bind(i,25923)).then((({StarterKit:t})=>t)),i.e(3336).then(i.bind(i,73336)).then((({default:t})=>t.configure({types:["heading","paragraph"]}))),Promise.resolve().then(i.bind(i,84402)).then((({default:t})=>t)),i.e(4661).then(i.bind(i,34661)).then((({Highlight:t})=>t.configure({multicolor:!0,HTMLAttributes:{class:"marked"}})))]}])],decls:10,vars:4,consts:[[1,"editor",3,"formControl","tools"],["ngProjectAs","tools",5,["tools"]],["appearance","icon","icon","tuiIconDropletLarge","size","s","tuiIconButton","","tuiItem","","type","button",1,"t-tool","t-tool_margin",3,"click"],[3,"content"]],template:function(t,e){1&t&&(s.TgZ(0,"tui-editor",0),s.ynx(1,1),s.TgZ(2,"button",2),s.NdJ("click",(function(){return e.toggleHighlight()})),s.qZA(),s.BQk(),s.qZA(),s.TgZ(3,"h4"),s._uU(4,"HTML:"),s.qZA(),s._UZ(5,"tui-editor-socket",3),s.TgZ(6,"h4"),s._uU(7,"Text:"),s.qZA(),s.TgZ(8,"p"),s._uU(9),s.qZA()),2&t&&(s.Q6J("formControl",e.control)("tools",e.builtInTools),s.xp6(5),s.Q6J("content",e.control.value||""),s.xp6(4),s.Oqu(e.control.value))},directives:[g.a,n.JJ,n.oH,p.v,m.D],styles:[".marked{padding:.3125rem;border-radius:.3125rem;margin:0 .3125rem;box-shadow:0 0 0 2px #007bff40;line-height:2.6rem}"],changeDetection:0}),t})(),k=(()=>{class t{constructor(){this.example1={TypeScript:i.e(8929).then(i.t.bind(i,98929,17)),HTML:i.e(9746).then(i.t.bind(i,29746,17)),LESS:i.e(9869).then(i.t.bind(i,99869,17))}}}return t.ɵfac=function(e){return new(e||t)},t.ɵcmp=s.Xpm({type:t,selectors:[["editor-mark-text"]],decls:11,vars:1,consts:[["header","Editor","type","components"],["href","https://www.tiptap.dev/","tuiLink",""],["fragment","sanitizer","routerLink","/icons/bundled","tuiLink",""],["id","highlight","description","Use this extension to render highlighted text with . You can use only default HTML tag, which has a yellow background color by default, or apply different colors.","heading","Highlight",3,"content"]],template:function(t,e){1&t&&(s.TgZ(0,"tui-doc-page",0),s.TgZ(1,"p"),s._uU(2," Rich Text Editor based on "),s.TgZ(3,"a",1),s._uU(4," TipTap Editor "),s.qZA(),s._uU(5," for using with Angular forms. For safety reasons use a "),s.TgZ(6,"a",2),s._uU(7," sanitizer "),s.qZA(),s._uU(8," with this component. "),s.qZA(),s.TgZ(9,"tui-doc-example",3),s._UZ(10,"tui-editor-mark-text-example-1"),s.qZA(),s.qZA()),2&t&&(s.xp6(9),s.Q6J("content",e.example1))},directives:[u.q,d.V,r.yS,h.f,f],encapsulation:2,changeDetection:0}),t})(),T=(()=>{class t{}return t.ɵfac=function(e){return new(e||t)},t.ɵmod=s.oAB({type:t}),t.ɵinj=s.cJS({imports:[[o.ez,l.EIu,l.jzK,l.fNO,a.fV,n.u5,n.UX,c.T_,c.GK,r.Bz.forChild((0,a.Ve)(k))]]}),t})()}}]); \ No newline at end of file diff --git a/5213.0d57d21a153912eef091.js b/5213.ad94d27017ecc332f302.js similarity index 100% rename from 5213.0d57d21a153912eef091.js rename to 5213.ad94d27017ecc332f302.js diff --git a/5681.1818bf6e533abfe7dbd7.js b/5681.8e2922ae00b1c7cd5e9c.js similarity index 100% rename from 5681.1818bf6e533abfe7dbd7.js rename to 5681.8e2922ae00b1c7cd5e9c.js diff --git a/6135.c279e1afc1d1f1d493c3.js b/6135.c279e1afc1d1f1d493c3.js new file mode 100644 index 000000000..83e3fd8cc --- /dev/null +++ b/6135.c279e1afc1d1f1d493c3.js @@ -0,0 +1 @@ +(self.webpackChunktui_editor=self.webpackChunktui_editor||[]).push([[6135],{36135:n=>{n.exports="import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n OnInit,\n Self,\n ViewChild,\n} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n TUI_EDITOR_EXTENSIONS,\n TuiEditorComponent,\n TuiEditorTool,\n} from '@tinkoff/tui-editor';\nimport {Editor} from '@tiptap/core';\nimport {Subject} from 'rxjs';\nimport {debounceTime, takeUntil} from 'rxjs/operators';\n\nconst markdown = `# h1 Heading 😎\n\n## h2 Heading\n\n### h3 Heading\n\n#### h4 Heading\n\n##### h5 Heading\n\n###### h6 Heading\n\n----\n\n![image info](./assets/icons/logo.svg)\n`;\n\n@Component({\n selector: 'tui-editor-markdown-extension-example-1',\n templateUrl: './index.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_EDITOR_EXTENSIONS,\n useValue: [\n import('@tiptap/starter-kit').then(({StarterKit}) => StarterKit),\n import('@tiptap/extension-image').then(({Image}) =>\n Image.configure({inline: true}),\n ),\n import('@tinkoff/tui-editor/extensions/markdown').then(({TuiMarkdown}) =>\n TuiMarkdown.configure({\n html: true, // Allow HTML input/output\n tightLists: true, // No

inside

  • in markdown output\n tightListClass: 'tight', // Add class to