https://jesusmaria-santander.gov.co/chunk-SEH3PQZ2.js

1import{a as we}from"./chunk-M6IE3RSL.js";import{a as Ie}from"./chunk-ATCGR75L.js";import{e as Be}from"./chunk-KCPIJL6W.js";import"./chunk-64ZEVU2M.js";import"./chunk-TRSIHZNG.js";import"./chunk-UNSAKLS7.js";import"./chunk-JS6I5FQ5.js";import"./chunk-UTO46H5S.js";import{a as ve}from"./chunk-2ZZOJFT2.js";import"./chunk-JWSAKKVQ.js";import"./chunk-LT72JKOL.js";import{a as Se}from"./chunk-W7JUDBHG.js";import"./chunk-VBIRK3HD.js";import"./chunk-YFREARA7.js";import"./chunk-AGCAGPAP.js";import"./chunk-AHQSOXDD.js";import"./chunk-XBBEU2YL.js";import{a as xe}from"./chunk-I7CB4NGY.js";import"./chunk-JZMNR7QN.js";import{a as ke}from"./chunk-EOEOCEUL.js";import{a as Ce}from"./chunk-4SYJTDU2.js";import{a as ye}from"./chunk-LH7AKJBU.js";import{a as oe}from"./chunk-M7VQHQXJ.js";import{b as ee}from"./chunk-BAGWPQZV.js";import{A as he,B as be,D as ge,c as le,g as re,h as ae,j as de,l as se,m as me,p as ce,s as pe,t as ue,u as _e,x as fe}from"./chunk-TZ2MW36L.js";import{a as ne}from"./chunk-WZBVDNS6.js";import"./chunk-3KOQRKYT.js";import{t as ie}from"./chunk-MTKRVMUJ.js";import{c as te}from"./chunk-SHTGYNA2.js";import{I as $,j as G,k as Z,u as K}from"./chunk-4YERUHPX.js";import{Cc as Q,Db as S,Ib as h,Jb as p,Mb as D,Pa as W,Pb as U,Qa as z,Qb as P,Ra as Y,Rb as L,Sb as V,Tb as s,Ub as E,Vb as M,Wb as X,Xa as r,Ya as B,Yb as g,Zb as v,_b as x,ac as J,cc as y,da as N,dc as F,ec as O,fc as q,gc as R,ib as b,k as j,mb as c,na as _,oa as f,p as H,pb as w,qb as C,v as A,xb as i,yb as o,zb as u}from"./chunk-DQGQ5ICO.js";import"./chunk-4IDNTCH7.js";var Fe=["form"],Te=["formVideo"],Ae=l=>[l],We=(l,n)=>({"background-color":l,opacity:n}),T=l=>({opacity:l}),I=l=>({active:l}),ze=l=>({center:l}),Ee=(l,n)=>({bold:l,italic:n}),Me=(l,n,e)=>({"background-color":l,color:n,"font-family":e});function De(l,n){if(l&1){let e=S();i(0,"input",91),h("keyup",function(t){_(e);let m=p(3);return f(m.getEventVideo(t))}),o()}}function Ue(l,n){if(l&1&&(i(0,"div",92)(1,"span",32),s(2,"Debes ingresar una url de Youtube"),o(),i(3,"span",32),s(4,"Debes ingresar una url de Youtube v\xE1lida"),o()()),l&2){let e,d;p();let t=V(6);r(),c("hidden",!(!((e=t.form.get("embedurl"))==null||e.errors==null)&&e.errors.required)),r(2),c("hidden",!(!((d=t.form.get("embedurl"))==null||d.errors==null)&&d.errors.pattern))}}function Pe(l,n){if(l&1){let e=S();i(0,"div",81)(1,"div",82)(2,"div",83),h("click",function(){_(e);let t=p(2);return f(t.model.file.video=!t.model.file.video)}),u(3,"i",84),o(),i(4,"div",85)(5,"form",86,1),h("ngSubmit",function(){_(e);let t=p(2);return f(t.getPreviewYoutube())}),i(7,"div",87),s(8,"Sube un video "),o(),i(9,"div",88),s(10,"Copia y pega la URL del video de youtube que quieres adjuntar"),o(),b(11,De,1,0,"input",89)(12,Ue,5,2,"div",76),u(13,"br")(14,"br"),i(15,"button",90),s(16,"subir"),o()()()()()}if(l&2){let e,d=V(6),t=p(2);r(11),c("ngIf",t.model.file.video),r(),c("ngIf",!((e=d.form.get("embedurl"))!=null&&e.valid)&&d.submitted)}}function Le(l,n){l&1&&u(0,"div",93)}function Oe(l,n){if(l&1){let e=S();i(0,"div",94),q(1,"fullPathImage"),h("getcrop",function(t){_(e);let m=p(2);return f(m.getcrop(t))}),o()}if(l&2){let e=p(2);c("image",R(1,4,e.model.file.imageUrl))("imageid",e.model.file.fileID)("positionx",e.model.file.positionX)("positiony",e.model.file.positionY)}}function qe(l,n){if(l&1&&(i(0,"h2"),u(1,"span",97),o()),l&2){let e=p(3);C(F(5,Ee,e.model.titleBold,e.model.titleItalic)),r(),w(O(8,Me,e.model.titleBckColor,e.model.titleColor,e.model.titleFontFamily)),c("innerHTML",e.model.title,W)}}function Re(l,n){if(l&1&&(i(0,"h3"),u(1,"span",98),o()),l&2){let e=p(3);C(F(5,Ee,e.model.subtitleBold,e.model.subtitleItalic)),r(),w(O(8,Me,e.model.subtitleBckColor,e.model.subtitleColor,e.model.subtitleFontFamily)),c("innerHTML",e.model.subtitle,W)}}function je(l,n){if(l&1&&(i(0,"div",95),b(1,qe,2,12,"h2",96)(2,Re,2,12,"h3",96),o()),l&2){let e=p(2);C(y(4,ze,e.model.styleCenter)),r(),c("ngIf",e.model.title),r(),c("ngIf",e.model.subtitle)}}function He(l,n){if(l&1&&(i(0,"div",99),u(1,"iframe",100),o()),l&2){let e=p(2);r(),c("hidden",!e.model.file.embedUrl)("src",e.model.file.playVideo,Y)}}function Ne(l,n){if(l&1){let e=S();i(0,"input",101),h("callback",function(t){_(e);let m=p(2);return f(m.callback(t))})("start",function(){_(e);let t=p(2);return f(t.startUpload())})("error",function(){_(e);let t=p(2);return f(t.errorUpload())}),o()}if(l&2){let e=p(2);c("obj",e.model.file)("minwidth",e.sizeRestrictions.minWidth)("minheight",e.sizeRestrictions.minHeight)}}function Ye(l,n){l&1&&u(0,"span",102)}function Xe(l,n){if(l&1&&(u(0,"img",103),q(1,"fullPathImage")),l&2){let e=p(2);c("src",R(1,2,e.model.file.imageUrl),z)("alt",e.model.file.imageUrl)}}function Je(l,n){if(l&1){let e=S();i(0,"div",104),h("click",function(){_(e);let t=p(2);return f(t.deleteFiles("file"))}),o()}}function Qe(l,n){if(l&1&&u(0,"img",103),l&2){let e=p(2);c("src",e.model.file.urlVideo,z)("alt",e.model.file.urlVideo)}}function Ge(l,n){l&1&&u(0,"span",105)}function Ze(l,n){if(l&1){let e=S();i(0,"div",104),h("click",function(){_(e);let t=p(2);return f(t.deleteFiles("file"))}),o()}}function Ke(l,n){if(l&1){let e=S();i(0,"div",106),h("click",function(){_(e);let t=p(2);return f(t.model.file.video=!t.model.file.video)}),o()}}function $e(l,n){l&1&&u(0,"button",107)}function et(l,n){l&1&&u(0,"button",107)}function tt(l,n){if(l&1&&(i(0,"option",108),s(1),o()),l&2){let e=n.$implicit;c("value",e.value),r(),E(e.name)}}function it(l,n){l&1&&u(0,"button",107)}function nt(l,n){l&1&&u(0,"button",107)}function ot(l,n){if(l&1&&(i(0,"option",108),s(1),o()),l&2){let e=n.$implicit;c("value",e.value),r(),E(e.name)}}function lt(l,n){if(l&1&&(i(0,"div",92)(1,"span",32),s(2,"El tama\xF1o m\xE1ximo de caracteres para el texto de accesibilidad es de 120 caracteres"),o(),i(3,"span",32),s(4,"Url inv\xE1lida"),o()()),l&2){let e,d;p();let t=V(5);r(),c("hidden",!(!((e=t.form.get("link"))==null||e.errors==null)&&e.errors.maxlength)),r(2),c("hidden",!(!((d=t.form.get("link"))==null||d.errors==null)&&d.errors.pattern))}}function rt(l,n){if(l&1){let e=S();i(0,"div",4)(1,"div",5),u(2,"br"),b(3,Pe,17,2,"div",6),o(),i(4,"form",7,0),h("ngSubmit",function(){_(e);let t=p();return f(t.sendSecondary())}),i(6,"div",5),u(7,"div",8),i(8,"div",9),s(9,"Configuraci\xF3n del banner"),o(),u(10,"br"),o(),i(11,"div",10),b(12,

1Le,1,0,"div",11)(13,Oe,2,6,"div",12),u(14,"div",13),b(15,je,3,6,"div",14)(16,He,2,2,"div",15),o(),u(17,"br")(18,"br"),i(19,"div",5)(20,"div",9),s(21,"Tipo de contenido"),o(),i(22,"div",16),s(23,"Puedes elegir un video o una imagen para que se muestre en el banner"),o(),i(24,"div",17)(25,"div",18)(26,"div",19)(27,"select",20),x("ngModelChange",function(t){_(e);let m=p();return v(m.media,t)||(m.media=t),f(t)}),i(28,"option",21),s(29,"Foto de fondo"),o(),i(30,"option",22),s(31,"Video de fondo"),o()(),i(32,"div",23)(33,"div",24),b(34,Ne,1,3,"input",25)(35,Ye,1,0,"span",26)(36,Xe,2,4,"img",27)(37,Je,1,0,"div",28),o()(),i(38,"div",23)(39,"div",24),b(40,Qe,1,2,"img",27)(41,Ge,1,0,"span",29)(42,Ze,1,0,"div",28)(43,Ke,1,0,"div",30),o(),i(44,"span",31)(45,"b"),s(46),o()()()(),i(47,"div",19)(48,"div",32)(49,"div",33)(50,"span",31),s(51,"Copia y pega una URL video de youtube"),o()()(),i(52,"div",32)(53,"div",33)(54,"span",31),s(55),u(56,"br"),s(57,"Peso m\xE1ximo permitido 2 Mb"),u(58,"br"),s(59,"Formatos recomendados gif, png, jpg, jpeg, bmp"),o()()()(),i(60,"div",34),s(61,"Debes ingresar una imagen o un video"),o()(),i(62,"div",18)(63,"div",9),s(64,"Filtro"),o(),i(65,"div",16),s(66,"Define el color y el nivel de transparencia que tendr\xEDa la capa que se encuentra para permitir una mejor lectura"),o(),i(67,"div",35)(68,"span",16),s(69,"Color"),o(),i(70,"div",36),u(71,"input",37),i(72,"input",38),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.bckColor,t)||(m.model.bckColor=t),f(t)}),o()(),i(73,"span",16),s(74,"Opacidad"),o(),i(75,"input",39),x("ngModelChange",function(t){_(e);let m=p();return v(m.opacity,t)||(m.opacity=t),f(t)}),h("change",function(t){_(e);let m=p();return f(m.changeOpacity(t))}),o()()()(),u(76,"div")(77,"div",40),i(78,"span",9),s(79,"T\xEDtulo"),o(),u(80,"br"),i(81,"span",16),s(82,"Define el texto, colores y tipograf\xEDa del t\xEDtulo del banner "),o(),i(83,"div",41)(84,"div",42)(85,"span",16),s(86,"Color de letra"),o(),i(87,"div",36),b(88,$e,1,0,"button",43),u(89,"input",44),i(90,"input",45),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.titleColor,t)||(m.model.titleColor=t),f(t)}),o()(),i(91,"span",16),s(92,"Color de fondo"),o(),i(93,"div",46),u(94,"input",47),b(95,et,1,0,"button",43),i(96,"input",48),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.titleBckColor,t)||(m.model.titleBckColor=t),f(t)}),o(),i(97,"button",49),h("click",function(){_(e);let t=p();return f(t.model.titleBckColor="transparent")}),u(98,"span",50),o()(),i(99,"span",16),s(100,"Tipogr\xE1fia"),o(),i(101,"select",51),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.titleFontFamily,t)||(m.model.titleFontFamily=t),f(t)}),i(102,"option",52),s(103,"Montserrat"),o(),b(104,tt,2,2,"option",53),o(),i(105,"button",54),h("click",function(){_(e);let t=p();return f(t.model.titleBold=!t.model.titleBold)}),u(106,"span",55),o(),i(107,"button",56),h("click",function(){_(e);let t=p();return f(t.model.titleItalic=!t.model.titleItalic)}),u(108,"span",57),o(),i(109,"span",58),s(110),o()(),i(111,"input",59),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.title,t)||(m.model.title=t),f(t)}),o()(),i(112,"span",9),s(113,"Subt\xEDtulo"),o(),u(114,"br"),i(115,"span",16),s(116,"Define el texto, colores y tipograf\xEDa del subt\xEDtulo del banner "),o(),i(117,"div",41)(118,"div",42)(119,"span",16),s(120,"Color de letra"),o(),i(121,"div",36),b(122,it,1,0,"button",43),u(123,"input",44),i(124,"input",60),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.subtitleColor,t)||(m.model.subtitleColor=t),f(t)}),o()(),i(125,"span",16),s(126,"Color de fondo"),o(),i(127,"div",46),u(128,"input",61),b(129,nt,1,0,"button",62),i(130,"input",63),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.subtitleBckColor,t)||(m.model.subtitleBckColor=t),f(t)}),o(),i(131,"button",49),h("click",function(){_(e);let t=p();return f(t.model.subtitleBckColor="transparent")}),u(132,"span",50),o()(),i(133,"span",16),s(134,"Tipogr\xE1fia"),o(),i(135,"select",64),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.subtitleFontFamily,t)||(m.model.subtitleFontFamily=t),f(t)}),i(136,"option",52),s(137,"Montserrat"),o(),b(138,ot,2,2,"option",53),o(),i(139,"button",54),h("click",function(){_(e);let t=p();return f(t.model.subtitleBold=!t.model.subtitleBold)}),u(140,"span",55),o(),i(141,"button",56),h("click",function(){_(e);let t=p();

1return f(t.model.subtitleItalic=!t.model.subtitleItalic)}),u(142,"span",57),o(),i(143,"span",58),s(144),o()(),i(145,"input",65),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.subtitle,t)||(m.model.subtitle=t),f(t)}),o()(),i(146,"div",41)(147,"span",9),s(148,"Justificaci\xF3n"),o(),u(149,"br"),i(150,"span",16),s(151,"Define la alineaci\xF3n del t\xEDtulo y el subt\xEDtulo "),o(),u(152,"br"),i(153,"button",66),h("click",function(){_(e);let t=p();return f(t.model.styleCenter=!1)}),u(154,"i",67),o(),i(155,"button",68),h("click",function(){_(e);let t=p();return f(t.model.styleCenter=!0)}),u(156,"i",69),o()(),i(157,"div",41)(158,"span",9),s(159,"Tama\xF1o de texto"),o(),u(160,"br"),i(161,"span",16),s(162,"Define la el tama\xF1o del t\xEDtulo y el subt\xEDtulo "),o(),u(163,"br"),i(164,"select",70),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.sizeFont,t)||(m.model.sizeFont=t),f(t)}),i(165,"option",71),s(166,"Peque\xF1o"),o(),i(167,"option",72),s(168,"Mediano"),o(),i(169,"option",73),s(170,"Grande"),o()()(),u(171,"div",40),i(172,"div",41)(173,"span",9),s(174,"Texto descriptivo para accesibilidad *"),o(),u(175,"br"),i(176,"span",16),s(177),o(),i(178,"textarea",74),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.description,t)||(m.model.description=t),f(t)}),o(),i(179,"div",34)(180,"span",32),s(181,"Debe agregar un texto de accesibilidad"),o(),i(182,"span",32),s(183,"El tama\xF1o m\xE1ximo de caracteres para el texto de accesibilidad es de 250 caracteres"),o()()(),i(184,"div",41)(185,"span",9),s(186,"Agregar enlace"),o(),u(187,"br"),i(188,"span",16),s(189,"Es necesario agregar el http:// o https://"),o(),i(190,"input",75),x("ngModelChange",function(t){_(e);let m=p();return v(m.model.link,t)||(m.model.link=t),f(t)}),o(),b(191,lt,5,2,"div",76),o(),u(192,"br"),i(193,"div",77)(194,"button",78),s(195,"Guardar"),o(),i(196,"button",79),h("click",function(){_(e);let t=p();return f(t.back())}),s(197,"Cancelar"),o()(),i(198,"button",80),h("click",function(){_(e);let t=p();return f(t.deleteBanner())}),s(199,"Eliminar"),o(),u(200,"br")(201,"br"),o()()()}if(l&2){let e,d,t,m,k=V(5),a=p();r(3),c("ngIf",a.model.file.video),r(8),C(y(79,Ae,a.classAspect)),r(),c("ngIf",a.model.file.fileID),r(),c("ngIf",a.model.file.fileID),r(),w(F(81,We,a.model.bckColor,a.model.bckOpacity)),r(),c("ngIf",!a.movePrincipal),r(),c("ngIf",a.model.file==null?null:a.model.file.urlVideo),r(11),g("ngModel",a.media),r(5),c("hidden",a.media!=="picture"),r(2),c("ngIf",!a.model.file.imageUrl),r(),c("ngIf",!a.model.file.imageUrl),r(),c("ngIf",a.model.file.imageUrl),r(),c("ngIf",a.model.file.imageUrl),r(),c("hidden",a.media!=="video"),r(2),c("ngIf",a.model.file.urlVideo),r(),c("ngIf",!a.model.file.urlVideo),r(),c("ngIf",a.model.file.urlVideo),r(),c("ngIf",!a.model.file.urlVideo),r(3),E(a.model.file.embedUrl),r(2),c("hidden",a.media!=="video"),r(4),c("hidden",a.media!=="picture"),r(3),X("Tama\xF1o recomendado ",a.sizeRestrictions.minWidth,"px x ",a.sizeRestrictions.minHeight,"px "),r(5),c("hidden",!k.submitted&&(a.model.file.urlVideo!==void 0||a.model.file.imageUrl!==void 0)),r(11),c("ngModel",a.model.bckColor),r(),g("ngModel",a.model.bckColor),r(3),g("ngModel",a.opacity),r(13),c("ngIf",a.model.titleColor==="transparent"),r(),c("value",a.model.titleColor!=="transparent"?a.model.titleColor:""),r(),w(y(84,T,a.model.titleColor==="transparent"?0:1)),g("ngModel",a.model.titleColor),r(4),c("value",a.model.titleBckColor!=="transparent"?a.model.titleBckColor:""),r(),c("ngIf",a.model.titleBckColor==="transparent"),r(),w(y(86,T,a.model.titleBckColor==="transparent"?0:1)),g("ngModel",a.model.titleBckColor),r(5),g("ngModel",a.model.titleFontFamily),r(3),c("ngForOf",a.fonts),r(),C(y(88,I,a.model.titleBold)),r(2),C(y(90,I,a.model.titleItalic)),r(3),M("",70-a.model.title.length," caracteres"),r(),g("ngModel",a.model.title),r(11),c("ngIf",a.model.subtitleColor==="transparent"),r(),D("value",a.model.subtitleColor!=="transparent"?a.model.subtitleColor:""),r(),w(y(92,T,a.model.subtitleColor==="transparent"?0:1)),g("ngModel",a.model.subtitleColor),r(4),D("value",a.model.subtitleBckColor!=="transparent"?a.model.subtitleBckColor:""),r(),c("ngIf",a.model.subtitleBckColor==="transparent"),r(),w(y(94,T,a.model.subtitleBckColor==="transparent"?0:1)),g("ngModel",a.model.subtitleBckColor),r(5),g("ngModel",a.model.subtitleFontFamily),r(3),c("ngForOf",a.fonts),r(),C(y(96,I,a.model.subtitleBold)),r(2),C(y(98,I,a.model.subtitleItal

1ic)),r(3),M("",140-a.model.subtitle.length," caracteres"),r(),g("ngModel",a.model.subtitle),r(8),C(y(100,I,!a.model.styleCenter)),r(2),C(y(102,I,a.model.styleCenter)),r(9),g("ngModel",a.model.sizeFont),r(13),M("Este es el texto que describe el banner para accesibilidad, ",250-a.model.description.length," caracteres"),r(),g("ngModel",a.model.description),r(),c("hidden",!((e=k.form.get("description"))!=null&&e.invalid&&k.submitted)),r(),c("hidden",!(!((d=k.form.get("description"))==null||d.errors==null)&&d.errors.required)),r(2),c("hidden",!(!((t=k.form.get("description"))==null||t.errors==null)&&t.errors.maxlength)),r(8),g("ngModel",a.model.link),r(),c("ngIf",((m=k.form.get("link"))==null?null:m.invalid)&&k.submitted),r(3),c("disabled",a.formIsBusy||a.movePrincipal||a.moveMobile),r(4),c("disabled",!a.bannerId)}}var Ve=class l{constructor(n,e,d,t,m,k,a,at,dt,st){this.helperService=n;this.bannerService=e;this.fileService=d;this.blocksService=t;this.modalService=m;this.settingService=k;this.activatedRoute=a;this.portalMainService=at;this.sharedSignalsService=dt;this.sanitizer=st;Q(()=>{this.gov=this.sharedSignalsService.gov(),this.topBar=this.sharedSignalsService.topBar(),this.linkAccess=this.sharedSignalsService.linkAccess(),this.logoTopBar=this.sharedSignalsService.logoTopBar(),this.headerTitle=this.sharedSignalsService.headerTitle()})}model={file:{},mobile:{},title:"",subtitle:"",bckColor:"#000",bckOpacity:.6,titleBckColor:"transparent",titleColor:"#FFFFFF",subtitleBckColor:"transparent",subtitleColor:"#FFFFFF",sizeFont:"font-middle",description:""};bckColor;blockId;bannerId;displayOrder;banner={};bannerFilter={};bannerSize={};maxWidth;maxHeight;formhome={};opacity=60;media;sizeRestrictions={};classAspect=null;cropBanner={};cropMobile={};fonts=[];block={};movePrincipal=!1;moveMobile=!1;loadInfo=!1;isLoadFile=!1;eventVideo;logoTopBar;headerTitle;linkAccess;topBar;gov;formIsBusy=!1;addValid=!0;errorTitle=!1;errorSubTitle=!1;form;formVideo;ngOnInit(){this.blockId=this.activatedRoute.snapshot.params.id,this.bannerId=this.activatedRoute.snapshot.params.bannerId,this.displayOrder=this.activatedRoute.snapshot.queryParams.count??0,this.maxHeight=this.settingService.settings.general.bannerIconHeight,this.maxWidth=this.settingService.settings.general.bannerIconWidth,this.activate()}editingTitle=!1;editingSubtitle=!1;activate(){A([this.blocksService.getThemes("FontFamily"),this.blocksService.get(this.blockId)]).subscribe({next:n=>{switch(this.fonts=n[0].filter(e=>e.enabled),this.block=n[1],this.block.json=JSON.parse(n[1].frame),this.sizeRestrictions.minWidth=1200,this.block.json.size){default:this.sizeRestrictions.minHeight=300;break;case 2:this.sizeRestrictions.minHeight=400,this.classAspect="aspect-rel-3-1";break;case 3:this.sizeRestrictions.minHeight=600,this.classAspect="aspect-rel-2-1";break;case 4:this.sizeRestrictions.minHeight=900,this.classAspect="aspect-rel-4-3";break}this.bannerId?this.bannerService.getBanner(this.bannerId).subscribe({next:e=>this.setBanner(e),error:this.helperService.handlerException}):this.loadInfo=!0},error:this.helperService.handlerException})}getcrop(n){n?(this.model.file.positionY=n.realY,this.model.file.positionX=n.realX,this.cropBanner=n):(this.model.file.positionY&&delete this.model.file.positionY,this.model.file.positionX&&delete this.model.file.positionX,this.model.file.cropImage&&delete this.model.file.cropImage,this.cropBanner=null)}getMobilecrop(n){n?(this.model.mobile.positionY=n.realY,this.model.mobile.positionX=n.realX,this.cropMobile=n):(this.model.mobile.positionY&&delete this.model.mobile.positionY,this.model.mobile.positionX&&delete this.model.mobile.positionX,this.model.mobile.cropImage&&delete this.model.mobile.cropImage,this.cropMobile=null)}send(n){this.validFormHome(),this.formhome.addValid&&this.formhome.$valid&&!this.formhome.isBusy&&(this.formhome.isBusy=!0,this.banner.fileID=this.model.file.fileID,this.banner.body=JSON.stringify(this.model),this.bannerService.update(this.banner).subscribe({next:e=>this.setUpdate(e),error:this.errorUpdate}))}validFormHome(){this.formhome.addValid=!0,this.formhome.errorTitle=!1,this.formhome.errorSubTitle=!1,!this.model.title||this.model.title===""||this.model.title.length>140?this.formhome.addValid=!1:/([A-z0-9]*\s{2}$)|<div><br><\/div>/gm.test(this.model.title)&&(this.formhome.errorTitle=!0,this.formhome.addValid=!1),!this.model.subtitle||this.model.subtitle===""||this.model.subtitle.length>60?this.formhome.addValid=!1:/([A-z0-9]*\s{2}$)|<div><br><\/div>/gm.test(this.model.subtitle)&&(this.formhome.errorSubTitle=!0,this.formhome.addValid=!1)}sendSecondary(){this.validateAdition(),this.form.valid&&this.addValid&&!this.formIsBusy&&(this.formIsBusy=!0,this.cropImages().subscribe({next:()=>{this.model.title===void 0&&(this.model.title=""),this.model.subtitle===void 0&&(this.model.subtitle=""),this.model.file.embedUrl!==void 0&&this.model.file.embedUrl!==null&&(this.model.file.codeUrl=this.fileService.getCodeYoutube(this.model.file.embedUrl)),this.banner.bannerType="Secondary",this.banner.section="Home",this.banner.name=this.model.title?this.model.title:"Secondary",this.banner.body=JSON.stringify(this.model),this.banner.fileID=this.model.file.fileID,this.banner.dis

1playOrder||(this.banner.displayOrder=this.displayOrder+1),this.banner.active=!0,this.banner.blockID=this.blockId,this.banner.bannerID?this.bannerService.update(this.banner).subscribe({next:n=>this.setUpdate(n),error:this.errorUpdate}):this.bannerService.add(this.banner).subscribe({next:n=>this.setUpdate(n),error:this.errorUpdate})},error:this.errorUpdate}))}cropImages(){let n=[];return this.cropBanner&&this.model.file.fileID&&n.push(this.fileService.crop(this.model.file.fileID,this.cropBanner)),n.length?A(n).pipe(H(e=>{if(this.cropBanner&&e[0]){let d=e[0].Path||e[0].path;this.model.file.cropImage=`${d}?c=${Math.floor(Math.random()*1e5)}`}return!0})):j(!0)}removeFirstLogo(){this.model.firstLogo={}}removeLastLogo(){this.model.lastLogo={}}toggleText(){document.execCommand("bold",void 0,"500"),this.change()}setAlign(n){document.execCommand(n),this.change()}getEventVideo(n){this.eventVideo=n.currentTarget.value}getPreviewYoutube(){if(this.formVideo.valid&&this.formVideo.submitted&&this.eventVideo){var n=this.fileService.getCodeYoutube(this.eventVideo);n&&(this.deleteImage(),this.model.file.embedUrl=this.eventVideo,this.model.file.urlVideo=this.fileService.getPreviewYoutube(n),this.model.file.defaultImage=this.model.urlVideo,this.model.file.video=!1,this.model.file.playVideo=this.sanitizerUrl("https://www.youtube.com/embed/"+n+"?showinfo=0&autoplay=1&loop=1&rel=0&fs=1&modestbranding=1&mute=1&controls=0&iv_load_policy=3&enablejsapi=1&widgetid=1&playlist="+n))}}deleteImage(){this.model.file={}}deleteFiles(n){this.model[n]={}}change(){this.model.title=document.getElementById("title")?.innerText.replace(/\s{2,140}/gm," "),this.model.subtitle=document.getElementById("subtitle")?.innerText.replace(/\s{2,140}/gm," ")}validateAdition(){this.addValid=!0,this.errorTitle=!1,this.errorSubTitle=!1,this.model.file.urlVideo===void 0&&this.model.file.imageUrl===void 0&&(this.addValid=!1)}deleteBanner(){this.modalService.showConfirm("\xBFEst\xE1s seguro de eliminar el banner seleccionado?","Eliminar").subscribe({next:n=>{n&&this.bannerService.deleteBanner(this.banner.bannerID).subscribe({next:e=>this.setDelete(e),error:this.helperService.handlerException})}})}reload(n){this.banner=n,n?this.model=n.model:this.model={file:{},mobile:{}}}editBanner(n){n.bannerType!=="Institutional"&&this.setBanner(n)}changeText(n){console.log(n)}textFocus(n,e,d){n.target.innerText==e&&(this.model[d]="")}changeOpacity(n){this.model.bckOpacity=this.opacity/100}back(){this.blocksService.goBack(this.activatedRoute.snapshot.params)}startUpload(){this.isLoadFile=!0}errorUpload(){this.isLoadFile=!1}setBanner(n){this.banner=n;try{this.model=JSON.parse(this.banner.body),this.model.sizeFont||(this.model.sizeFont="font-middle"),this.model.bckColor||(this.model.bckColor="#000"),this.bckColor="#000",(this.model.bckOpacity===null||this.model.bckOpacity===void 0)&&(this.model.bckOpacity=.6),this.model.titleBckColor||(this.model.titleBckColor="transparent"),this.model.titleColor||(this.model.titleColor="#FFFFFF"),this.model.subtitleBckColor||(this.model.subtitleBckColor="transparent"),this.model.subtitleColor||(this.model.subtitleColor="#FFFFFF"),this.opacity=this.model.bckOpacity*100,this.model.file.playVideo=this.sanitizerUrl("https://www.youtube.com/embed/"+this.model.file.codeUrl+"?showinfo=0&autoplay=1&loop=1&rel=0&fs=1&modestbranding=1&mute=1&controls=0&iv_load_policy=3&enablejsapi=1&widgetid=1&playlist="+this.model.file.codeUrl),this.model.showText=this.model.title!==""||this.model.subtitle!==""}catch(e){console.log(e)}this.model.file.urlVideo?this.media="video":this.media="picture",this.model.bannerType==="Institutional"&&(this.model.file={fileID:this.banner.fileID,imageUrl:this.banner.fileUrl},this.model.firstLogo={},this.model.lastLogo={},this.bannerSize.height=this.settingService.settings.general.bannersHeight,this.bannerSize.width=this.settingService.settings.general.bannersWidth),this.loadInfo=!0}setUpdate(n){this.form&&(this.formIsBusy=!1),this.formhome&&(this.formhome.isBusy=!1,this.formhome.$submitted=!1),this.modalService.showExit("Se ha guardado el banner correctamente","Proceso Exitoso")}setDelete(n){this.form&&(this.formIsBusy=!1),this.formhome&&(this.formhome.isBusy=!1,this.formhome.$submitted=!1),this.back()}callback(n){this.model.file=n,this.isLoadFile=!1}errorUpdate(n){this.form&&(this.formIsBusy=!1),this.formhome&&(this.formhome.isBusy=!1),this.helperService.handlerException(n)}updateBckColor(n){}sanitizerUrl(n){return this.sanitizer.bypassSecurityTrustResourceUrl(n)}static \u0275fac=function(e){return new(e||l)(B(ne),B(ve),B(xe),B(ye),B(ie),B(te),B(ee),B(Be),B(oe),B($))};static \u0275cmp=N({type:l,selectors:[["app-block-banner"]],viewQuery:function(e,d){if(e&1&&(U(Fe,5),U(Te,5)),e&2){let t;P(t=L())&&(d.form=t.first),P(t=L())&&(d.formVideo=t.first)}},standalone:!0,features:[J],decls:3,vars:1,consts:[["form","ngForm"],["formVideo","ngForm"],[3,"backEvent"],["class","wrap-editW",4,"ngIf"],[1,"wrap-editW"],[1,"content_all"],["class","modal-wrap","style","z-index:300;",4,"ngIf"],["name","form","novalidate","",3,"ngSubmit"],[1,"mt20"],[1,"setBanner__tit"],[1,"setBanner-wrapImg"],["id","div-image-container","class","setBanner-wImgBg",4,"ngIf"],["appAdminImageCover","","identifier","div-image-container","axis","y","minRelation","4","timetosend","8

100","class","setBanner__over","style","z-index:10;",3,"image","imageid","positionx","positiony","getcrop",4,"ngIf"],[1,"setBanner__over"],["class","setBanner-wrapTxt","style","z-index: 3;",3,"class",4,"ngIf"],["class","setBanner-hw100",4,"ngIf"],[1,"setBanner__wLabel"],[1,"setBanner-wColTop"],[1,"setBanner-colTop"],[1,"setBanner-subCol"],["name","media",1,"select",3,"ngModelChange","ngModel"],["value","picture"],["value","video"],[1,"",3,"hidden"],[1,"setBanner-wImg"],["aria-required","true","appAdminUpload","","class","setBanner__btnPhoto","data-bannerSize","1","accept","image/*","reg","\\.(gif|jpg|jpeg|png|bmp)$","appAdminUpload","","clean","true","param","?elementType=banner","name","banner","type","file","maxsize","2097152","maxwidth","10000","maxheight","10000","minRelation","4",3,"obj","minwidth","minheight","callback","start","error",4,"ngIf"],["class","icon-camera",4,"ngIf"],[3,"src","alt",4,"ngIf"],["class","setBanner-delImg",3,"click",4,"ngIf"],["class","icon-film",4,"ngIf"],["class","setBanner__btnPhoto",3,"click",4,"ngIf"],[1,"setBanner__txt"],[3,"hidden"],[1,"setBanner-colTxt"],[1,"error",3,"hidden"],[1,"setBanner-wOpa"],[1,"setBanner-wColor"],["type","text","name","bckColor","readonly","",1,"setBanner__txtColor",3,"ngModel"],["type","color","name","bckColor",1,"setBanner__bgColor",3,"ngModelChange","ngModel"],["type","range","min","0","max","100","name","opacity",3,"ngModelChange","change","ngModel"],[1,"setBanner__sep"],[1,"setBanner-row"],[1,"setBanner-rowTop"],["class","setBanner__noColor","type","button",4,"ngIf"],["aria-required","true","type","text","name","bckColor","readonly","",1,"setBanner__txtColor",3,"value"],["aria-required","true","id","title-color","type","color","name","titleColor",1,"setBanner__bgColor",3,"ngModelChange","ngModel"],[1,"setBanner-wColor","setBanner-wColor--bg"],["aria-required","true","type","text","name","bckColor","placeholder","#******","readonly","",1,"setBanner__txtColor",3,"value"],["aria-required","true","id","title-bck-color","type","color","name","titleBckColor",1,"setBanner__bgColor",3,"ngModelChange","ngModel"],["title","Eliminar color de fondo","type","button",1,"setBanner-bgDel",3,"click"],[1,"icon-delete"],["name","titleFontFamily",1,"select","select--v3Sx",3,"ngModelChange","ngModel"],["value",""],[3,"value",4,"ngFor","ngForOf"],["type","button",1,"setBanner__btnBold",3,"click"],[1,"icon-bold"],["type","button",1,"setBanner__btnItal",3,"click"],[1,"icon-italic"],[1,"setBanner__wLabel","setBanner__wLabel--caract"],["aria-required","true","name","title","type","text","maxlength","70",3,"ngModelChange","ngModel"],["aria-required","true","id","subtitle-color","type","color","name","subtitleColor",1,"setBanner__bgColor",3,"ngModelChange","ngModel"],["type","text","placeholder","#******","name","bckColor","readonly","",1,"setBanner__txtColor",3,"value"],["type","button","class","setBanner__noColor",4,"ngIf"],["id","subtitle-bck-color","type","color","name","subtitleBckColor",1,"setBanner__bgColor",3,"ngModelChange","ngModel"],["name","subtitleFontFamily",1,"select","select--v3Sx",3,"ngModelChange","ngModel"],["aria-required","true","name","subtitle","type","text","maxlength","140","name","subtitle",3,"ngModelChange","ngModel"],["type","button",1,"setBanner__left",3,"click"],[1,"icon-icon-4"],["type","button",1,"setBanner__center",3,"click"],[1,"icon-icon-5"],["name","sizeFont",1,"select","mt10",3,"ngModelChange","ngModel"],["value","font-small"],["value","font-middle"],["value","font-big"],["name","description","type","text","required","","aria-required","true","maxlength","250",1,"setBanner__textArea",3,"ngModelChange","ngModel"],["aria-required","true","name","link","type","text","maxlength","120","pattern","https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)",3,"ngModelChange","ngModel"],["class","error",4,"ngIf"],[1,"setBanner-wbtnSave","f-l"],["type","submit",1,"btn-main",3,"disabled"],["type","button",1,"btn-main",3,"click"],["type","button",1,"setBanner-btnDel",3,"click","disabled"],[1,"modal-wrap",2,"z-index","300"],[1,"modal-inner"],[1,"modal__close",3,"click"],[1,"icon-icon-1"],[1,"modal-wrapTxt"],["name","formVideo","novalidate","",1,"create-content","c-b",3,"ngSubmit"],[1,"modal__tit"],[1,"modal__txt"],["class","modal__input ta-c","name","embedurl","type","text","aria-required","true","maxlength","250","required","","aria-required","true","pattern","^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|v\\/)?)([\\w\\-]+)(\\S+)?$","placeholder","url youtube",3,"keyup",4,"ngIf"],["type","submit",1,"modal__btn"],["name","embedurl","type","text","aria-required","true","maxlength","250","required","","aria-required","true","pattern","^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|v\\/)?)([\\w\\-]+)(\\S+)?$","placeholder","url youtube",1,"modal__input","ta-c",3,"keyup"],[1,"error"],["id","div-image-container",1,"setBanner-wImgBg"],["appAdminImageCover","","identifier","div-image-container","axis","y","minRelation","4","timetosend","8

100",1,"setBanner__over",2,"z-index","10",3,"getcrop","image","imageid","positionx","positiony"],[1,"setBanner-wrapTxt",2,"z-index","3"],[3,"class",4,"ngIf"],[1,"setBanner__innerTitle",3,"innerHTML"],[1,"setBanner__innerSub",3,"innerHTML"],[1,"setBanner-hw100"],[1,"setBanner-wVideo",3,"hidden","src"],["aria-required","true","appAdminUpload","","data-bannerSize","1","accept","image/*","reg","\\.(gif|jpg|jpeg|png|bmp)$","appAdminUpload","","clean","true","param","?elementType=banner","name","banner","type","file","maxsize","2097152","maxwidth","10000","maxheight","10000","minRelation","4",1,"setBanner__btnPhoto",3,"callback","start","error","obj","minwidth","minheight"],[1,"icon-camera"],[3,"src","alt"],[1,"setBanner-delImg",3,"click"],[1,"icon-film"],[1,"setBanner__btnPhoto",3,"click"],["type","button",1,"setBanner__noColor"],[3,"value"]],template:function(e,d){e&1&&(i(0,"app-admin-header",2),h("backEvent",function(){return d.back()}),o(),u(1,"app-admin-desktop"),b(2,rt,202,104,"div",3)),e&2&&(r(2),c("ngIf",d.loadInfo))},dependencies:[K,G,Z,ge,me,ue,_e,le,ce,pe,re,ae,fe,he,be,se,de,Ie,we,Se,ke,Ce]})};export{Ve as AdminBlockBannerComponent};