https://angular-shortcode.web.app/978.17495a3171279414.js

1"use strict";(self.webpackChunksv_code=self.webpackChunksv_code||[]).push([[978],{4560:(f,C,i)=>{i.d(C,{Q:()=>u});var e=i(6895),d=i(7866),g=i(3694),h=i(4425),m=i(4650);let u=(()=>{class _{}return _.\u0275fac=function(n){return new(n||_)},_.\u0275mod=m.oAB({type:_}),_.\u0275inj=m.cJS({imports:[e.ez,d._l,g.h,h.Iq]}),_})()},8352:(f,C,i)=>{i.d(C,{V:()=>u});var e=i(4650),d=i(276),g=i(7866),h=i(2101),m=i(4425);let u=(()=>{class _{constructor(n){this.code="",this.lineNumbers=!0,n.updateTheme.subscribe(o=>{const l=document.getElementsByTagName("head")[0];o&&("dark-theme"===o?(this.darkStyle=document.createElement("link"),this.darkStyle.id="client-theme",this.darkStyle.rel="stylesheet",this.darkStyle.href="assets/darcula.css",l.appendChild(this.darkStyle)):l.removeChild(this.darkStyle))})}ngOnInit(){}onHighlight(n){this.response={language:n.language,relevance:n.relevance,secondBest:"{...}",value:"{...}"}}}return _.\u0275fac=function(n){return new(n||_)(e.Y36(d.v))},_.\u0275cmp=e.Xpm({type:_,selectors:[["code-viewer"]],inputs:{code:"code",lineNumbers:"lineNumbers"},decls:5,vars:3,consts:[[1,"code-viewer"],["type","icon","icon","content_copy","tooltip","Copy",1,"code-viewer-copy",3,"cdkCopyToClipboard"],[3,"lineNumbers","highlight","highlighted"]],template:function(n,o){1&n&&(e.TgZ(0,"div",0),e._UZ(1,"input-button",1),e.TgZ(2,"pre")(3,"code",2),e.NdJ("highlighted",function(r){return o.onHighlight(r)}),e._uU(4,"\n    "),e.qZA()()()),2&n&&(e.xp6(1),e.Q6J("cdkCopyToClipboard",o.code),e.xp6(2),e.Q6J("lineNumbers",o.lineNumbers)("highlight",o.code))},dependencies:[g.y$,h.r,m.i3],styles:["[_ngcontent-%COMP%]:root{--font-size-regular: $font-size}@media screen and (max-width: 800px){[_ngcontent-%COMP%]:root{--font-size-regular: 10px}}@media screen and (max-width: 1024px){[_ngcontent-%COMP%]:root{--font-size-regular: 11px}}@media screen and (max-width: 1380px){[_ngcontent-%COMP%]:root{--font-size-regular: 12px}}@media screen and (min-width: 1381px){[_ngcontent-%COMP%]:root{--font-size-regular: 13px}}.code-viewer[_ngcontent-%COMP%]{position:relative}.code-viewer-copy[_ngcontent-%COMP%]{position:absolute;right:.7692307692rem;top:.7692307692rem}.code-viewer[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%]{margin:0}.code-viewer[_ngcontent-%COMP%]   code[_ngcontent-%COMP%]{border-radius:.3076923077rem;border:1px solid #ececec}"]}),_})()},2572:(f,C,i)=>{i.d(C,{r:()=>u});var e=i(6895),d=i(3694),g=i(4560),h=i(2898),m=i(4650);let u=(()=>{class _{}return _.\u0275fac=function(n){return new(n||_)},_.\u0275mod=m.oAB({type:_}),_.\u0275inj=m.cJS({imports:[e.ez,d.h,g.Q,h.a]}),_})()},4539:(f,C,i)=>{i.d(C,{Q:()=>E});

1var e=i(4650),d=i(6895),g=i(2101),h=i(8352),m=i(5729);const u=function(t){return{code:t}};function _(t,p){if(1&t&&(e.ynx(0),e.GkF(1,9),e.BQk()),2&t){const s=e.oxw(2),a=e.MAs(5);e.xp6(1),e.Q6J("ngTemplateOutlet",a)("ngTemplateOutletContext",e.VKq(2,u,s.htmlCode))}}function c(t,p){if(1&t&&(e.ynx(0),e.GkF(1,9),e.BQk()),2&t){const s=e.oxw(2),a=e.MAs(5);e.xp6(1),e.Q6J("ngTemplateOutlet",a)("ngTemplateOutletContext",e.VKq(2,u,s.tsCode))}}function n(t,p){if(1&t&&(e.ynx(0),e.GkF(1,9),e.BQk()),2&t){const s=e.oxw(2),a=e.MAs(5);e.xp6(1),e.Q6J("ngTemplateOutlet",a)("ngTemplateOutletContext",e.VKq(2,u,s.scssCode))}}function o(t,p){if(1&t&&(e.TgZ(0,"div",4),e.GkF(1,5),e.TgZ(2,"div",6),e.YNc(3,_,2,4,"ng-container",7),e.YNc(4,c,2,4,"ng-container",8),e.YNc(5,n,2,4,"ng-container",8),e.qZA()()),2&t){const s=e.oxw(),a=e.MAs(3);e.xp6(1),e.Q6J("ngTemplateOutlet",a),e.xp6(1),e.Q6J("ngSwitch",s.codeType),e.xp6(2),e.Q6J("ngSwitchCase","ts"),e.xp6(1),e.Q6J("ngSwitchCase","scss")}}function l(t,p){if(1&t&&(e.TgZ(0,"div",13),e.GkF(1,9),e.qZA()),2&t){const s=e.oxw().$implicit;e.oxw(2);const a=e.MAs(5);e.xp6(1),e.Q6J("ngTemplateOutlet",a)("ngTemplateOutletContext",e.VKq(2,u,s.code))}}function r(t,p){if(1&t&&(e.ynx(0),e.YNc(1,l,2,4,"div",12),e.BQk()),2&t){const s=p.$implicit,a=e.oxw(2);e.xp6(1),e.Q6J("ngIf",a.codeType===s.value)}}function v(t,p){if(1&t&&(e.TgZ(0,"div",10),e.GkF(1,5),e.YNc(2,r,2,1,"ng-container",11),e.qZA()),2&t){const s=e.oxw(),a=e.MAs(3);e.xp6(1),e.Q6J("ngTemplateOutlet",a),e.xp6(1),e.Q6J("ngForOf",s.customCodes)}}function x(t,p){if(1&t){const s=e.EpF();e.TgZ(0,"input-button",17),e.NdJ("onClick",function(){const O=e.CHM(s).$implicit,y=e.oxw(2);return y.codeType=O.value,e.KtG(y.title=O.label)}),e.qZA()}if(2&t){const s=p.$implicit,a=e.oxw(2);e.Q6J("iconColor",a.codeType===s.value?"primary":"accent")("icon",s.icon)("tooltip",s.label)}}function T(t,p){if(1&t&&(e.TgZ(0,"div",14)(1,"label"),e._uU(2),e.ALo(3,"titlecase"),e.ALo(4,"svTranslate"),e.qZA(),e.TgZ(5,"div",15),e.YNc(6,x,1,3,"input-button",16),e.qZA()()),2&t){const s=e.oxw();e.xp6(2),e.Oqu(e.lcZ(3,2,e.lcZ(4,4,s.title))),e.xp6(4),e.Q6J("ngForOf",s.codeList)}}function M(t,p){1&t&&e._UZ(0,"code-viewer",18),2&t&&e.Q6J("code",p.code)}let E=(()=>{class t{constructor(){this.title="",this.codeList=[{icon:"wysiwyg",value:"html",label:"html_code"},{icon:"api",value:"ts",label:"ts_code"},{icon:"line_style",value:"scss",label:"scss_code"}],this.codeType="html",this.tsCode="",this.htmlCode="",this.scssCode="",this.customCodes=[]}ngOnInit(){this.customCodes.length?(this.codeList=this.customCodes,this.codeType=this.customCodes[0].value||"",this.title=this.customCodes[0].label||""):this.title=this.codeList[0].label}}return t.\u0275fac=function(s){return new(s||t)},t.\u0275cmp=e.Xpm({type:t,selectors:[["page-code"]],inputs:{tsCode:"tsCode",htmlCode:"htmlCode",scssCode:"scssCode",customCodes:"customCodes"},decls:6,vars:2,consts:[["class","code width-100pct height-100pct flex-column-flex-start-space-between",4,"ngIf"],["class","code width-100pct height-100pct flex-column",4,"ngIf"],["action",""],["code",""],[1,"code","width-100pct","height-100pct","flex-column-flex-start-space-between"],[3,"ngTemplateOutlet"],[1,"code-view","overflow-auto",3,"ngSwitch"],[4,"ngSwitchDefault"],[4,"ngSwitchCase"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"code","width-100pct","height-100pct","flex-column"],[4,"ngFor","ngForOf"],["class","code-view overflow-auto",4,"ngIf"],[1,"code-view","overflow-auto"],[1,"code-toggle","flex-row-space-between-center"],[1,"flex-row"],["type","icon",3,"iconColor","icon","tooltip","onClick",4,"ngFor","ngForOf"],["type","icon",3,"iconColor","icon","tooltip","onClick"],[3,"code"]],template:function(s,a){1&s&&(e.YNc(0,o,6,4,"div",0),e.YNc(1,v,3,2,"div",1),e.YNc(2,T,7,6,"ng-template",null,2,e.W1O),e.YNc(4,M,1,1,"ng-template",null,3,e.W1O)),2&s&&(e.Q6J("ngIf",!a.customCodes.length),e.xp6(1),e.Q6J("ngIf",a.customCodes.length))},dependencies:[d.sg,d.O5,d.tP,d.RF,d.n9,d.ED,g.r,h.V,d.rS,m.P],styles:["[_ngcontent-%COMP%]:root{--font-size-regular: $font-size}@media screen and (max-width: 800px){[_ngcontent-%COMP%]:root{--font-size-regular: 10px}}@media screen and (max-width: 1024px){[_ngcontent-%COMP%]:root{--font-size-regular: 11px}}@media screen and (max-width: 1380px){[_ngcontent-%COMP%]:root{--font-size-regular: 12px}}@media screen and (min-width: 1381px){[_ngcontent-%COMP%]:root{--font-size-regular: 13px}}.code[_ngcontent-%COMP%]{position:relative}

1.code-toggle[_ngcontent-%COMP%]{padding:0 1.2307692308rem;height:3.2307692308rem}.code-view[_ngcontent-%COMP%]{height:calc(100% - 3.2307692308rem);padding:0 1.2307692308rem 1.2307692308rem}"]}),t})()},4425:(f,C,i)=>{i.d(C,{Iq:()=>_,i3:()=>u});var e=i(6895),d=i(4650);class g{constructor(n,o){this._document=o;const l=this._textarea=this._document.createElement("textarea"),r=l.style;r.position="fixed",r.top=r.opacity="0",r.left="-999em",l.setAttribute("aria-hidden","true"),l.value=n,l.readOnly=!0,this._document.body.appendChild(l)}copy(){const n=this._textarea;let o=!1;try{if(n){const l=this._document.activeElement;n.select(),n.setSelectionRange(0,n.value.length),o=this._document.execCommand("copy"),l&&l.focus()}}catch{}return o}destroy(){const n=this._textarea;n&&(n.remove(),this._textarea=void 0)}}let h=(()=>{class c{constructor(o){this._document=o}copy(o){const l=this.beginCopy(o),r=l.copy();return l.destroy(),r}beginCopy(o){return new g(o,this._document)}}return c.\u0275fac=function(o){return new(o||c)(d.LFG(e.K0))},c.\u0275prov=d.Yz7({token:c,factory:c.\u0275fac,providedIn:"root"}),c})();const m=new d.OlP("CDK_COPY_TO_CLIPBOARD_CONFIG");let u=(()=>{class c{constructor(o,l,r){this._clipboard=o,this._ngZone=l,this.text="",this.attempts=1,this.copied=new d.vpe,this._pending=new Set,r&&null!=r.attempts&&(this.attempts=r.attempts)}copy(o=this.attempts){if(o>1){let l=o;const r=this._clipboard.beginCopy(this.text);this._pending.add(r);const v=()=>{const x=r.copy();x||!--l||this._destroyed?(this._currentTimeout=null,this._pending.delete(r),r.destroy(),this.copied.emit(x)):this._currentTimeout=this._ngZone.runOutsideAngular(()=>setTimeout(v,1))};v()}else this.copied.emit(this._clipboard.copy(this.text))}ngOnDestroy(){this._currentTimeout&&clearTimeout(this._currentTimeout),this._pending.forEach(o=>o.destroy()),this._pending.clear(),this._destroyed=!0}}return c.\u0275fac=function(o){return new(o||c)(d.Y36(h),d.Y36(d.R0b),d.Y36(m,8))},c.\u0275dir=d.lG2({type:c,selectors:[["","cdkCopyToClipboard",""]],hostBindings:function(o,l){1&o&&d.NdJ("click",function(){return l.copy()})},inputs:{text:["cdkCopyToClipboard","text"],attempts:["cdkCopyToClipboardAttempts","attempts"]},outputs:{copied:"cdkCopyToClipboardCopied"}}),c})(),_=(()=>{class c{}return c.\u0275fac=function(o){return new(o||c)},c.\u0275mod=d.oAB({type:c}),c.\u0275inj=d.cJS({}),c})()}}]);