https://angelopolis-antioquia.gov.co/chunk-YJWJL2EN.js

1import{a as ke}from"./chunk-QFYZ64C5.js";import{a as Ie}from"./chunk-UV44MRQP.js";import{d as Ce}from"./chunk-EW27226T.js";import"./chunk-XW23I7H5.js";import"./chunk-Z57MTNEF.js";import"./chunk-O4DRHE5P.js";import"./chunk-535P5NAU.js";import"./chunk-G5UL7PGF.js";import"./chunk-56GIQ6PT.js";import{a as ve}from"./chunk-CD2CGC5S.js";import"./chunk-GBRQKVYB.js";import"./chunk-CJWEDDVW.js";import{a as Be}from"./chunk-3DC4M3IT.js";import"./chunk-LDL32NDY.js";import"./chunk-YFREARA7.js";import"./chunk-AGCAGPAP.js";import"./chunk-AHQSOXDD.js";import"./chunk-GCE2MEC6.js";import{a as xe}from"./chunk-W2ZMKN4C.js";import"./chunk-UVDUOVTO.js";import{a as we}from"./chunk-UGA23ICO.js";import{a as Se}from"./chunk-NGCQOK2V.js";import{a as ye}from"./chunk-DQPLM2C5.js";import{a as oe}from"./chunk-MIHC4Y75.js";import{b as ee}from"./chunk-SB5L2XE4.js";import{A as he,B as ge,D as be,c as re,g as le,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-ICJV4PL6.js";import{a as ne}from"./chunk-RIRGXRXY.js";import"./chunk-3GN2FC7K.js";import{t as ie}from"./chunk-47CSRN7C.js";import{c as te}from"./chunk-SKH2MXBC.js";import{J as $,j as G,k as Z,v as K}from"./chunk-BQLJE42W.js";import{$b as x,Db as B,Dc as J,Ib as h,Jb as p,Mb as D,Pa as W,Pb as z,Qa as U,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 l,Ya as C,Zb as b,_b as v,bc as Q,da as N,dc as y,ec as F,fc as O,gc as R,hc as j,ib as g,k as q,mb as c,na as _,oa as f,p as H,pb as k,qb as S,v as A,xb as i,yb as o,zb as u}from"./chunk-YE3BF7DR.js";import"./chunk-4IDNTCH7.js";var Fe=["form"],Te=["formVideo"],Ae=r=>[r],We=(r,n)=>({"background-color":r,opacity:n}),T=r=>({opacity:r}),I=r=>({active:r}),Ue=r=>({center:r}),Ee=(r,n)=>({bold:r,italic:n}),Me=(r,n,e)=>({"background-color":r,color:n,"font-family":e});function De(r,n){if(r&1){let e=B();i(0,"input",91),h("keyup",function(t){_(e);let m=p(3);return f(m.getEventVideo(t))}),o()}}function ze(r,n){if(r&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()()),r&2){let e,d;p();let t=V(6);l(),c("hidden",!(!((e=t.form.get("embedurl"))==null||e.errors==null)&&e.errors.required)),l(2),c("hidden",!(!((d=t.form.get("embedurl"))==null||d.errors==null)&&d.errors.pattern))}}function Pe(r,n){if(r&1){let e=B();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(),g(11,De,1,0,"input",89)(12,ze,5,2,"div",76),u(13,"br")(14,"br"),i(15,"button",90),s(16,"subir"),o()()()()()}if(r&2){let e,d=V(6),t=p(2);l(11),c("ngIf",t.model.file.video),l(),c("ngIf",!((e=d.form.get("embedurl"))!=null&&e.valid)&&d.submitted)}}function Le(r,n){r&1&&u(0,"div",93)}function Oe(r,n){if(r&1){let e=B();i(0,"div",94),R(1,"fullPathImage"),h("getcrop",function(t){_(e);let m=p(2);return f(m.getcrop(t))}),o()}if(r&2){let e=p(2);c("image",j(1,4,e.model.file.imageUrl))("imageid",e.model.file.fileID)("positionx",e.model.file.positionX)("positiony",e.model.file.positionY)}}function Re(r,n){if(r&1&&(i(0,"h2"),u(1,"span",97),o()),r&2){let e=p(3);S(F(5,Ee,e.model.titleBold,e.model.titleItalic)),l(),k(O(8,Me,e.model.titleBckColor,e.model.titleColor,e.model.titleFontFamily)),c("innerHTML",e.model.title,W)}}function je(r,n){if(r&1&&(i(0,"h3"),u(1,"span",98),o()),r&2){let e=p(3);S(F(5,Ee,e.model.subtitleBold,e.model.subtitleItalic)),l(),k(O(8,Me,e.model.subtitleBckColor,e.model.subtitleColor,e.model.subtitleFontFamily)),c("innerHTML",e.model.subtitle,W)}}function qe(r,n){if(r&1&&(i(0,"div",95),g(1,Re,2,12,"h2",96)(2,je,2,12,"h3",96),o()),r&2){let e=p(2);S(y(4,Ue,e.model.styleCenter)),l(),c("ngIf",e.model.title),l(),c("ngIf",e.model.subtitle)}}function He(r,n){if(r&1&&(i(0,"div",99),u(1,"iframe",100),o()),r&2){let e=p(2);l(),c("hidden",!e.model.file.embedUrl)("src",e.model.file.playVideo,Y)}}function Ne(r,n){if(r&1){let e=B();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(r&2){let e=p(2);c("obj",e.model.file)("minwidth",e.sizeRestrictions.minWidth)("minheight",e.sizeRestrictions.minHeight)}}function Ye(r,n){r&1&&u(0,"span",102)}function Xe(r,n){if(r&1&&(u(0,"img",103),R(1,"fullPathImage")),r&2){let e=p(2);c("src",j(1,2,e.model.file.imageUrl),U)("alt",e.model.file.imageUrl)}}function Qe(r,n){if(r&1){let e=B();i(0,"div",104),h("click",function(){_(e);let t=p(2);return f(t.deleteFiles("file"))}),o()}}function Je(r,n){if(r&1&&u(0,"img",103),r&2){let e=p(2);c("src",e.model.file.urlVideo,U)("alt",e.model.file.urlVideo)}}function Ge(r,n){r&1&&u(0,"span",105)}function Ze(r,n){if(r&1){let e=B();i(0,"div",104),h("click",function(){_(e);let t=p(2);return f(t.deleteFiles("file"))}),o()}}function Ke(r,n){if(r&1){let e=B();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(r,n){r&1&&u(0,"button",107)}function et(r,n){r&1&&u(0,"button",107)}function tt(r,n){if(r&1&&(i(0,"option",108),s(1),o()),r&2){let e=n.$implicit;c("value",e.value),l(),E(e.name)}}function it(r,n){r&1&&u(0,"button",107)}function nt(r,n){r&1&&u(0,"button",107)}function ot(r,n){if(r&1&&(i(0,"option",108),s(1),o()),r&2){let e=n.$implicit;c("value",e.value),l(),E(e.name)}}function rt(r,n){if(r&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()()),r&2){let e,d;p();let t=V(5);l(),c("hidden",!(!((e=t.form.get("link"))==null||e.errors==null)&&e.errors.maxlength)),l(2),c("hidden",!(!((d=t.form.get("link"))==null||d.errors==null)&&d.errors.pattern))}}function lt(r,n){if(r&1){let e=B();i(0,"div",4)(1,"div",5),u(2,"br"),g(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),g(12,

1Le,1,0,"div",11)(13,Oe,2,6,"div",12),u(14,"div",13),g(15,qe,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),g(34,Ne,1,3,"input",25)(35,Ye,1,0,"span",26)(36,Xe,2,4,"img",27)(37,Qe,1,0,"div",28),o()(),i(38,"div",23)(39,"div",24),g(40,Je,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),g(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),g(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(),g(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),g(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),g(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(),g(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(),g(191,rt,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(r&2){let e,d,t,m,w=V(5),a=p();l(3),c("ngIf",a.model.file.video),l(8),S(y(79,Ae,a.classAspect)),l(),c("ngIf",a.model.file.fileID),l(),c("ngIf",a.model.file.fileID),l(),k(F(81,We,a.model.bckColor,a.model.bckOpacity)),l(),c("ngIf",!a.movePrincipal),l(),c("ngIf",a.model.file==null?null:a.model.file.urlVideo),l(11),b("ngModel",a.media),l(5),c("hidden",a.media!=="picture"),l(2),c("ngIf",!a.model.file.imageUrl),l(),c("ngIf",!a.model.file.imageUrl),l(),c("ngIf",a.model.file.imageUrl),l(),c("ngIf",a.model.file.imageUrl),l(),c("hidden",a.media!=="video"),l(2),c("ngIf",a.model.file.urlVideo),l(),c("ngIf",!a.model.file.urlVideo),l(),c("ngIf",a.model.file.urlVideo),l(),c("ngIf",!a.model.file.urlVideo),l(3),E(a.model.file.embedUrl),l(2),c("hidden",a.media!=="video"),l(4),c("hidden",a.media!=="picture"),l(3),X("Tama\xF1o recomendado ",a.sizeRestrictions.minWidth,"px x ",a.sizeRestrictions.minHeight,"px "),l(5),c("hidden",!w.submitted&&(a.model.file.urlVideo!==void 0||a.model.file.imageUrl!==void 0)),l(11),c("ngModel",a.model.bckColor),l(),b("ngModel",a.model.bckColor),l(3),b("ngModel",a.opacity),l(13),c("ngIf",a.model.titleColor==="transparent"),l(),c("value",a.model.titleColor!=="transparent"?a.model.titleColor:""),l(),k(y(84,T,a.model.titleColor==="transparent"?0:1)),b("ngModel",a.model.titleColor),l(4),c("value",a.model.titleBckColor!=="transparent"?a.model.titleBckColor:""),l(),c("ngIf",a.model.titleBckColor==="transparent"),l(),k(y(86,T,a.model.titleBckColor==="transparent"?0:1)),b("ngModel",a.model.titleBckColor),l(5),b("ngModel",a.model.titleFontFamily),l(3),c("ngForOf",a.fonts),l(),S(y(88,I,a.model.titleBold)),l(2),S(y(90,I,a.model.titleItalic)),l(3),M("",70-a.model.title.length," caracteres"),l(),b("ngModel",a.model.title),l(11),c("ngIf",a.model.subtitleColor==="transparent"),l(),D("value",a.model.subtitleColor!=="transparent"?a.model.subtitleColor:""),l(),k(y(92,T,a.model.subtitleColor==="transparent"?0:1)),b("ngModel",a.model.subtitleColor),l(4),D("value",a.model.subtitleBckColor!=="transparent"?a.model.subtitleBckColor:""),l(),c("ngIf",a.model.subtitleBckColor==="transparent"),l(),k(y(94,T,a.model.subtitleBckColor==="transparent"?0:1)),b("ngModel",a.model.subtitleBckColor),l(5),b("ngModel",a.model.subtitleFontFamily),l(3),c("ngForOf",a.fonts),l(),S(y(96,I,a.model.subtitleBold)),l(2),S(y(98,I,a.model.subtitleItal

1ic)),l(3),M("",140-a.model.subtitle.length," caracteres"),l(),b("ngModel",a.model.subtitle),l(8),S(y(100,I,!a.model.styleCenter)),l(2),S(y(102,I,a.model.styleCenter)),l(9),b("ngModel",a.model.sizeFont),l(13),M("Este es el texto que describe el banner para accesibilidad, ",250-a.model.description.length," caracteres"),l(),b("ngModel",a.model.description),l(),c("hidden",!((e=w.form.get("description"))!=null&&e.invalid&&w.submitted)),l(),c("hidden",!(!((d=w.form.get("description"))==null||d.errors==null)&&d.errors.required)),l(2),c("hidden",!(!((t=w.form.get("description"))==null||t.errors==null)&&t.errors.maxlength)),l(8),b("ngModel",a.model.link),l(),c("ngIf",((m=w.form.get("link"))==null?null:m.invalid)&&w.submitted),l(3),c("disabled",a.formIsBusy||a.movePrincipal||a.moveMobile),l(4),c("disabled",!a.bannerId)}}var Ve=class r{constructor(n,e,d,t,m,w,a,at,dt,st){this.helperService=n;this.bannerService=e;this.fileService=d;this.blocksService=t;this.modalService=m;this.settingService=w;this.activatedRoute=a;this.portalMainService=at;this.sharedSignalsService=dt;this.sanitizer=st;J(()=>{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;bannerId;displayOrder;banner={};bannerFilter={};bannerSize={};maxWidth;maxHeight;formhome={};opacity=60;media;sizeRestrictions={};classAspect=null;cropBanner={};cropMobile={};fonts=[];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.bannerId=this.activatedRoute.snapshot.queryParams.id,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.bannerService.get(this.bannerId)]).subscribe({next:n=>{this.fonts=n[0].filter(e=>e.enabled),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.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})):q(!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"),this.back()}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||r)(C(ne),C(ve),C(xe),C(ye),C(ie),C(te),C(ee),C(Ce),C(oe),C($))};static \u0275cmp=N({type:r,selectors:[["app-admin-banner"]],viewQuery:function(e,d){if(e&1&&(z(Fe,5),z(Te,5)),e&2){let t;P(t=L())&&(d.form=t.first),P(t=L())&&(d.formVideo=t.first)}},standalone:!0,features:[Q],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"],["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"],["type","text","name","bckColor","readonly","",1,"setBanner__txtColor",3,"value"],["id","title-color","type","color","name","titleColor",1,"setBanner__bgColor",3,"ngModelChange","ngModel"],[1,"setBanner-wColor","setBanner-wColor--bg"],["type","text","name","bckColor","placeholder","#******","readonly","",1,"setBanner__txtColor",3,"value"],["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"],["name","title","type","text","maxlength","70",3,"ngModelChange","ngModel"],["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"],["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"],["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","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","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"],["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"),g(2,lt,202,104,"div",3)),e&2&&(l(2),c("ngIf",d.loadInfo))},dependencies:[K,G,Z,be,me,ue,_e,re,ce,pe,le,ae,fe,he,ge,se,de,Ie,ke,Be,we,Se]})};export{Ve as AdminBannerComponent};