"use strict";(self.webpackChunkvt_ui_main=self.webpackChunkvt_ui_main||[]).push([[32827,38398],{90604:(t,e,o)=>{var i=o(9891),r=o(48704),s=o(16645),n=o(98217);let a,b,l,c,d,p,h,m=t=>t;var g=function(t,e,o,i){var r,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,o,n):r(e,o))||n);return s>3&&n&&Object.defineProperty(e,o,n),n};let y=class extends((0,i.ResponsiveMixin)(r.LitElement)){constructor(){super(...arguments),this.title="",this.noMobile=!1}static get styles(){return(0,r.unsafeCSS)(n.A)}render(){return(0,r.html)(a||(a=m` <section ?medium="${0}" ?small="${0}" ?no-mobile="${0}"> ${0} ${0} ${0} </section> `),this._medium,this._small,this._noMobile,this.titlePrefixIcon,this.title?(0,r.html)(b||(b=m`<h4 id="section-title"> ${0} ${0} </h4> ${0} ${0} `),this.title,this.info?(0,r.html)(l||(l=m`<span id="info-badge"> (${0}) </span> `),this.info):r.nothing,this.info&&this.infoDescription?(0,r.html)(c||(c=m` <vt-ui-tooltip for="info-badge" ?hidden="${0}" position="top" animation-delay="0" class="tooltip-info" noink> ${0} </vt-ui-tooltip>`),!this._large,this.infoDescription):r.nothing,this.description?(0,r.html)(d||(d=m`<vt-ui-tooltip for="section-title" position="right"> ${0} </vt-ui-tooltip>`),this.description):""):"",this._noMobile?(0,r.html)(p||(p=m` <p>This section isn't optimized for mobile devices</p> `)):(0,r.html)(h||(h=m` <slot name="entry-content"></slot> `)))}updated(t){(t.has("noMobile")||t.has("_small"))&&(this._noMobile=this.noMobile&&this._small)}};g([(0,s.property)({type:String})],y.prototype,"title",void 0),g([(0,s.property)({type:String})],y.prototype,"description",void 0),g([(0,s.property)({type:Boolean,attribute:"no-mobile"})],y.prototype,"noMobile",void 0),g([(0,s.state)()],y.prototype,"_noMobile",void 0),g([(0,s.property)({type:String})],y.prototype,"info",void 0),g([(0,s.property)({type:String,attribute:"info-description"})],y.prototype,"infoDescription",void 0),g([(0,s.property)()],y.prototype,"titlePrefixIcon",void 0),y=g([(0,s.customElement)("vt-ui-expandable-entry")],y)},38398:(t,e,o)=>{var i=o(9891),r=o(48704),s=o(16645),n=o(85200),a=o(30113),b=o(13584),l=o(70576),c=o(90672),d=o(71050);let p,h,m,g,y,f,u,v,k,x,w,$,S=t=>t;var I=function(t,e,o,i){var r,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,o,n):r(e,o))||n);return s>3&&n&&Object.defineProperty(e,o,n),n};let D=class extends((0,i.ResponsiveMixin)(r.LitElement)){constructor(){super(...arguments),this.contracted=!1,this.title="",this.addStyle="",this.noMobile=!1,this.secondaryIconDescAsTooltip=!1,this.collapsable=!1,this.noHeader=!1,this.clickableActionTitle=!1}static get styles(){return(0,r.unsafeCSS)(d.A)}firstUpdated(t){super.firstUpdated(t),t.has("stateKey")&&this.stateKey&&(this.contracted=this.getContractedSections().includes(this.stateKey))}getContractedSections(){try{const t=localStorage.getItem("contracted-behaviours");return t?JSON.parse(t):[]}catch(t){console.warn("localStorage disabled")}}storeContractedState(){const t=this.getContractedSections();localStorage.removeItem("contracted-behaviours"),this.contracted?(t.push(this.stateKey),localStorage.setItem("contracted-behaviours",JSON.stringify(t))):localStorage.setItem("contracted-behaviours",JSON.stringify(t.filter((t=>t!==this.stateKey))))}render(){return(0,r.html)(p||(p=S` <div id="wrapper" ?small="${0}" ?no-mobile="${0}"> ${0} <div class="details" ?hidden="${0}"> ${0} ${0} </div> </div> `),!this._large,this.computeNoMobile(this.noMobile,this._small),this.noHeader?(0,r.html)(h||(h=S` <div></div> `)):(0,r.html)(m||(m=S` <div class="section-header hstack gap-2 position-relative" @click="${0}"> <slot name="header" class="hstack gap-2 w-100"> <div class="title hstack gap-2" role="${0}" @click="${0}"> ${0} ${0} ${0} </div> ${0} ${0} ${0} ${0} <slot name="header-right-side"></slot> ${0} </slot> ${0} </div> `),this.toggleContracted,(0,n.ifDefined)(this.clickableActionTitle?"button":void 0),this.clickableActionTitle?this.titleClicked:null,this.titlePrefixIcon,this.title,this.info?(0,r.html)(g||(g=S` <span id="info-badge"> (${0}) </span> `),this.info):r.nothing,this.description?(0,r.html)(y||(y=S` <a id="info" role="button" class="hstack"> ${0} </a> <vt-ui-tooltip ?hidden="${0}" for="info" position="right" animation-delay="0" class="tooltip-info" noink>${0} </vt-ui-tooltip> `),l.infoOutlineIcon,!this._large,this.description):r.nothing,this.apiDescription?(0,r.html)(f||(f=S` <a id="api" role="button" class="hstack"> ${0} </a> <vt-ui-tooltip ?hidden="${0}" for="api" position="right" animation-delay="0" class="tooltip-info" noink>${0} </vt-ui-tooltip> `),c.apiIcon,!this._large,this.apiDescription):r.nothing,this.secondaryIconDescAsTooltip?r.nothing:(0,r.html)(u||(u=S` <span class="ms-auto">${0}</span> `),this.secondaryIconDesc),this.secondaryIcon?(0,r.html)(v||(v=S` <a id="secondaryIcon" role="button" class="hstack ms-auto" @click="${0}"> ${0} </a> `),this.launchOnTapEvent,this.secondaryIcon):r.nothing,this.secondaryIconDescAsTooltip?(0,r.html)(k||(k=S` <vt-ui-tooltip ?hidden="${0}" for="secondaryIcon" position="left" animation-delay="0" class="tooltip-info" noink> ${0} </vt-ui-tooltip> `),!this._large,this.secondaryIconDesc):"",this.collapsable?(0,r.html)(x||(x=S` <a role="button" class="hstack">${0}</a> `),this.icon):r.nothing),this.contracted,this.computeNoMobile(this.noMobile,this._small)?(0,r.html)(w||(w=S` <p>This section isn't optimized for mobile devices</p> `)):"",this.computeNoMobile(this.noMobile,this._small)?"":(0,r.html)($||($=S` <slot name="content"></slot> `)))}titleClicked(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("click-title"))}updated(t){t.has("contracted")&&(this.icon=this.computeIcon(this.contracted))}computeNoMobile(t,e){return t&&e}computeIcon(t){return t?a.chevronDownIcon:b.chevronUpIcon}toggleContracted(){this.collapsable&&(this.dispatchEvent(new CustomEvent("card-height-changed",{bubbles:!0,composed:!0})),this.contracted=!this.contracted,this.stateKey&&this.storeContractedState())}launchOnTapEvent(t){t.preventDefault(),t.stopPropagation(),this.secondaryIcon&&this.dispatchEvent(new CustomEvent("vt-ui-expandable-secondary-button-pressed",{bubbles:!0,composed:!0}))}};I([(0,s.property)({type:Boolean,reflect:!0})],D.prototype,"contracted",void 0),I([(0,s.property)({type:String})],D.prototype,"title",void 0),I([(0,s.property)({type:String})],D.prototype,"addStyle",void 0),I([(0,s.property)({type:String})],D.prototype,"description",void 0),I([(0,s.property)({type:String,attribute:"api-description"})],D.prototype,"apiDescription",void 0),I([(0,s.property)({type:Boolean})],D.prototype,"noMobile",void 0),I([(0,s.property)({type:String,attribute:"secondary-icon-desc"})],D.prototype,"secondaryIconDesc",void 0),I([(0,s.property)({type:Object})],D.prototype,"secondaryIcon",void 0),I([(0,s.property)({type:Boolean,attribute:"secondary-icon-desc-as-tooltip"})],D.prototype,"secondaryIconDescAsTooltip",void 0),I([(0,s.property)({type:Boolean,reflect:!0})],D.prototype,"collapsable",void 0),I([(0,s.property)({type:Boolean,reflect:!0})],D.prototype,"noHeader",void 0),I([(0,s.property)({type:Boolean})],D.prototype,"clickableActionTitle",void 0),I([(0,s.property)({type:String})],D.prototype,"info",void 0),I([(0,s.property)({type:String})],D.prototype,"infoDescription",void 0),I([(0,s.property)()],D.prototype,"titlePrefixIcon",void 0),I([(0,s.property)({type:String,reflect:!0})],D.prototype,"stateKey",void 0),I([(0,s.state)()],D.prototype,"icon",void 0),D=I([(0,s.customElement)("vt-ui-expandable")],D)},98217:(t,e,o)=>{var i=o(89547),r=o.n(i),s=o(38532),n=o.n(s)()(r());n.push([t.id,":host {\n  display: block;\n  font-size: var(--vt-ui-expandable-entry-font-size, 13px);\n  margin-bottom: 20px;\n}\n:host([hidden]) {\n  display: none;\n}\nvt-ui-tooltip {\n  font-size: 12px;\n  max-width: 500px;\n  line-height: 1.2;\n}\nh4 {\n  display: inline-block;\n  cursor: pointer;\n  margin: 5px 0 5px 0px;\n  text-transform: capitalize;\n}\nsection[medium] h4,\nsection[small] h4 {\n  margin-bottom: 0px;\n  -webkit-margin-before: 0.7em;\n}\nsection[medium],\nsection[small] {\n  word-wrap: break-word;\n}\nsection[no-mobile] ::slotted(*) {\n  display: none;\n}\n#section-title {\n  color: var(--bs-body-color, #333);\n  cursor: inherit;\n}\n",""]),e.A=n},71050:(t,e,o)=>{var i=o(89547),r=o.n(i),s=o(38532),n=o.n(s)()(r());n.push([t.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}}p{margin-top:0;margin-bottom:1rem}small,.small{font-size:.875em}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}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}button,[type=button]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled){cursor:pointer}::-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}[hidden]{display:none !important}: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%}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.position-relative{position:relative !important}.w-100{width:100% !important}.ms-auto{margin-left:auto !important}:host([like-card]) .section-header{padding-right:1rem !important;padding-left:1rem !important}:host([like-card]) .section-header{padding-top:.5rem !important;padding-bottom:.5rem !important}.gap-2{gap:.5rem !important}:host([like-card]) .section-header{font-weight:600 !important}:host([like-card]) .section-header{border-top-left-radius:var(--bs-border-radius) !important;border-top-right-radius:var(--bs-border-radius) !important}:host([like-card]) .details{border-bottom-right-radius:var(--bs-border-radius) !important;border-bottom-left-radius:var(--bs-border-radius) !important}html{scrollbar-color:var(--bs-input-border-color) var(--bs-tertiary-bg)}.section-header{border-top:1px solid var(--bs-border-color);border-bottom:1px solid var(--bs-border-color);padding:.5rem 1rem;display:flex;align-items:center}.section-header .title{font-weight:bold;font-size:1rem}:host{--vt-ui-expandable-border-color: var(--bs-secondary-bg);display:block;position:relative;background:var(--bs-body-bg)}:host([like-card]) .section-header{background-color:var(--bs-tertiary-bg);border-top:0px !important}:host([like-card]) .details{background-color:var(--bs-secondary-bg)}:host([hidden]){display:none !important}#wrapper[no-mobile] ::slotted(*){display:none}.details{padding:var(--vt-ui-expandable-details-padding, 5px 13px)}:host([noheader]) .details{padding:0px}:host([no-top-header-border]) .section-header{border-top:0px !important}:host([no-bottom-header-border]) .section-header{border-bottom:0px !important}',""]),e.A=n}}]);
//# sourceMappingURL=32827.e9df234ac022e0ec6707.js.map