(self.webpackChunkvt_ui_main=self.webpackChunkvt_ui_main||[]).push([[88687],{81844:(e,t,r)=>{"use strict";var o=r(48704),n=r(16645),s=r(45241),i=r(82696);let a,l,b,d,p,c=e=>e;var h=function(e,t,r,o){var n,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(i=(s<3?n(i):s>3?n(t,r,i):n(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};let m=class extends o.LitElement{constructor(){super(...arguments),this.open=!1,this.scrollOnCollapse=!0,this.offsetToTop=50,this.overflowing=!1}static get styles(){return(0,o.unsafeCSS)(i.A)}firstUpdated(e){super.firstUpdated(e),this.calculateOverflowing(),this.resizeObserver=new ResizeObserver((e=>{e.forEach((e=>{const t=e.target.scrollHeight,r=e.target.scrollWidth;t>0&&r>0&&!this.open&&this.calculateOverflowing()}))})),this.resizeObserver.observe(this.bodyElement)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.unobserve(this.bodyElement),super.disconnectedCallback()}isOverflowing(e){let t=e.clientWidth,r=e.clientHeight,o=e.scrollWidth;return e.scrollHeight>r||o>t}calculateOverflowing(){requestAnimationFrame((()=>{this.overflowing=this.isOverflowing(this.bodyElement)}))}toggleExpanded(){this.open=!this.open,this.scrollOnCollapse&&!this.open&&this.getBoundingClientRect().top-this.offsetToTop<0&&s.KK.getClosestScrollableParent(this).scroll({top:this.offsetTop-this.offsetToTop,behavior:"smooth"})}render(){return(0,o.html)(a||(a=c`
${0}`),this.calculateOverflowing,this.overflowing?(0,o.html)(l||(l=c` ${0} `),this.toggleExpanded,this.open?(0,o.html)(b||(b=c`Show less`)):(0,o.html)(d||(d=c`Show more`))):(0,o.html)(p||(p=c``)))}};h([(0,n.property)({type:Boolean,reflect:!0})],m.prototype,"open",void 0),h([(0,n.property)({type:Boolean})],m.prototype,"scrollOnCollapse",void 0),h([(0,n.property)({type:Number})],m.prototype,"offsetToTop",void 0),h([(0,n.property)({type:Boolean,reflect:!0})],m.prototype,"overflowing",void 0),h([(0,n.query)("#body")],m.prototype,"bodyElement",void 0),m=h([(0,n.customElement)("collapsable-paragraph")],m)},88687:(e,t,r)=>{"use strict";var o=r(9891),n=r(48704),s=r(16645),i=r(58927),a=r.n(i),l=(r(84034),r(85200)),b=r(78566),d=r(15323),p=r(71012),c=(r(81844),r(3933));let h,m,f,g,u,y,v=e=>e;var w=function(e,t,r,o){var n,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(i=(s<3?n(i):s>3?n(t,r,i):n(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};let x=class extends p.D{constructor(){super(...arguments),this.showUser=!1,this.deletable=!1,this.hideItemLink=!1}static get styles(){return(0,n.unsafeCSS)(c.A)}render(){return(0,n.html)(h||(h=v`
${0} ${0} ${0}

${0}

`),this._small,this._renderAuthor(),this._renderDetails(),this._renderLinks(),!1,(0,b._)(this.commentHtml))}_renderAuthor(){return this.showUser?(0,n.html)(m||(m=v`
`),(0,l.ifDefined)(this.authorCommentsPath),this.authorId):""}_renderDetails(){const e="graph"===this.itemType?"_blank":"_self";return(0,n.html)(f||(f=v`
${0}

${0} ${0}

`),this.showUser?(0,n.html)(g||(g=v`

${0}

`),(0,l.ifDefined)(this.authorCommentsPath),this.authorId):"",d.calendarIcon,this._unixtimeDate,this.hideItemLink?"":(0,n.html)(u||(u=v` ${0} ${0} `),this._iconType,(0,l.ifDefined)(this.itemUrl),e,this._small?this.itemType:this.itemId))}_renderLinks(){return this.deletable?(0,n.html)(y||(y=v` `),d.binIcon,this._deleteRequest):""}updated(e){super.updated(e),e.has("date")&&(this._unixtimeDate=this._getUnixtimeDate(this.date)),e.has("itemType")&&(this._iconType=this._computeIconType(this.itemType))}_computeIconType(e){return"file"===e?d.docEmptyIcon:"graph"===e?d.graphIcon:d.globeIcon}_deleteRequest(){this.isLoggedIn&&this.deletable&&this.dispatchEvent(new CustomEvent("vt-ui-comment-delete",{detail:{commentId:this.commentId}}))}_getUnixtimeDate(e){if(e)return new Date(e.slice(0,-4).replace(" ","T").concat("Z")).getTime()/1e3}};w([(0,s.property)({type:String})],x.prototype,"authorId",void 0),w([(0,s.property)({type:Boolean})],x.prototype,"showUser",void 0),w([(0,s.property)({type:Boolean})],x.prototype,"deletable",void 0),w([(0,s.property)({type:Boolean})],x.prototype,"hideItemLink",void 0),w([(0,s.property)({type:String})],x.prototype,"itemId",void 0),w([(0,s.property)({type:String})],x.prototype,"itemType",void 0),w([(0,s.property)({type:String})],x.prototype,"commentId",void 0),w([(0,s.property)({type:String})],x.prototype,"commentHtml",void 0),w([(0,s.property)({type:String})],x.prototype,"itemUrl",void 0),w([(0,s.property)({type:String})],x.prototype,"authorCommentsPath",void 0),w([(0,s.property)({type:String})],x.prototype,"date",void 0),w([(0,s.state)()],x.prototype,"_unixtimeDate",void 0),w([(0,s.state)()],x.prototype,"_iconType",void 0),x=w([(0,s.customElement)("vt-ui-comment")],x);var C=r(91848);let k,I,$=e=>e;var _=function(e,t,r,o){var n,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(i=(s<3?n(i):s>3?n(t,r,i):n(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};let T=class extends o.VtUiPagedList{static get styles(){return[...o.VtUiPagedList.styles,(0,n.unsafeCSS)(C.A)]}constructor(){super(),this.showUser=!1,this.hideItemLink=!1,this.apiRelationship="comments",this.noItemsText=(0,n.html)(k||(k=$` No comments found `),a())}renderData(){return(this.data||[]).map((e=>(0,n.html)(I||(I=$` `),e.authorId,e.date,e.itemId||e.id,e.itemType,e.commentHtml,this._isDeletable(e.authorId,this.userId),this.showUser,e.itemUrl,e.authorCommentsPath,this.hideItemLink,e.commentId,this._handleDelete)))}get _isLoggedIn(){return void 0!==this.userId}_isDeletable(e,t){return e===t}_handleDelete(e){const t={commentId:e.detail.commentId};this.dispatchEvent(new CustomEvent("vt-ui-comments-list-delete-requested",{detail:t,bubbles:!0,composed:!0}))}};_([(0,s.property)({type:String})],T.prototype,"userId",void 0),_([(0,s.property)({type:Boolean,attribute:"show-user"})],T.prototype,"showUser",void 0),_([(0,s.property)({type:Boolean})],T.prototype,"hideItemLink",void 0),T=_([(0,s.customElement)("vt-ui-comments-list")],T)},3933:(e,t,r)=>{"use strict";var o=r(89547),n=r.n(o),s=r(38532),i=r.n(s)()(n());i.push([e.id,":host {\n display: block;\n width: 100%;\n color: var(--vt-ui-comment-color, --bs-body-color);\n}\n:host([hidden]) {\n display: none;\n}\nheader {\n display: flex;\n width: 100%;\n min-width: 0;\n}\np {\n margin: 0;\n padding: 0;\n}\ncollapsable-paragraph {\n --collapsable-paragraph-lines: 10;\n}\nsvg {\n color: var(--bs-tertiary-color);\n fill: var(--bs-tertiary-color);\n width: 16px;\n height: 16px;\n margin-right: 8px;\n}\na {\n color: var(--vt-ui-comment-link-color, #333);\n text-decoration: none;\n cursor: pointer;\n}\na.show-more {\n font-weight: bold;\n color: var(--bs-tertiary-color);\n}\na:hover {\n color: var(--vt-ui-comment-link-hover-color, var(--bs-primary, #2772db));\n}\na.no-border {\n border: 0;\n}\n#username a {\n font-weight: bold;\n}\n#date,\n#item-id {\n display: flex;\n align-items: center;\n white-space: nowrap;\n}\n.links {\n padding-left: 0;\n}\n.links vt-ui-icon-button,\n.links .votes {\n opacity: 0;\n display: inline-block;\n text-transform: none;\n transition: opacity 0.2s ease-in-out;\n}\n.links .votes vt-ui-button {\n border: 0;\n}\n.links vt-ui-icon-button.pinned,\n.links .votes.pinned {\n opacity: 1;\n}\n:host(:hover) .links vt-ui-icon-button,\n:host(:hover) .links .votes {\n opacity: 1;\n}\n#comment-wrapper {\n padding: 20px;\n}\n#comment-wrapper[small] {\n padding: 5px;\n --vt-ui-avatar-size: 40px;\n}\n.author {\n padding-right: 20px;\n}\n#comment-wrapper[small] .author {\n padding-right: 10px;\n}\n.details {\n display: flex;\n flex-direction: column;\n vertical-align: top;\n flex: 1;\n min-width: 0;\n}\niron-icon {\n min-width: 24px;\n}\n#item-id {\n margin-left: 16px;\n min-width: 0;\n}\n#item-id a {\n border-bottom: var(--vt-ui-comment-link-border-bottom, 1px solid var(--bs-primary, #2772db));\n width: calc(100% - (16px + 8px));\n text-overflow: ellipsis;\n overflow: hidden;\n}\n#meta {\n display: flex;\n flex-direction: row;\n font-size: 12px;\n margin-bottom: 18px;\n min-width: 0;\n}\n#comment-wrapper[small] #meta {\n margin-bottom: 5px;\n}\n.red {\n color: var(--bs-danger, red);\n}\n.green {\n color: var(--bs-success, green);\n}\nvt-ui-avatar {\n --vt-ui-avatar-border-size: 0px;\n --vt-ui-avatar-size: 40px;\n}\nvt-ui-time-ago {\n --vt-ui-time-ago-color: var(--bs-body-color);\n}\n",""]),t.A=i},82696:(e,t,r)=>{"use strict";var o=r(89547),n=r.n(o),s=r(38532),i=r.n(s),a=r(88869),l=i()(n());l.i(a.A),l.push([e.id,':host{--collapsable-paragraph-lines: 4;--collapsable-paragraph-background: var( --collapsable-paragraph-custom-bg, var(--bs-body-bg) )}#body{line-height:1.4em;max-height:calc(var(--collapsable-paragraph-lines)*1.4em)}#body ::slotted(*){white-space:pre-line}:host([overflowing]:not([open])) #body:after{content:"";width:100%;height:1.4em;position:absolute;left:0;bottom:0;background:linear-gradient(transparent, var(--collapsable-paragraph-background))}:host([open]) #body{overflow:inherit;max-height:inherit}',""]),t.A=l},91848:(e,t,r)=>{"use strict";var o=r(89547),n=r.n(o),s=r(38532),i=r.n(s)()(n());i.push([e.id,'/*!\n * Bootstrap v5.3.2 (https://getbootstrap.com/)\n * Copyright 2011-2023 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */:root{--bs-blue: #0b4dda;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #000000;--bs-red: #c52420;--bs-orange: #e57300;--bs-yellow: #fce967;--bs-green: #39ac4c;--bs-teal: #20c997;--bs-cyan: #287bb5;--bs-black: #000;--bs-white: #fff;--bs-gray: #666666;--bs-gray-dark: #333333;--bs-gray-100: #f9f9f9;--bs-gray-200: #f2f2f2;--bs-gray-300: #e6e6e6;--bs-gray-400: #cccccc;--bs-gray-500: #b3b3b3;--bs-gray-600: #666666;--bs-gray-700: #4d4d4d;--bs-gray-800: #333333;--bs-gray-900: #1a1a1a;--bs-primary: #0b4dda;--bs-success: #39ac4c;--bs-info: #007be6;--bs-warning: #e57300;--bs-danger: #c52420;--bs-primary-rgb: 11, 77, 218;--bs-success-rgb: 57, 172, 76;--bs-info-rgb: 0, 123, 230;--bs-warning-rgb: 229, 115, 0;--bs-danger-rgb: 197, 36, 32;--bs-primary-text-emphasis: #062b79;--bs-secondary-text-emphasis: #292929;--bs-success-text-emphasis: #20602a;--bs-info-text-emphasis: #004480;--bs-warning-text-emphasis: #804000;--bs-danger-text-emphasis: #6d1412;--bs-light-text-emphasis: #4d4d4d;--bs-dark-text-emphasis: #4d4d4d;--bs-primary-bg-subtle: #cfddfc;--bs-secondary-bg-subtle: #e0e0e0;--bs-success-bg-subtle: #ecf9ee;--bs-info-bg-subtle: #e5f3ff;--bs-warning-bg-subtle: #fff2e5;--bs-danger-bg-subtle: #fae1e0;--bs-light-bg-subtle: #fcfcfc;--bs-dark-bg-subtle: #cccccc;--bs-primary-border-subtle: #9db8f0;--bs-secondary-border-subtle: #c2c2c2;--bs-success-border-subtle: #b0deb7;--bs-info-border-subtle: #99caf5;--bs-warning-border-subtle: #f5c799;--bs-danger-border-subtle: #e8a7a6;--bs-light-border-subtle: #f2f2f2;--bs-dark-border-subtle: #b3b3b3;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: "Source Sans Pro", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;--bs-font-monospace: "Source Code Pro", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #20242c;--bs-body-color-rgb: 32, 36, 44;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: #363c49;--bs-secondary-color-rgb: 54, 60, 73;--bs-secondary-bg: #f9fafb;--bs-secondary-bg-rgb: 249, 250, 251;--bs-tertiary-color: #626c84;--bs-tertiary-color-rgb: 98, 108, 132;--bs-tertiary-bg: #eceef4;--bs-tertiary-bg-rgb: 236, 238, 244;--bs-heading-color: inherit;--bs-link-color: #20242c;--bs-link-color-rgb: 32, 36, 44;--bs-link-decoration: none;--bs-link-hover-color: #0b4dda;--bs-link-hover-color-rgb: 11, 77, 218;--bs-code-color: #000000;--bs-highlight-color: #20242c;--bs-highlight-bg: #fefbe1;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #e5e9f0;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(11, 77, 218, 0.25);--bs-form-valid-color: #39ac4c;--bs-form-valid-border-color: #39ac4c;--bs-form-invalid-color: #c52420;--bs-form-invalid-border-color: #c52420}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}svg{vertical-align:middle}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes placeholder-glow{50%{opacity:.01}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.m-auto{margin:auto !important}html{scrollbar-color:var(--bs-input-border-color) var(--bs-tertiary-bg)}:host{color:var(--bs-body-color)}vt-ui-comment{margin-bottom:10px;border-bottom:1px solid var(--bs-border-color);color:var(--bs-body-color);font-size:var(--bs-body-font-size)}vt-ui-comment:last-of-type{border-bottom:none}',""]),t.A=i},58927:e=>{e.exports='\n \n \n \n \n \n \n \n \n \n\n'}}]); //# sourceMappingURL=88687.5467bba500c091961968.js.map