https://tapeapp.com/4016.e7851e871f783011.js

1"use strict";(self.webpackChunkweb_client=self.webpackChunkweb_client||[]).push([[4016],{4016:(E,u,r)=>{r.d(u,{Js:()=>_,J:()=>m.J,k0:()=>m.k0}),r(18013);var m=r(47587),x=(r(19394),r(54876)),h=r(20719),n=r(10224),d=r(92225),g=r(91052);class _{static#e=this.\u0275fac=function(I){return new(I||_)};static#n=this.\u0275mod=g.oAB({type:_});static#t=this.\u0275inj=g.cJS({imports:[d.n,n.r,x.BV,h.d]})}},18013:(E,u,r)=>{r.d(u,{f:()=>f});var e=r(91052),m=r(233),v=r(10224),x=r(72702),h=r(76071),n=r(90568),d=r(74434),g=r(47587),C=r(13043),_=r(63866),U=r(23554);function P(s,o){if(1&s&&(e.TgZ(0,"div"),e._uU(1),e.qZA()),2&s){const t=e.oxw().ngIf,l=e.oxw();e.Udp("min-height",t.font.titleMinHeightPx,"px")("margin-bottom",2,"px")("color",l.Color.black)("font-weight",400)("font-size",t.font.titleFontSizePx,"px")("line-height",t.font.titleLineHeightPx,"px")("white-space","nowrap")("overflow","hidden")("text-overflow","ellipsis"),e.xp6(1),e.hij(" ",t.title," ")}}function I(s,o){if(1&s&&(e.TgZ(0,"div"),e._uU(1),e.qZA()),2&s){const t=e.oxw().ngIf,l=e.oxw();e.Udp("height",t.font.descriptionHeightPx,"px")("color",l.descriptionColor)("font-size",t.font.descriptionFontSizePx,"px")("line-height",t.font.descriptionLineHeightPx,"px")("white-space","pre-wrap")("overflow-wrap","break-word")("overflow","hidden"),e.xp6(1),e.Oqu(t.description)}}function T(s,o){if(1&s){const t=e.EpF();e.TgZ(0,"img",9),e.NdJ("error",function(){e.CHM(t);const p=e.oxw(3);return e.KtG(p.onFaviconError())}),e.qZA()}if(2&s){const t=e.oxw(2).ngIf;e.Udp("flex","0 0 auto")("width",16,"px")("height",16,"px")("object-fit","contain"),e.Q6J("src",t.faviconUrl,e.LSH)}}function F(s,o){if(1&s&&e._UZ(0,"t5s-svg",10),2&s){const t=e.oxw(3);e.Udp("flex","0 0 auto")("display","flex"),e.Q6J("icon",t.IconLinkSmall)("size",16)("fgColor",t.faviconFallbackColor)}}function M(s,o){if(1&s&&(e.ynx(0),e.YNc(1,T,1,9,"img",7),e.YNc(2,F,1,7,"ng-template",null,8,e.W1O),e.BQk()),2&s){const t=e.MAs(3),l=e.oxw().ngIf;e.xp6(1),e.Q6J("ngIf",l.hasFavicon)("ngIfElse",t)}}function S(s,o){if(1&s&&(e.TgZ(0,"div"),e._uU(1),e.qZA()),2&s){const t=e.oxw().ngIf,l=e.oxw();e.Udp("color",l.urlColor)("font-size",t.font.urlFontSizePx,"px")("line-height",t.font.urlLineHeightPx,"px")("white-space","nowrap")("overflow","hidden")("text-overflow","ellipsis"),e.xp6(1),e.hij(" ",t.url," ")}}function b(s,o){if(1&s){const t=e.EpF();e.TgZ(0,"div")(1,"img",9),e.NdJ("error",function(){e.CHM(t);const p=e.oxw(2);return e.KtG(p.onImageError())}),e.qZA()()}if(2&s){const t=e.oxw().ngIf;e.Udp("flex","1 1 180px")("position","relative"),e.xp6(1),e.Udp("position","absolute")("top",0,"px")("left",0,"px")("width",100,"%")("height",100,"%")("object-fit","cover")("border-radius",2,"px"),e.Q6J("src",t.imageUrl,e.LSH)}}function c(s,o){if(1&s){const t=e.EpF();e.TgZ(0,"button",11),e.NdJ("mousedown",function(p){return p.preventDefault()})("click",function(p){e.CHM(t);const w=e.oxw(2);return e.KtG(w.onRemoveClick(p))}),e._UZ(1,"t5s-svg",10),e.qZA()}if(2&s){const t=e.oxw().ngIf,l=e.oxw();e.Udp("position","absolute")("top",6,"px")("right",6,"px")("display","flex")("align-items","center")("justify-content","center")("width",22,"px")("height",22,"px")("padding",0,"px")("border-width",1,"px")("border-style","solid")("border-color",l.removeBtnBorderColor)("border-radius",50,"%")("background",l.Color.white)("box-shadow",l.removeBtnShadow)("cursor","pointer"),e.uIk("aria-label",t.removeLabel||null)("title",t.removeLabel||null),e.xp6(1),e.Udp("display","flex"),e.Q6J("icon",l.IconCloseSmall)("size",14)("fgColor",l.removeBtnIconColor)}}function a(s,o){if(1&s&&(e.ynx(0),e.TgZ(1,"div")(2,"a",1)(3,"div"),e.YNc(4,P,2,19,"div",2),e.YNc(5,I,2,15,"div",3),e.TgZ(6,"div"),e.YNc(7,M,4,2,"ng-container",0),e.YNc(8,S,2,13,"div",4),e.qZA()(),e.YNc(9,b,2,19,"div",5),e.qZA(),e.YNc(10,c,2,39,"button",6),e.qZA(),e.BQk()),2&s){const t=o.ngIf,l=e.oxw();e.xp6(1),e.Udp("position","relative")("display","flex")("width",100,"%"),e.xp6(1),e.Udp("flex-grow",1)("min-width",0,"px")("display","flex")("flex-wrap","wrap-reverse")("align-items","stretch")("text-align","start")("box-sizing","border-box")("width",100,"%")("overflow","hidden")("border-width",1,"px")("border-style","solid")("border-color",l.borderColor)("border-radius",10,"px")("transition","background-color 20ms ease-in")("text-decoration","none")("color","inherit"),e.Q6J("href",t.href||null,e.LSH)("t5sClickableElement",l.isFocused?l.clickableFocused:l.clickable),e.xp6(1),e.Udp("flex","4 1 180px")("min-width",0,"px")("padding","12px 14px 14px")("overflow","hidden")("text-align","start"),e.xp6(1),e.Q6J("ngIf",t.title),e.xp6(1),e.Q6J("ngIf",t.description),e.xp6(1),e.Udp("margin-top",6,"px")("display","flex")("align-items","center")("gap",6,"px")("overflow","hidden"),e.xp6(1),e.Q6J("ngIf",t.showFaviconSlot),e.xp6(1),e.Q6J("ngIf",t.url),e.xp6(1),e.Q6J("ngIf",t.hasImage),e.xp6(1),e.Q6J("ngIf",t.removable)}}const i=(0,x.s2)()?g.J.LARGE:g.J.SMALL;class f extends v.A{constructor(){super(),this.removeClick=new e.vpe,this.IconLinkSmall=m.HvM,this.IconCloseSmall=m.$kn,this.borderColor=this.rgba(this.Color.black,.16),this.clickable={default:this.Color.white,hover:this.rgba(this.Color.black,.06),active:this.rgba(this.Color.black,.16)},this.clickableFocused={default:this.rgba(this.Color.black,.06),hover:this.rgba(this.Color.black,.06),active:this.rgba(this.Color.black,.16)},this.isFocused=!1,this.descriptionColor=this.rgba(this.Color.black,.65),this.urlColor=this.Color.black,this.faviconFallbackColor=this.rgba(this.Color.black,.4),this.removeBtnBorderColor=this.rgba(this.Color.black,.1),this.removeBtnIconColor=this.rgba(this.Color.black,.6),this.removeBtnShadow=`0 1px 3px ${this.rgba(this.Color.black,.16)}`,this.vm$=this.state$.pipe((0,d.U)(({linkPreview:o,loadingUrl:t,imageErrored:l,fallbackImageErrored:p,faviconErrored:w,hidePreviewImage:y,removable:L,removeLabel:B,fontSize:D})=>{const A=(0,g.k0)(D);if(!o&&t)return{title:(0,g.ck)(t),description:void 0,url:t,href:(0,h._)(t),siteName:void 0,font:A,imageUrl:void 0,faviconUrl:void 0,hasImage:!1,hasFavicon:!1,show

1FaviconSlot:!1,removable:L,removeLabel:B};const k=o?.url;if(k&&(0,g.lZ)(o))return{title:(0,g.ZH)(k),description:void 0,url:k,href:(0,h._)(k),siteName:void 0,font:A,imageUrl:void 0,faviconUrl:void 0,hasImage:!1,hasFavicon:!1,showFaviconSlot:!1,removable:L,removeLabel:B};const O=o?.previewImage?.medium,Z=o?.previewImageUrl,z=l?Z?O:void 0:Z??O,H=o?.faviconUrl,J=o?.description?.trim()||void 0;return{title:o?.title,description:J,url:k,href:k?(0,h._)(k):void 0,siteName:o?.siteName,font:A,imageUrl:z,faviconUrl:H,hasImage:!!z&&!p&&!y,hasFavicon:!!H&&!w,showFaviconSlot:!0,removable:L,removeLabel:B}})),this.set({linkPreview:null,imageErrored:!1,fallbackImageErrored:!1,faviconErrored:!1,hidePreviewImage:!1,loadingUrl:void 0,removable:!1,removeLabel:void 0,fontSize:i})}set linkPreview(o){this.hasDifferentImageIdentity(o)&&this.set({imageErrored:!1,fallbackImageErrored:!1,faviconErrored:!1}),this.setProperty("linkPreview",o)}hasDifferentImageIdentity(o){if(o instanceof n.y)return!0;const t=l=>`${l?.previewImageUrl??""}|${l?.previewImage?.medium??""}|${l?.faviconUrl??""}`;return t(o)!==t(this.get().linkPreview)}set hidePreviewImage(o){this.set({hidePreviewImage:o})}set loadingUrl(o){this.set({loadingUrl:o})}set removable(o){this.set({removable:o})}set removeLabel(o){this.set({removeLabel:o})}set fontSize(o){this.set({fontSize:o})}onImageError(){const{imageErrored:o}=this.get();this.set(o?{fallbackImageErrored:!0}:{imageErrored:!0})}onFaviconError(){this.set({faviconErrored:!0})}onRemoveClick(o){o.preventDefault(),o.stopPropagation(),this.removeClick.emit()}static#e=this.\u0275fac=function(t){return new(t||f)};static#n=this.\u0275cmp=e.Xpm({type:f,selectors:[["t5s-link-bookmark"]],inputs:{linkPreview:"linkPreview",hidePreviewImage:"hidePreviewImage",loadingUrl:"loadingUrl",removable:"removable",removeLabel:"removeLabel",fontSize:"fontSize",isFocused:"isFocused"},outputs:{removeClick:"removeClick"},features:[e.qOj],decls:2,vars:3,consts:[[4,"ngIf"],["target","_blank","rel","noopener noreferrer",3,"href","t5sClickableElement"],[3,"min-height","margin-bottom","color","font-weight","font-size","line-height","white-space","overflow","text-overflow",4,"ngIf"],[3,"height","color","font-size","line-height","white-space","overflow-wrap","overflow",4,"ngIf"],[3,"color","font-size","line-height","white-space","overflow","text-overflow",4,"ngIf"],[3,"flex","position",4,"ngIf"],["type","button",3,"position","top","right","display","align-items","justify-content","width","height","padding","border-width","border-style","border-color","border-radius","background","box-shadow","cursor","mousedown","click",4,"ngIf"],["alt","","referrerpolicy","no-referrer",3,"src","flex","width","height","object-fit","error",4,"ngIf","ngIfElse"],["faviconFallbackTpl",""],["alt","","referrerpolicy","no-referrer",3,"src","error"],[3,"icon","size","fgColor"],["type","button",3,"mousedown","click"]],template:function(t,l){1&t&&(e.YNc(0,a,11,66,"ng-container",0),e.ALo(1,"async")),2&t&&e.Q6J("ngIf",e.lcZ(1,1,l.vm$))},dependencies:[C.H,_.O5,U.v,_.Ov],encapsulation:2,changeDetection:0})}},47587:(E,u,r)=>{r.d(u,{J:()=>e,ZH:()=>h,ck:()=>x,k0:()=>v,lZ:()=>n});const e={SMALL:14,LARGE:16},m=e.LARGE;function v(d){return d>=m?{titleFontSizePx:16,titleLineHeightPx:22,titleMinHeightPx:24,descriptionFontSizePx:14,descriptionLineHeightPx:18,descriptionHeightPx:36,urlFontSizePx:14,urlLineHeightPx:20}:{titleFontSizePx:14,titleLineHeightPx:20,titleMinHeightPx:24,descriptionFontSizePx:12,descriptionLineHeightPx:16,descriptionHeightPx:32,urlFontSizePx:12,urlLineHeightPx:16}}function x(d){return d.replace(/^https?:\/\//i,"").replace(/\/$/,"")}function h(d){try{return new URL(d).hostname}catch{return x(d)}}function n(d){return!!d&&!(d.title||d.description||d.siteName||d.faviconUrl||d.previewImageUrl||d.previewImage)}},19394:(E,u,r)=>{r.d(u,{k:()=>b});var e=r(233),m=r(10224),v=r(76071),x=r(74434),n=r(91052),d=r(13043),g=r(63866),C=r(23554),_=r(96141);function U(c,a){if(1&c){const i=n.EpF();n.TgZ(0,"img",6),n.NdJ("error",function(){n.CHM(i);const s=n.oxw(2);return n.KtG(s.onFaviconError())}),n.qZA()}if(2&c){const i=n.oxw().ngIf;n.Udp("flex",i.singleLine?"0 0 auto":null)("width",1.2,"em")("height",1.2,"em")("border-radius",3,"px")("object-fit","contain")("vertical-align","-0.22em")("margin-right",.3,"em"),n.Q6J("src",i.faviconUrl,n.LSH)}}function P(c,a){if(1&c&&n._UZ(0,"t5s-svg",7),2&c){const i=n.oxw().ngIf,f=n.oxw();n.Udp("flex",i.singleLine?"0 0 auto":null)("display","inline-block")("vertical-align","-0.22em")("margin-right",.3,"em"),n.Q6J("icon",f.IconLink)("size",i.faviconSizePx)("fgColor",f.faviconFallbackColor)}}function I(c,a){if(1&c&&(n.TgZ(0,"span"),n._uU(1),n.qZA()),2&c){const i=n.oxw().ngIf,f=n.oxw();n.Udp("color",f.sitePrefixColor)("margin-right",.3,"em"),n.xp6(1),n.Oqu(i.sitePrefix)}}function T(c,a){if(1&c&&(n.TgZ(0,"span",8),n._uU(1),n.qZA()),2&c){const i=n.oxw().ngIf;n.Udp("font-weight",500),n.xp6(1),n.Oqu(i.label)}}function F(c,a){if(1&c&&(n.TgZ(0,"a",1),n.YNc(1,U,1,15,"img",2),n.YNc(2,P,1,11,"ng-template",null,3,n.W1O),n.TgZ(4,"span"),n.YNc(5,I,2,5,"span",4),n.YNc(6,T,2,3,"span",5),n.qZA()()),2&c){const i=a.ngIf,f=n.MA

1s(3);n.Udp("display",i.singleLine?"flex":"inline")("align-items",i.singleLine?"center":null)("max-width",i.singleLine?"100%":null)("min-width",i.singleLine?0:null,"px")("overflow",i.singleLine?"hidden":null)("white-space",i.singleLine?"nowrap":null)("font-size",i.fontSize,"px")("line-height",i.boxedWrap?i.wrapPillHeightPx:null,"px")("color","inherit")("text-decoration","none")("padding",i.singleLine?i.singleLinePaddingStr:i.boxedWrap?i.wrapPillPaddingStr:"0.15em 0.3em")("margin",i.boxedWrap?"0 -2px":null)("border-radius",i.singleLine||i.boxedWrap?6:4,"px")("transition","background-color 20ms ease-in"),n.Q6J("href",i.href||null,n.LSH),n.xp6(1),n.Q6J("ngIf",i.hasFavicon)("ngIfElse",f),n.xp6(3),n.Udp("min-width",i.singleLine?0:null,"px")("overflow",i.singleLine?"hidden":null)("text-overflow",i.singleLine?"ellipsis":null)("white-space",i.singleLine?"nowrap":null),n.xp6(1),n.Q6J("ngIf",i.sitePrefix),n.xp6(1),n.Q6J("ngIf",i.label)}}function S(c,a){return null==c?"0 2px":`${Math.max(0,(c-1.2*a)/2)}px 2px`}class b extends m.A{constructor(){super(),this.IconLink=e.JHz,this.faviconFallbackColor=this.rgba(this.Color.black,.4),this.sitePrefixColor=this.rgba(this.Color.black,.65),this.vm$=this.state$.pipe((0,x.U)(({linkPreview:a,faviconErrored:i,fontSize:f,singleLine:s,singleLinePaddingInlinePx:o,wrapPillHeightPx:t})=>{const l=a?.url,p=a?.faviconUrl,{sitePrefix:w,label:y}=function h(c){const a=c?.title?.trim()||void 0,i=c?.siteName?.trim()||void 0;return{sitePrefix:a&&i?i:void 0,label:a??i??(c?.url||void 0)}}(a),L=!s&&null!=t;return{sitePrefix:w,label:y,href:l?(0,v._)(l):void 0,faviconUrl:p,hasFavicon:!!p&&!i,fontSize:f,faviconSizePx:Math.round(1.2*f),singleLine:s,singleLinePaddingStr:`0 ${o??8}px`,boxedWrap:L,wrapPillHeightPx:t,wrapPillPaddingStr:S(L?t:null,f)}})),this.set({linkPreview:null,faviconErrored:!1,fontSize:14,singleLine:!1,singleLinePaddingInlinePx:null,wrapPillHeightPx:null})}set linkPreview(a){this.set({faviconErrored:!1}),this.setProperty("linkPreview",a)}set fontSize(a){this.set({fontSize:a})}set singleLine(a){this.set({singleLine:a})}set singleLinePaddingInlinePx(a){this.set({singleLinePaddingInlinePx:a})}set wrapPillHeightPx(a){this.set({wrapPillHeightPx:a})}onFaviconError(){this.set({faviconErrored:!0})}static#e=this.\u0275fac=function(i){return new(i||b)};static#n=this.\u0275cmp=n.Xpm({type:b,selectors:[["t5s-link-mention"]],inputs:{linkPreview:"linkPreview",fontSize:"fontSize",singleLine:"singleLine",singleLinePaddingInlinePx:"singleLinePaddingInlinePx",wrapPillHeightPx:"wrapPillHeightPx"},features:[n.qOj],decls:2,vars:3,consts:[["t5sClickableElement","","target","_blank","rel","noopener noreferrer",3,"href","display","align-items","max-width","min-width","overflow","white-space","font-size","line-height","color","text-decoration","padding","margin","border-radius","transition",4,"ngIf"],["t5sClickableElement","","target","_blank","rel","noopener noreferrer",3,"href"],["alt","","referrerpolicy","no-referrer",3,"src","flex","width","height","border-radius","object-fit","vertical-align","margin-right","error",4,"ngIf","ngIfElse"],["faviconFallbackTpl",""],[3,"color","margin-right",4,"ngIf"],["t5sUnderlinedDecoration","",3,"font-weight",4,"ngIf"],["alt","","referrerpolicy","no-referrer",3,"src","error"],[3,"icon","size","fgColor"],["t5sUnderlinedDecoration",""]],template:function(i,f){1&i&&(n.YNc(0,F,7,41,"a",0),n.ALo(1,"async")),2&i&&n.Q6J("ngIf",n.lcZ(1,1,f.vm$))},dependencies:[d.H,g.O5,C.v,_.L,g.Ov],encapsulation:2,changeDetection:0})}}}]);