Search By Industry/Sector Explore the Globe Browse Companies Browse Case Studies Company Directory About Us Join the UKAEG Sign in or Register
to create your Shortlist
TALENT REPUBLIC Just Eat Takeaway.com is a leading global, online food delivery marketplace, connecting consumers and restaurants through its digital platform.
A-LIST CELEBRITY PARTNERSHIP STRATEGY & IMPLEMENTATION CONTRACT NEGOTIATION CAMPAIGN MANAGEMENT
EUROPE NORTH AMERICA OCEANIA UK At the close of 2019, McCann brought Talent Republic on board to secure a global music Artist for top client, Just Eat Takeaway. The team wanted to tap into a younger demographic, while still engaging existing customers. The campaign would include a bespoke track incorporating the existing Just Eat mnemonic.
Cut to 2020 and Snoop Dogg brightens screens across the world with his iconic ‘Just Eat’ collaboration.
The negotiation – led by Talent Republic – included the sync deal and delivery of the track, all resulting in Just Eat’s most successful campaign to date.
Harnessing the success of the Snoop campaign, Just Eat have since launched further iterations of the partnership in regional markets, all negotiated by Talent Republic. These include work with McCann Australia and Doggy Dogg Christmas in the UK.
Just Eat wanted to appeal to a younger demographic without alienating their existing base. In order to entertain a spirited, switched-on crowd in a meaningful way, they decided to utilise the power of music.
What they needed was a megastar to sample their jingle ‘Did Somebody Say’ in a mutually authentic collaboration. The track couldn’t be too earnest either; the Artist would need to appreciate their sense of humour.
Talent Republic considered music Artists who were culturally relevant around the world. They strategically identified and analysed Talent that resonated with a younger audience but also didn’t alienate Just Eat’s older core demographic.
Snoop Dogg’s enormous fan base spans generations, from 15-year-olds to 60-year-olds. He has a total reach of 170 million on his social channels with followers living across the globe. His music boasts an incredibly distinct west coast sound, which is instantly recognisable to all – the perfect partner to collaborate on the campaign.
Talent Republic cast, secured and managed all Talent related aspects from concept to completion, which included the sync deal and delivery of the track, as well as further iterations of the campaign.
Negotiations included: drafting contractual agreements, advising and helping manage costs across every aspect from SAG, travel, accommodation, security, to publicist and glam.
RESULTS 2020’s ‘biggest collaboration’ Billed as
95% spontaneous awareness on Social
58% brand growth
59% increase in brand interest
Best Use of an Influencer or Celebrity Campaign Big Awards 2021
Case Studies from Talent Republic Rebecca Ferguson in ‘The Unfair Advantage’ x Copper Will Ferrell in ‘Will Power’ x Lunar Contact Charlie Powell
Managing Partner
Get in touch
Add to shortlist ADD TO SHORTLIST
\n `}}class a extends o.oi{static properties={open:{type:Boolean,reflect:!0}};static styles=[o.iv`\n :host {\n display: block;\n }\n * {\n margin: 0;\n padding: 0;\n }\n *,*::before, *::after {\n box-sizing: border-box;\n }\n .tray {\n max-height: 0px;\n transition-property: max-height;\n transition-duration: var(--accordion-item-transition-duration, 0.15s);\n transition-delay: var(--accordion-item-transition-delay, 0s);\n transition-timing-function: var(--accordion-item-ease, ease-in-out);\n overflow-y: scroll;\n padding: 0 var(--crowd-accordion-item-tray-padding-horizontal,1em);\n background-color: var(--crowd-accordion-tray-background-color, #fff);\n pointer-events: none;\n }\n :host([open]) .tray {\n max-height: 90vh;\n padding: var(--crowd-accordion-item-tray-padding-vertical,0.5em) var(--crowd-accordion-item-tray-padding-horizontal,1em);\n pointer-events: all;\n }\n h3 {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n padding: var(--crowd-accordion-item-title-padding-vertical,1em) var(--crowd-accordion-item-title-padding-horizontal,1em);\n color: var(--crowd-accordion-item-title-color, #000);\n background-color: var(--crowd-accordion-item-title-background-color, #fff);\n font-weight: var(--crowd-accordion-item-title-weight, 400);\n font-size: var(--crowd-accordion-item-title-font-size, 1.15em);\n }\n @media (hover: hover) {\n h3:hover {\n color: var(--crowd-accordion-item-title-hover-color, #000);\n background-color: var(--crowd-accordion-item-title-hover-background-color, #eee);\n }\n }\n input {\n opacity: 0;\n position: absolute;\n -webkit-appearance: none;\n }\n .container:focus-within h3 {\n color: var(--crowd-accordion-item-title-hover-color, #000);\n background-color: var(--crowd-accordion-item-title-hover-background-color, #eee);\n box-shadow: 0 0 0 var(--crowd-input-focus-width, 2px) var(--crowd-input-focus-color, rgba(0,0,0,0.3));\n }\n\n :host([open]) h3 {\n color: var(--crowd-accordion-item-title-open-color, #000);\n background-color: var(--crowd-accordion-item-title-open-background-color, #eee);\n border-bottom: var(--crowd-accordion-border-width, 1px) var(--crowd-accordion-border-style, solid) var(--crowd-accordion-border-color, #ddd);\n }\n\n h3 crowd-icon {\n transition-property: transform;\n transition-duration: var(--accordion-item-transition-duration, 0.15s);\n transition-delay: var(--accordion-item-transition-delay, 0s);\n transition-timing-function: var(--accordion-item-ease, ease-in-out);\n }\n :host([open]) h3 crowd-icon {\n transform: rotate(180deg);\n }\n :host(:first-child) .container,:host(:first-child) .container h3 {\n border-top-left-radius: var(--crowd-accordion-border-radius, 4px);\n border-top-right-radius: var(--crowd-accordion-border-radius, 4px);\n }\n :host(:last-child) .container,:host(:last-child) .container .tray, :host(:last-child:not([open])) .container h3 {\n border-bottom-left-radius: var(--crowd-accordion-border-radius, 4px);\n border-bottom-right-radius: var(--crowd-accordion-border-radius, 4px);\n }\n :host(:not(:first-child)) .container {\n border-top: var(--crowd-accordion-border-width, 1px) var(--crowd-accordion-border-style, solid) var(--crowd-accordion-border-color, #ddd);\n }\n :host(:nth-child(2):last-child) .container {\n border-top: none;\n }\n `];show(){this.open=!0;const t=new CustomEvent(\"crowdOpen\");this.dispatchEvent(t)}close(){this.open=!1;const t=new CustomEvent(\"crowdClose\");this.dispatchEvent(t)}toggle(){let t;this.open=!this.open,t=this.open?new CustomEvent(\"crowdOpen\"):new CustomEvent(\"crowdClose\"),this.dispatchEvent(t)}_focus(){this.renderRoot.querySelector(\"input\").focus()}_keyDown(t){switch(t.key){case\" \":case\"Enter\":this.toggle();break;case\"Tab\":break;default:t.preventDefault()}}render(){return o.dy`\n
\n this._keyDown(t)}' type='text' />\n
{this._focus(),this.toggle()}}'>${this.title} \n
\n
\n `}}},326:(t,e,r)=>{\"use strict\";r.d(e,{b:()=>i});var o=r(392);class i extends o.oi{static properties={open:{type:Boolean,reflect:!0},closable:{type:Boolean},duration:{type:Number},toast:{type:Boolean}};static styles=[o.iv`\n :host {\n display: block;\n }\n :host, :host * {\n box-sizing: inherit;\n }\n .alert {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n background-color: var(--crowd-alert-background-color, white);\n padding: var(--crowd-alert-padding-vertical, 1em) var(--crowd-alert-padding-horizontal,1em);\n gap: var(--crowd-alert-spacing, 1em);\n color: inherit;\n border: 1px solid #eee;\n border-top: var(--crowd-alert-border-width, 3px) var(--crowd-alert-border-style, solid) var(--crowd-alert-color,black);\n animation: close 0.2s forwards;\n border-radius: var(--crowd-alert-border-radius,2px);\n font-size: var(--crowd-alert-font-size, inherit);\n pointer-events: var(--crowd-alert-pointer-events, all);\n }\n .alert > div {\n flex: 1 1 auto;\n }\n slot[name='icon'] {\n color: var(--crowd-alert-color, black);\n }\n\n :host([open]) .alert {\n animation: open 0.2s forwards;\n }\n :host([toast]) .alert {\n box-shadow: var(\n --crowd-alert-box-shadow,\n 0 2px 8px rgba(0, 0, 0, 0.1)\n );\n }\n\n .close {\n margin-left: auto;\n }\n\n @keyframes open {\n 0% {\n height: 0px;\n transform: scale(0);\n opacity: 0;\n padding: 0;\n border-width: 0px;\n }\n 1% {\n height: auto;\n transform: scale(0.5);\n padding: 0;\n border-width: 0px;\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n @keyframes close {\n 0% {\n height: auto;\n transform: scale(1);\n opacity: 1;\n }\n 99% {\n height: auto;\n transform: scale(0.5);\n opacity: 0;\n padding: 0;\n border-width: 0px;\n }\n 100% {\n height: 0px;\n transform: scale(0);\n opacity: 0;\n padding: 0;\n border-width: 0px;\n }\n }\n `];connectedCallback(){super.connectedCallback(),this.duration&&setTimeout((()=>this.hide()),this.duration),this.toast&&this._setupToast()}_createToastStack(){let t=document.createElement(\"toast-stack\");return document.body.appendChild(t),t}_setupToast(){let t=document.querySelector(\"toast-stack\");t||(t=this._createToastStack()),this.parentElement!=t&&(this.parentElement.removeChild(this),t.appendChild(this))}show(){this.open=!0,this.duration&&setTimeout((()=>this.hide()),this.duration)}hide(){this.open=!1}toast(){this.toast&&(this.open=!0)}constructor(){super(),this.toast=!1}render(){let t=\"\";return this.closable&&(t=o.dy`\n
this.hide()}'> \n `),o.dy`\n
\n \n `}}},867:(t,e,r)=>{\"use strict\";r.d(e,{C:()=>i});var o=r(392);class i extends o.oi{static properties={pill:{type:Boolean},pulse:{type:Boolean},type:{type:String}};static styles=[o.iv`\n :host {\n display: inline-grid;\n place-items: center;\n }\n\n :host([type='danger']) {\n --crowd-badge-color: #f92f06;\n }\n\n :host([type='warning']) {\n --crowd-badge-color: #ffd000;\n }\n\n :host([type='success']) {\n --crowd-badge-color: #65d672;\n }\n\n .badge {\n color: var(--crowd-badge-text-color, inherit);\n background-color: var(--crowd-badge-color);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1;\n white-space: nowrap;\n padding: var(--crowd-badge-padding-vertical,3px) var(--crowd-badge-padding-horizontal, 6px);\n user-select: none;\n cursor: inherit;\n }\n\n :host([pill]) .badge {\n border-radius: 999px;\n }\n\n :host([pulse]) .badge {\n animation: 1.5s ease 0s infinite normal none running pulse;\n }\n\n .badge {\n border-radius: var(--crowd-badge-border-radius, 0px);\n }\n\n @keyframes pulse {\n 0% {\n box-shadow: 0 0 0 0 var(--pulse-color, var(--crowd-badge-color));\n }\n 70% {\n box-shadow: 0 0 0 0.5rem transparent;\n }\n 100% {\n box-shadow: 0 0 0 0 transparent;\n }\n }\n `];render(){return o.dy`\n
\n \n `}}},565:(t,e,r)=>{\"use strict\";r.d(e,{z:()=>i});var o=r(392);class i extends o.oi{static properties={href:{type:String},pill:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},caret:{type:Boolean},target:{type:String},circle:{type:Boolean}};static styles=o.iv`\n :host {\n display: inline-block;\n width: auto;\n cursor: pointer;\n line-height: 1;\n }\n button,a {\n -webkit-appearance: none;\n background-color: var(--crowd-button-background-color, #eeeeee);\n padding: var(--crowd-button-padding-vertical,0.5em) var(--crowd-button-padding-horizontal, 1em);\n color: var(--crowd-button-color, inherit);\n border: var(--crowd-button-border-width, 2px) var(--crowd-button-border-style, solid) var(--crowd-button-border-color, #aeaeae);\n border-radius: var(--crowd-button-border-radius, 3px);\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n text-align: var(--crowd-button-text-align, center);\n display: inline-flex;\n width: 100%;\n height: var(--crowd-button-height, 2.5em);\n flex-flow: row nowrap;\n justify-content: var(--crowd-button-justify,center);\n align-items: center;\n gap: var(--crowd-button-gap, 0.5em);\n cursor: pointer;\n margin: 0;\n text-decoration: none;\n box-sizing: border-box;\n transition-property: background-color, border-color, color;\n transition-duration: var(--crowd-button-transition-duration, 0.15s);\n transition-timing-function: var(--crowd-button-transition-ease, ease-in-out);\n transition-delay: var(--crowd-button-transition-delay, 0s);\n position:relative;\n text-transform: var(--crowd-button-text-transform, inherit);\n }\n button:focus, button:active, a:focus,a:active {\n outline: none;\n }\n button:focus,button:active, a:focus,a:active {\n box-shadow: 0px 0px 0px var(--crowd-button-focus-width, 2px) var(--crowd-button-focus-color, rgba(0,0,0,0.3));\n }\n :host([pill]) button, :host([pill]) a {\n border-radius: var(--crowd-button-pill-border-radius, 999px);\n }\n @media (hover: hover) {\n button:hover, a:hover {\n background-color: var(--crowd-button-hover-background-color, #aeaeae);\n border-color: var(--crowd-button-hover-border-color, #aeaeae);\n color: var(--crowd-button-hover-color, #fff);\n }\n }\n :host([disabled]) {\n opacity: 0.5;\n pointer-events: none;\n }\n :host([circle]) button, :host([circle]) a {\n aspect-ratio: 1/1;\n height: var(--crowd-button-width, auto);\n width: var(--crowd-button-width, auto);\n border-radius: 50%;\n }\n slot[name='prefix'] svg,\n slot[name='suffix'] svg {\n height: 1.5em;\n }\n .prefix,.suffix {\n display: inline-grid;\n place-items:center;\n }\n .label {\n display: flex;\n flex-flow: row nowrap;\n justfy-content: flex-start;\n align-items:center;\n }\n :host([loading]) button, :host([loading]) a {\n display: inline-grid;\n place-items: center;\n }\n crowd-spinner {\n position: absolute;\n top:50%;\n left:50%;\n transform: translate(-50%,-50%);\n }\n .loading {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: var(--crowd-button-justify,center);\n align-items: center;\n gap: var(--crowd-button-gap, 0.5em);\n opacity: 0;\n }\n `;constructor(){super()}render(){let t=\"\";this.caret&&(t=o.dy`\n
\n `);let e=o.dy`\n
\n \n
\n \n
\n ${t} \n \n `;this.loading&&(e=o.dy`
${e} `);let r=o.dy`\n \n `;return this.href&&(r=o.dy`\n
\n ${e}\n \n `),o.dy`\n ${r}\n `}}},266:(t,e,r)=>{\"use strict\";r.d(e,{X:()=>i});var o=r(392);class i extends o.oi{static properties={name:{type:String},value:{type:String},checked:{type:Boolean,reflect:!0},required:{type:Boolean},errorMessage:{type:String},invalid:{type:Boolean,reflect:!0}};static styles=o.iv`\n :host {\n display: block;\n position:relative;\n }\n input {\n -webkit-apperance: none;\n height: 0px;\n width: 0px;\n opacity: 0;\n position: absolute;\n margin: 0;\n }\n label {\n color: var(--crowd-input-color, inherit);\n font-family: inherit;\n font-weight: inherit;\n font-size: inherit;\n cursor: pointer;\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: var(--crowd-checkbox-align, center);\n gap: var(--crowd-checkbox-spacing,0.5em);\n }\n .box {\n border: var(--crowd-checkbox-border-width,1px) var(--crowd-checkbox-border-style,solid) var(--crowd-checkbox-border-color,black);\n min-width: calc(1.2em - (2 * var(--crowd-checkbox-border-width,1px)));\n min-height: calc(1.2em - (2 * var(--crowd-checkbox-border-height,1px)));\n max-width: calc(1.2em - (2 * var(--crowd-checkbox-border-width,1px)));\n max-height: calc(1.2em - (2 * var(--crowd-checkbox-border-height,1px)));\n background-color: var(--crowd-checkbox-background-color, transparent);\n color: var(--crowd-checkbox-color, black);\n line-height: 1;\n display: grid;\n place-items: center;\n font-size: 1em;\n position: relative;\n transition-property: color, background-color;\n transition-duration: var(--crowd-checkbox-transition-duration,0.15s);\n transition-timing-function: var(--crowd-checkbox-transition-ease, ease-in-out);\n transition-delay: var(--crowd-checkbox-transition-delay,0s);\n }\n .container {\n max-width: 100%;\n }\n .box svg {\n position:absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n input:focus + label .box {\n box-shadow: 0 0 0 var(--crowd-input-focus-width, 2px) var(--crowd-input-focus-color, rgba(0,0,0,0.3));\n }\n .error {\n font-size: var(--crowd-input-error-message-font-size, 0.8em);\n color: var(--crowd-input-error-message-color, red);\n }\n :host([checked]) .box {\n background-color: var(--crowd-checkbox-checked-background-color, black);\n color: var(--crowd-checkbox-checked-color, white);\n }\n :host([invalid]) input {\n outline: 1px solid var(--crowd-input-error-message-color, red);\n }\n `;constructor(){super(),this.checked=!1,this.invalid=!1}connectedCallback(){super.connectedCallback(),this.id=\"checkbox-\"+Date.now()}_dispatchChange(){const t=new CustomEvent(\"crowdChange\");this.dispatchEvent(t)}_onChange(t){this.checked=t.currentTarget.checked,this.invalid=!1,this.checked?this.value=t.currentTarget.value:this.value=null,this._dispatchChange()}validate(){this.required&&(this.checked||(this.invalid=!0))}render(){let t=\"\";this.checked&&(t=o.dy`\n
\n \n \n `);let e=\"\";return this.invalid&&(e=o.dy`\n
\n ${this.errorMessage}\n
\n `),o.dy`\n
\n \n \n \n ${t}\n
\n \n ${e}\n
\n `}}},95:(t,e,r)=>{\"use strict\";r.d(e,{z:()=>n});var o=r(392);const i=r(621),a=(t=0,e=20)=>+(Math.round(t+`e${e}`)+`e-${e}`);class n extends o.oi{static properties={value:{type:String,reflect:!0},name:{type:String},label:{type:String},_unit:{type:String},_hue:{type:Number},_sat:{type:Number},_v:{type:Number},_alpha:{type:Number},_recentColors:{type:Array}};static styles=[o.iv`\n :host {\n display: inline-block;\n }\n :host,:host * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n .pallete {\n background: linear-gradient(to top, hsla(0,0%,0%,calc(var(--a))), transparent), linear-gradient(to left, hsla(calc(var(--h)),100%,50%,calc(var(--a))),hsla(0,0%,100%,calc(var(--a)))),linear-gradient( 45deg, #ddd 25%,transparent 0,transparent 75%,#ddd 0 ),linear-gradient( 45deg, #ddd 25%,transparent 0,transparent 75%,#ddd 0 );\n background-position: 0 0, 0 0,0 0,5px 5px;\n background-size: 100% 100%, 100% 100%, 10px 10px, 10px 10px;\n user-select: none;\n cursor: crosshair;\n min-width: 150px;\n min-height: 150px;\n position:relative;\n }\n .hue-range,.alpha-range {\n -webkit-appearance: none;\n display: block;\n border-radius: 999px;\n width: 100%;\n }\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n position: relative;\n width: 10px;\n height: 10px;\n transform: scale(1.2);\n border-radius: 50%;\n box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n background: #fff;\n transition: .2s cubic-bezier(.12, .4, .29, 1.46);\n }\n .hue-range {\n background: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);\n }\n .alpha-range {\n background: linear-gradient(to right, hsla(calc(var(--h)),100%,50%,0), hsla(calc(var(--h)),100%,50%,1)),linear-gradient( \n 45deg, #ddd 25%,transparent 0,transparent 75%,#ddd 0 ),linear-gradient( \n 45deg, #ddd 25%,transparent 0,transparent 75%,#ddd 0 );\n background-position: 0 0,0 0,5px 5px;\n background-size: 100% 100%,10px 10px,10px 10px;\n }\n .indicator {\n position: relative;\n }\n .indicator::after,.indicator::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .indicator::after {\n background: var(--background);\n }\n .indicator::before {\n background: linear-gradient( 45deg, #ddd 25%,transparent 0,transparent 75%,#ddd 0 ),linear-gradient( 45deg, #ddd 25%,transparent 0,transparent 75%,#ddd 0 );\n background-position: 0 0,5px 5px;\n background-size: 10px 10px, 10px 10px;\n }\n .container {\n display: flex;\n flex-flow: column;\n align-items: stretch;\n gap: var(--crowd-color-picker-spacing,0.2em);\n }\n .recent-colors {\n display: flex;\n gap: 5px;\n }\n .recent-colors button {\n -webkit-appearance: none;\n border: 1px solid #eee;\n padding: 0;\n }\n .pallete-indicator {\n display: inline-block;\n position: absolute;\n left: var(--s);\n top: calc(100% - var(--v));\n width: 5px;\n height: 5px;\n transform: translate(-50%,-50%);\n border-radius: 50%;\n background-color: white;\n border: 1px solid #eee;\n }\n `];_dispatchChange(){const t=new CustomEvent(\"crowdChange\");this.dispatchEvent(t)}_setValue(){let t=i(`hsva(${this._hue},${a(this._sat,2)}%,${a(this._v,2)}%,${this._alpha}%)`);t.setAlpha(this._alpha/100),this.value=t.toHslString();let e=JSON.parse(localStorage.getItem(\"recentColors\"));e||(e=[]),e.indexOf(this.value)<0&&e.push(this.value),localStorage.setItem(\"recentColors\",JSON.stringify(e)),this._dispatchChange()}_chooseColor(t){let e=t.currentTarget.getBoundingClientRect().width,r=t.currentTarget.getBoundingClientRect().height,o=t.offsetX/e*100,i=100*(1-t.offsetY/r);this._sat=o,this._v=i,this._setValue()}constructor(){super(),this._hue=0,this._sat=0,this._v=0,this._alpha=100,this._recentColors=[]}_loop(){this._recentColors=JSON.parse(localStorage.getItem(\"recentColors\")),requestAnimationFrame((()=>this._loop()))}connectedCallback(){super.connectedCallback(),localStorage.getItem(\"recentColors\")||localStorage.setItem(\"recentColors\",\"[]\"),this._loop()}_redraw(){let t=i(this.value).toHsv();this._hue=t.h,this._sat=100*t.s,this._v=100*t.v,this._alpha=100*t.a,this._dispatchChange()}render(){let t=\"\";return this._recentColors&&(t=o.dy`\n
\n ${this._recentColors.slice(-8).reverse().map((t=>o.dy``))}\n
\n `),o.dy`\n
\n \n \n \n \n
this._chooseColor(t)}' part='pallete' class='pallete'>\n
\n {this._hue=t.currentTarget.value,this._setValue()}}' />\n {this._alpha=t.currentTarget.value,this._setValue()}}' />\n ${t}\n ${this.value} \n
\n `}}},978:(t,e,r)=>{\"use strict\";r.d(e,{V:()=>n});var o=r(392);const i=new Event(\"crowdDialogHide\",{bubbles:!0,composed:!0}),a=new Event(\"crowdDialogShow\",{bubbles:!0,composed:!0});class n extends o.oi{static properties={open:{type:Boolean,reflect:!0},label:{type:String}};static styles=o.iv`\n :host .dialog-container {\n pointer-events: none;\n visibility:hidden;\n background-color: transparent;\n transition-property: visibility;\n transition-duration: var(--crowd-dialog-container-transition-duration, 0.2s);\n transition-timing-function: var(--crowd-dialog-container-transition-function, ease-in-out);\n transition-delay: var(--crowd-dialog-container-transition-delay, 0.3s);\n }\n :host([open]) .dialog-container {\n pointer-events: all;\n visibility:visible;\n transition-property: none;\n }\n :host .dialog-overlay {\n transition-property: background-color;\n transition-duration: var(--crowd-dialog-overlay-transition-duration, 0.2s);\n transition-timing-function: var(--crowd-dialog-overlay-transition-function, ease-in-out);\n transition-delay: var(--crowd-dialog-overlay-transition-delay, 0.3s);\n }\n :host([open]) .dialog-overlay {\n background-color: var(--crowd-dialog-overlay-background, rgba(0,0,0,0.3));\n }\n :host .dialog {\n transform: scale(0);\n }\n :host([open]) .dialog {\n transform: scale(1);\n transition-delay: var(--crowd-dialog-transition-delay, 0.2s);\n }\n .dialog {\n background-color: var(--crowd-dialog-background, white);\n padding: var(--crowd-dialog-padding-vertical,1em) var(--crowd-dialog-padding-horizontal,1em);\n height: min(var(--height,calc(100% - (2 * var(--crowd-dialog-spacing-vertical,1em)))), 100%);\n width: min(var(--width,calc(100% - (2 * var(--crowd-dialog-spacing-horiztonal,1em)))), 100%);\n overflow-y: scroll;\n transition-property: transform;\n transition-duration: var(--crowd-dialog-transition-duration, 0.15s);\n transition-timing-function: var(--crowd-dialog-transition-function, ease-in-out);\n position: relative;\n border-radius: var(--crowd-dialog-border-radius,0px);\n box-shadow: var(--crowd-dialog-box-shadow,\n 0 1px 1px hsl(0deg 0% 0% / 0.075),\n 0 2px 2px hsl(0deg 0% 0% / 0.075),\n 0 4px 4px hsl(0deg 0% 0% / 0.075),\n 0 8px 8px hsl(0deg 0% 0% / 0.075),\n 0 16px 16px hsl(0deg 0% 0% / 0.075)\n );\n \n }\n .dialog-container {\n display: grid;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n place-items: center;\n padding: var(--crowd-dialog-spacing-vertical, 2em) var(--crowd-dialog-spacing-horizontal, 2em);\n z-index: var(--crowd-dialog-z-index,9999);\n }\n .dialog-overlay {\n position:absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: pointer;\n }\n .dialog > button.dialog-close {\n -webkit-appearance: none;\n background-color: var(--crowd-dialog-close-background,transparent);\n color: var(--crowd-dialog-close-color, black);\n border: var(--crowd-dialog-close-border-width,0px) var(--crowd-dialog-close-border-type,solid) var(--crowd-dialog-close-border-color,transparent);\n font-size: var(--crowd-dialog-close-font-size,2rem);\n line-height: 1;\n position: absolute;\n top: 0;\n right: 0;\n cursor: pointer;\n }\n @media (hover: hover) {\n .dialog > button.dialog-close:hover {\n opacity: var(--crowd-dialog-close-hover-opacity, 0.6);\n }\n }\n @media (prefers-reduced-motion: reduce) {\n :host {\n --crowd-dialog-container-transition-duration: 0s;\n --crowd-dialog-container-transition-delay: 0s;\n --crowd-dialog-overlay-transition-duration: 0s;\n --crowd-dialog-overlay-transition-delay: 0s;\n --crowd-dialog-transition-duration: 0s;\n --crowd-dialog-transition-delay: 0s;\n }\n }\n `;constructor(){super(),this.open=!1}toggle(){this.open=!this.open,this.open?this.dispatchEvent(a):this.dispatchEvent(i)}show(){this.open=!0,this.dispatchEvent(a)}hide(){this.open=!1,this.dispatchEvent(i)}render(){let t;return this.label&&(t=o.dy`
${this.label} `),o.dy`\n
\n
(this.open=!1,this.dispatchEvent(i))}\">
\n
\n \n ${t}\n \n
\n `}}},829:(t,e,r)=>{\"use strict\";r.d(e,{d:()=>n});var o=r(392);const i=new Event(\"crowdDrawerHide\",{bubbles:!0,composed:!0}),a=new Event(\"crowdDrawerShow\",{bubbles:!0,composed:!0});class n extends o.oi{static properties={open:{type:Boolean,reflect:!0},placement:{type:String}};static styles=o.iv`\n :host .drawer-container {\n pointer-events: none;\n visibility:hidden;\n background-color: transparent;\n transition-property: visibility;\n transition-duration: var(--crowd-drawer-container-transition-duration, 0.2s);\n transition-timing-function: var(--crowd-drawer-container-ease, ease-in-out);\n transition-delay: var(--crowd-drawer-container-transition-delay, 0.3s);\n }\n .drawer-container {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--crowd-drawer-z-index,9999);\n }\n :host([open]) .drawer-container {\n pointer-events: all;\n visibility: visible;\n }\n .drawer-overlay {\n width: 100%;\n height: 100%;\n }\n :host .drawer-overlay {\n transition-property: background-color;\n transition-duration: var(--crowd-drawer-overlay-transition-duration, 0.2s);\n transition-timing-function: var(--crowd-drawer-overlay-transition-function, ease-in-out);\n transition-delay: var(--crowd-drawer-overlay-transition-delay, 0.3s);\n cursor: pointer;\n }\n :host([open]) .drawer-overlay {\n background-color: var(--crowd-drawer-overlay-background, rgba(0,0,0,0.3));\n }\n .drawer {\n background-color: var(--crowd-drawer-background,white);\n position: absolute;\n top:var(--crowd-drawer-position-top, 0);\n left:var(--crowd-drawer-position-left, 0);\n right:var(--crowd-drawer-position-right, 0);\n bottom:var(--crowd-drawer-position-bottom, 0);\n padding: var(--crowd-drawer-padding-vertical, 2em) var(--crowd-drawer-padding-horizontal, 1em);\n transition-property: transform;\n transition-duration: var(--crowd-drawer-transition-duration, 0.2s);\n transition-timing-function: var(--crowd-drawer-transition-function, ease-in-out);\n }\n .drawer--top {\n transform: translateY(-100%);\n }\n .drawer--right {\n transform: translateX(100%);\n }\n .drawer--left {\n transform: translateX(-100%);\n }\n .drawer--bottom {\n transform: translateY(100%);\n }\n :host([open]) .drawer {\n transform: none;\n transition-delay: var(--crowd-drawer-transition-delay, 0.3s);\n }\n `;constructor(){super()}toggle(){this.open=!this.open,this.open?this.dispatchEvent(a):this.dispatchEvent(i)}show(){this.open=!0,this.dispatchEvent(a)}hide(){this.open=!1,this.dispatchEvent(i)}render(){return o.dy`\n
\n
this.hide()}' part=\"overlay\" class='drawer-overlay'>
\n
\n
\n `}}},510:(t,e,r)=>{\"use strict\";r.d(e,{L:()=>a});var o=r(392),i=r(515);class a extends o.oi{static properties={show:{type:Boolean,reflect:!0},hoist:{type:Boolean}};static styles=[i.P.styles,o.iv`\n :host {\n transform: none !important;\n }\n .input-container {\n background-color: transparent;\n border: none;\n }\n .select-dropdown {\n min-width: 100%;\n width: max-content;\n }\n :host([hoist]) .select-dropdown {\n min-width: auto;\n width: max-content;\n }\n `];open(){this.show=!0,this._dispatchOpen()}close(){this.show=!1,this._dispatchClose()}toggle(){this.show=!this.show,this.show?this._dispatchOpen():this._dispatchClose()}_dispatchOpen(){const t=new CustomEvent(\"crowdOpen\");this.dispatchEvent(t)}_dispatchClose(){const t=new CustomEvent(\"crowdClose\");this.dispatchEvent(t)}_hoistPosition(){let t=this.renderRoot.querySelector(\".select-dropdown\"),e=this.renderRoot.querySelector(\".input-container\");t&&e&&(t.style.top=e.getBoundingClientRect().bottom+\"px\",t.style.left=e.getBoundingClientRect().left+\"px\",t.style.width=e.getBoundingClientRect().width+\"px\"),requestAnimationFrame((()=>{this._hoistPosition()}))}render(){let t=o.dy`\n
\n `;return this.hoist&&requestAnimationFrame((()=>{this._hoistPosition()})),o.dy`\n
\n
\n ${this.hoist?\"\":t}\n
\n \n ${this.hoist?t:\"\"}\n `}}},473:(t,e,r)=>{\"use strict\";r.d(e,{l:()=>a});var o=r(392);function i(t){let e=[];return t.children.length&&Array.prototype.slice.call(t.children).forEach((t=>{e.push(t),t.children.length&&(e=[...e,...i(t)])})),e}class a extends o.oi{static styles=o.iv`\n :host {\n display: block;\n }\n .form-container {\n padding: var(--crowd-form-padding-vertical, 1em) var(--crowd-form-padding-horizontal, 1em);\n }\n `;constructor(){super()}connectedCallback(){super.connectedCallback();let t=[].slice.call(this.querySelectorAll(\"[submit]\"));t&&t.forEach((t=>{t.addEventListener(\"click\",(()=>{this.submit()}),!1)}))}validate(){return new Promise(((t,e)=>{this.getFormControls().then((r=>{let o=!0;r.forEach((t=>{t.validate&&(t.validate(),t.invalid&&(o=!1))})),o&&t(),e()}))}))}getFormControls(){let t=i(this);return new Promise(((e,r)=>{e(t.filter((t=>t.name)))}))}getFormData(){return new Promise(((t,e)=>{let r=new FormData;this.getFormControls().then((e=>{e.forEach((t=>{(\"CROWD-CHECKBOX\"==t.tagName&&t.checked||\"CROWD-CHECKBOX\"!=t.tagName)&&r.append(t.name,t.value)})),t(r)}))}))}submit(){this.validate().then((()=>{this.getFormData().then((t=>{const e=new CustomEvent(\"crowdFormSubmit\",{detail:{formData:t}});this.dispatchEvent(e)}))}))}render(){return o.dy`\n
\n `}}},658:(t,e,r)=>{\"use strict\";r.d(e,{h:()=>a});var o=r(392),i=r(565);class a extends i.z{static properties={...super.properties,name:{type:String},src:{type:String}};static styles=[i.z.styles,o.iv`\n button {\n background-color: transparent;\n border: none;\n padding: var(--crowd-icon-button-padding, 0.25em);\n width: 1em;\n height: 1em;\n }\n @media (hover: hover) {\n button:hover {\n background-color: transparent;\n border: none;\n }\n }\n `];constructor(){super()}render(){let t=o.dy`\n
\n \n `,e=o.dy`\n \n `;return this.href&&(e=o.dy`\n
\n ${t}\n \n `),o.dy`\n ${e}\n `}}},497:(t,e,r)=>{\"use strict\";r.d(e,{J:()=>_});var o=r(392),i=r(692);const a=t=>(...e)=>({_$litDirective$:t,values:e});class n{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const{H:s}=i.Al,l=(t,e)=>{var r,o;const i=t._$AN;if(void 0===i)return!1;for(const t of i)null===(o=(r=t)._$AO)||void 0===o||o.call(r,e,!1),l(t,e);return!0},c=t=>{let e,r;do{if(void 0===(e=t._$AM))break;r=e._$AN,r.delete(t),t=e}while(0===(null==r?void 0:r.size))},d=t=>{for(let e;e=t._$AM;t=e){let r=e._$AN;if(void 0===r)e._$AN=r=new Set;else if(r.has(t))break;r.add(t),u(e)}};function h(t){void 0!==this._$AN?(c(this),this._$AM=t,d(this)):this._$AM=t}function p(t,e=!1,r=0){const o=this._$AH,i=this._$AN;if(void 0!==i&&0!==i.size)if(e)if(Array.isArray(o))for(let t=r;t
{var e,r,o,i;2==t.type&&(null!==(e=(o=t)._$AP)&&void 0!==e||(o._$AP=p),null!==(r=(i=t)._$AQ)&&void 0!==r||(i._$AQ=h))};class v extends n{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),d(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,o;t!==this.isConnected&&(this.isConnected=t,t?null===(r=this.reconnected)||void 0===r||r.call(this):null===(o=this.disconnected)||void 0===o||o.call(this)),e&&(l(this,t),c(this))}setValue(t){if((t=>void 0===this._$Ct.strings)())this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class g{constructor(t){this.U=t}disconnect(){this.U=void 0}reconnect(t){this.U=t}deref(){return this.U}}class b{constructor(){this.Y=void 0,this.q=void 0}get(){return this.Y}pause(){var t;null!==(t=this.Y)&&void 0!==t||(this.Y=new Promise((t=>this.q=t)))}resume(){var t;null===(t=this.q)||void 0===t||t.call(this),this.Y=this.q=void 0}}const f=t=>!(t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t)(t)&&\"function\"==typeof t.then,w=a(class extends v{constructor(){super(...arguments),this._$Cft=1073741823,this._$Cwt=[],this._$CG=new g(this),this._$CK=new b}render(...t){var e;return null!==(e=t.find((t=>!f(t))))&&void 0!==e?e:i.Jb}update(t,e){const r=this._$Cwt;let o=r.length;this._$Cwt=e;const a=this._$CG,n=this._$CK;this.isConnected||this.disconnected();for(let t=0;tthis._$Cft);t++){const i=e[t];if(!f(i))return this._$Cft=t,i;t{for(;n.get();)await n.get();const e=a.deref();if(void 0!==e){const r=e._$Cwt.indexOf(i);r>-1&&r{this.src?t(o.dy`\n ${this.errorMessage}\n
\n `);let r=\"\";this.maxlength&&(r=`maxlength='${this.maxlength}'`);let i=\"\";return this.label&&(i=o.dy`\n \n ${this.label}\n \n `),o.dy`\n \n `}}},897:(t,e,r)=>{\"use strict\";r.d(e,{s:()=>i});var o=r(392);class i extends o.oi{static styles=[o.iv`\n :host {\n display: inline-block;\n }\n li {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n padding: var(--crowd-menu-item-padding-vertical,0.2em) var(--crowd-menu-item-padding-horizontal,1em);\n color: var(--crowd-menu-item-color, inherit);\n background-color: var(--crowd-menu-item-background-color, transparent);\n transition-property: color, background-color;\n transition-duration: var(--crowd-menu-item-transition-duration,0.15s);\n transition-timing-function: var(--crowd-menu-item-transition-ease,ease-in-out);\n transition-delay: var(--crowd-menu-item-transition-delay, 0s);\n cursor: pointer;\n }\n @media (hover: hover) {\n li:hover {\n background-color: var(--crowd-menu-item-hover-background-color, rgba(0,0,0,0.1));\n color: var(--crowd-menu-item-hover-color, inherit);\n }\n }\n li:focus,li:focus-within {\n outline: none;\n background-color: var(--crowd-menu-item-hover-background-color, rgba(0,0,0,0.1));\n color: var(--crowd-menu-item-hover-color, inherit);\n }\n `];render(){return o.dy`\n \n \n `}}},842:(t,e,r)=>{\"use strict\";r.d(e,{v:()=>i});var o=r(392);class i extends o.oi{static styles=[o.iv`\n :host, :host * {\n box-sizing: inherit;\n }\n ul {\n list-style: none;\n margin: 0;\n padding: var(--crowd-menu-padding-vertical,0.5em) var(--crowd-menu-padding-horizontal,0.5em);\n background-color: var(--crowd-menu-background-color,white);\n border: var(--crowd-menu-border-width, 0px) var(--crowd-menu-border-style, solid) var(--crowd-menu-border-color, black);\n border-radius: var(--crowd-menu-border-radius, 0px);\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: stretch;\n max-height: 50vh;\n overflow-y: scroll;\n }\n `];render(){return o.dy`\n \n `}}},582:(t,e,r)=>{\"use strict\";r.d(e,{e:()=>i});var o=r(392);class i extends o.oi{static properties={percentage:{type:String},size:{type:String},trackWidth:{type:String,attribute:\"stroke-width\"}};static styles=[o.iv`\n :host, :host * {\n box-sizing: inherit;\n }\n .progress-ring {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n .progress-ring__image {\n width: var(--size,1em);\n height: var(--size,1em);\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n }\n .progress-ring__track {\n stroke: var(--track-color,rgba(0,0,0,0.2));\n }\n .progress-ring__track, .progress-ring__indicator {\n --radius: calc(var(--size,1em) / 2 - var(--track-width,2px) * 2);\n --circumference: calc(var(--radius) * 2 * 3.14159);\n fill: none;\n stroke-width: var(--track-width,2px);\n r: var(--radius);\n cx: calc(var(--size,1em) / 2);\n cy: calc(var(--size,1em) / 2);\n }\n .progress-ring__indicator {\n stroke: var(--indicator-color,black);\n stroke-linecap: round;\n transition: stroke-dashoffset 0.35s ease 0s;\n stroke-dasharray: var(--circumference) var(--circumference);\n stroke-dashoffset: calc(var(--circumference) - var(--percentage) * var(--circumference));\n }\n .progress-ring__label {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n text-align: center;\n user-select: none;\n }\n `];render(){return o.dy`\n \n `}}},139:(t,e,r)=>{\"use strict\";r.d(e,{e:()=>i});var o=r(392);class i extends o.oi{static properties={value:{type:Number,reflect:!0},min:{type:Number},max:{type:Number},step:{type:Number},notches:{type:Boolean},numbers:{type:Boolean},tooltip:{type:Boolean},required:{type:Boolean},label:{type:String},invalid:{type:Boolean},errorMessage:{type:String}};static styles=[o.iv`\n :host {\n display: inline-block;\n }\n :host,:host *,:host *::before, :host *::after {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n }\n .wrapper {\n padding: var(--crowd-input-wrapper-padding-vertical, 0) var(--crowd-input-wrapper-padding-horizontal, 0);\n max-width: 100%;\n width: var(--crowd-range-width,300px);\n\n }\n .container {\n position: relative;\n display: flex;\n flex-flow: row nowrap;\n justify-content: stretch;\n align-items: center;\n gap: var(--crowd-range-spacing,0.2em);\n }\n .container > span {\n flex: 0 1 auto;\n }\n .track {\n flex: 1 0 auto;\n position: relative;\n height: var(--crowd-range-track-height, 0.5em);\n border: var(--crowd-range-track-border-width, 1px) var(--crowd-range-track-border-style, solid) var(--crowd-range-track-border-color, #000);\n border-radius: var(--crowd-range-track-border-radius, 0px);\n background-color: var(--crowd-range-track-background-color,#eee);\n cursor: pointer;\n }\n .track::before {\n content: '';\n display: block;\n position:absolute;\n top: 0;\n right: calc(100% - var(--value));\n bottom: 0;\n left: 0;\n background-color: var(--crowd-range-indicator-color,#000);\n }\n .thumb {\n height: calc(var(--crowd-range-thumb-scale, 2) * var(--crowd-range-track-height, 0.5em));\n width: calc(var(--crowd-range-thumb-scale, 2) * var(--crowd-range-track-height, 0.5em));\n border: var(--crowd-range-track-border-width, 1px) var(--crowd-range-thumb-border-style, solid) var(--crowd-range-thumb-border-color, #000);\n border-radius: var(--crowd-range-thumb-border-radius, 50%);\n background-color: var(--crowd-range-thumb-background-color,#fff);\n position: absolute;\n top:50%;\n left: var(--value);\n transform: translate(-50%,-50%);\n pointer-events: none;\n }\n .track:focus-within .thumb {\n box-shadow: 0 0 0 var(--crowd-input-focus-width, 2px) var(--crowd-input-focus-color, rgba(0,0,0,0.3));\n }\n input {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n -webkit-appearance: none;\n padding: 0;\n margin: 0;\n height: 0;\n width: 0;\n opacity: 0;\n }\n :host([notches]) .container {\n margin-top: calc(1ex + var(--crowd-range-notch-height,0.5em));\n \n }\n .notches {\n width: 100%;\n position: absolute;\n bottom: 100%;\n height: var(--crowd-range-notch-height,0.5em);\n left: 0;\n right: 0;\n pointer-events:none;\n }\n .notches > div:first-child,.notches > div:last-child {\n opacity: 0;\n }\n .notches > div {\n position: absolute;\n top: 0;\n height: 100%;\n left: var(--left);\n color: var(--crowd-range-number-color, inherit);\n }\n .notches > div.notched::before {\n content: '';\n display:block;\n position: absolute;\n top: 0;\n height: 100%;\n width: var(--crowd-range-notch-width,1px);\n background-color: var(--crowd-range-notch-color,#000);\n }\n .notches > div span {\n position: absolute;\n left: 50%;\n bottom: 100%;\n transform: translateX(-50%);\n }\n label {\n display: inline-block;\n color: var(--crowd-input-label-color, inherit);\n margin-bottom: var(--crowd-input-label-spacing, 0.5em);\n }\n .error {\n font-size: var(--crowd-input-error-message-font-size, 0.8em);\n color: var(--crowd-input-error-message-color, red);\n }\n `];constructor(){super(),this.min=\"0\",this.max=\"100\",this.step=1,this.notches=!1,this.value=this.min,this.tooltipTimer=null,this.invalid=!1}connectedCallback(){super.connectedCallback(),this.id=\"range-\"+Date.now()}_dispatchChange(){const t=new CustomEvent(\"crowdChange\");this.dispatchEvent(t)}_roundToStep(t,e){return Math.round(t/e)*e}_setValue(t){this.value=this._roundToStep(t.offsetX/t.currentTarget.getBoundingClientRect().width*this.max,this.step),this.value>this.max&&(this.value=this.max),this.value{t.removeAttribute(\"show\")}),4e3))}_keyDown(t){switch(t.preventDefault(),t.key){case\"ArrowLeft\":this.value>this.min&&(this.value=this._roundToStep(this.value-this.step,this.step),this._dispatchChange());break;case\"ArrowRight\":this.value${this.min}`,e=\"\";this.max&&(e=o.dy`${this.max} `);let r=\"\";if(this.notches||this.numbers){let t=[];for(let e=0;e<=this.max;e+=this.step)t.push(e);r=o.dy`\n \n ${t.map((t=>{let e=\"\";return this.numbers&&(e=o.dy`${t} `),o.dy`
${e}
`}))}\n
\n \n \n `:o.dy`\n \n `;let a=\"\";this.label&&(a=o.dy`\n \n ${this.label}\n \n `);let n=\"\";return this.invalid&&(n=o.dy`\n \n ${this.errorMessage}\n
\n `),o.dy`\n \n ${a}\n
\n ${t}\n
this._onMove(t)}' @pointerdown='${t=>this._setValue(t)}' class='track' part='track' style='--value: ${this.value/this.max*100}%;'>\n ${r}\n ${i}\n this._keyDown(t)}' type='text' value='${this.value}' />\n
\n ${e}\n
\n ${n}\n
\n ${this.label}\n \n `);let i=\"\";this.invalid&&(i=o.dy`\n \n ${this.errorMessage}\n
\n `);let a=o.dy``;return this.multiple&&this._multiSelect.length&&(a=o.dy`\n \n ${this._multiSelect.map((t=>o.dy`
this._selectOption(t)}'>${t} `))}\n
\n ${r}\n
\n \n ${a}\n ${t}\n \n
\n ${i}\n ${this.hoist?\"\":e}\n
\n \n \n `}}},752:(t,e,r)=>{\"use strict\";r.d(e,{r:()=>i});var o=r(392);class i extends o.oi{static properties={checked:{type:Boolean,reflect:!0},label:{type:String},value:{type:String,reflect:!0},name:{type:String},true:{type:String},false:{type:String}};static styles=[o.iv`\n :host {\n display: inline-block;\n }\n :host,:host *,:host *::before, :host *::after {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n }\n .wrapper {\n padding: var(--crowd-input-wrapper-padding-vertical, 0) var(--crowd-input-wrapper-padding-horizontal, 0);\n max-width: 100%;\n }\n .container {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: var(--crowd-switch-spacing, 0.5em);\n }\n .container > span {\n cursor: pointer;\n }\n .error {\n font-size: var(--crowd-input-error-message-font-size, 0.8em);\n color: var(--crowd-input-error-message-color, red);\n }\n slot[name='help-text'] {\n font-size:var(--crowd-input-error-message-font-size, 0.8em);\n }\n :host label {\n display: inline-block;\n color: var(--crowd-input-label-color, inherit);\n margin: 0 0 var(--crowd-input-label-spacing, 0.5em);\n }\n .track {\n position:relative;\n padding: var(--crowd-switch-track-spacing, 3px);\n border-radius: var(--crowd-switch-border-radius, 999px);\n width: calc((2 * var(--crowd-switch-size, 1em)) + (2 * var(--crowd-switch-track-spacing, 3px)));\n height: calc((var(--crowd-switch-size, 1em)) + (2 * var(--crowd-switch-track-spacing, 3px)));\n background-color: var(--crowd-switch-track-background-color, #eeeeee);\n cursor: pointer;\n transition-property: background-color;\n transition-duration: var(--crowd-switch-transition-duration,0.15s);\n transition-delay: var(--crowd-switch-transition-delay, 0s);\n transition-timing-function: var(--crowd-switch-ease, ease-in-out);\n }\n .track:focus-within {\n box-shadow: 0 0 0 var(--crowd-input-focus-width, 2px) var(--crowd-input-focus-color, rgba(0,0,0,0.3));\n }\n .thumb {\n position: absolute;\n display: block;\n width: var(--crowd-switch-size, 1em);\n height: var(--crowd-switch-size, 1em);\n border-radius: var(--crowd-switch-border-radius, 999px);\n left: var(--crowd-switch-track-spacing, 3px);\n right: auto;\n background-color: var(--crowd-switch-thumb-background-color, #ffffff);\n transition-property: left, right;\n transition-duration: var(--crowd-switch-transition-duration,0.15s);\n transition-delay: var(--crowd-switch-transition-delay, 0s);\n transition-timing-function: var(--crowd-switch-ease, ease-in-out);\n }\n :host([checked]) .thumb {\n left: 50%;\n }\n :host([checked]) .track {\n background-color: var(--crowd-switch-track-background-color-active, #000000);\n }\n input[type='text'] {\n -webkit-appearance: none;\n opacity: 0;\n position: absolute;\n width: 0;\n height: 0;\n }\n `];_updateValue(){this.checked&&this.true?this.value=this.true:this.checked?this.value=\"true\":!this.checked&&this.false?this.value=this.false:this.checked||(this.value=\"false\")}_dispatchChange(){const t=new CustomEvent(\"crowdChange\");this.dispatchEvent(t)}_toggle(){this.checked=!this.checked;let t=this.renderRoot.querySelector(\"input\");t&&t.focus(),this._updateValue(),this._dispatchChange()}_check(){this.checked=!0;let t=this.renderRoot.querySelector(\"input\");t&&t.focus(),this._updateValue(),this._dispatchChange()}_unCheck(){this.checked=!1;let t=this.renderRoot.querySelector(\"input\");t&&t.focus(),this._updateValue(),this._dispatchChange()}_keyDown(t){switch(t.preventDefault(),t.key){case\" \":this._toggle();break;case\"ArrowLeft\":this._unCheck();break;case\"ArrowRight\":this._check()}}constructor(){super(),this.checked=!1,this.value=\"false\"}connectedCallback(){super.connectedCallback(),this.id=\"switch-\"+Date.now()}render(){let t=\"\";this.invalid&&(t=o.dy`\n \n ${this.errorMessage}\n
\n `);let e=\"\";this.label&&(e=o.dy`\n \n ${this.label}\n \n `);let r=\"\";this.false&&(r=o.dy`\n this._unCheck()}'>${this.false} \n `);let i=\"\";return this.true&&(i=o.dy`\n this._check()}'>${this.true} \n `),o.dy`\n \n ${e}\n
\n ${r}\n
this._toggle()}' class='track' part='track'>\n
\n ${i}\n
\n ${t}\n
\n
\n ${this.errorMessage}\n
\n `);let e=\"\";return this.maxlength&&(e=`maxlength='${this.maxlength}'`),o.dy`\n \n \n ${this.label}\n \n
\n \n
\n ${t}\n
\n
\n \n `}}},461:(t,e,r)=>{\"use strict\";r.d(e,{u:()=>i});var o=r(392);class i extends o.oi{static properties={_hidden:{type:Boolean,reflect:!0},show:{type:Boolean},content:{type:String},delay:{type:Number},hoist:{type:Boolean}};static styles=[o.iv`\n :host {\n display: contents;\n position:relative;\n }\n :host, :host * {\n box-sizing: inherit;\n }\n .positioner {\n position: absolute;\n z-index: var(--crowd-tooltip-z-index,1);\n pointer-events: none;\n }\n :host([hoist]) .positioner {\n position: fixed;\n }\n .tooltip {\n display: inline-block;\n font-size: 0.8em;\n padding: var(--crowd-tooltip-padding-vertical,0.5em) var(--crowd-tooltip-padding-horizontal,0.8em);\n color: var(--crowd-tooltip-color, inherit);\n background-color: var(--crowd-tooltip-background-color, white);\n border: var(--crowd-tooltip-border-width, 1px) var(--crowd-tooltip-border-style, solid) var(--crowd-tooltip-border-color, #eee);\n border-radius: var(--crowd-tooltip-border-radius, 4px);\n transform: translate(-50%,calc(-100% - 1em)) scale(1);\n opacity: 1;\n transition-property: transform, opacity;\n transition-duration: var(--crowd-tooltip-transition-duration, 0.15s);\n transition-timing-function: var(--crowd-tooltip-transition-ease, ease-in-out);\n transition-delay: var(--tooltip-delay);\n }\n :host([_hidden]) .tooltip {\n pointer-events: none;\n transform: translate(-50%,calc(-100% - 1em)) scale(0.5);\n opacity: 0;\n transition-delay: 0s;\n }\n :host([show]) .tooltip {\n pointer-events: all !important;\n transform: translate(-50%,calc(-100% - 1em)) scale(1) !important;\n opacity: 1 !important;\n }\n `];constructor(){super(),this._hidden=!0,this.delay=0}_positionTooltip(){let t=this.renderRoot.querySelector(\".positioner\");if(!t)return;let e=null,r=null;if(this.hoist)for(let t of this.children){let o=t.getBoundingClientRect();(null===e||o.topr)&&(r=i)}else for(let t of this.children){(null===e||t.offsetTopr)&&(r=o)}t.style.top=e+\"px\",t.style.left=r+\"px\",requestAnimationFrame((()=>this._positionTooltip()))}connectedCallback(){super.connectedCallback();for(let t of this.children)t.addEventListener(\"pointerover\",(()=>this._show()),!1),t.addEventListener(\"pointerleave\",(()=>this._hide()),!1)}_show(){this._hidden=!1}_hide(){this._hidden=!0}render(){return this._positionTooltip(),o.dy`\n \n
\n ${this.content}\n \n
0){o.textContent=a?a.emptyScript:\"\";for(let r=0;r2||\"\"!==r[0]||\"\"!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=A}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,r,o){const i=this.strings;let a=!1;if(void 0===i)t=R(this,t,e,0),a=!p(t)||t!==this._$AH&&t!==k,a&&(this._$AH=t);else{const o=t;let n,s;for(t=i[0],n=0;n{\"use strict\";r.d(e,{oi:()=>y,iv:()=>l,dy:()=>m.dy});const o=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,i=Symbol(),a=new Map;class n{constructor(t,e){if(this._$cssResult$=!0,e!==i)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t}get styleSheet(){let t=a.get(this.cssText);return o&&void 0===t&&(a.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const s=t=>new n(\"string\"==typeof t?t:t+\"\",i),l=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,r,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(r)+t[o+1]),t[0]);return new n(r,i)},c=o?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const r of t.cssRules)e+=r.cssText;return s(e)})(t):t;var d,h;const p={toAttribute(t,e){switch(e){case Boolean:t=t?\"\":null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch(t){r=null}}return r}},u=(t,e)=>e!==t&&(e==e||t==t),v={attribute:!0,type:String,converter:p,reflect:!1,hasChanged:u};class g extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,r)=>{const o=this._$Eh(r,e);void 0!==o&&(this._$Eu.set(o,r),t.push(o))})),t}static createProperty(t,e=v){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const r=\"symbol\"==typeof t?Symbol():\"__\"+t,o=this.getPropertyDescriptor(t,r,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){const i=this[t];this[e]=o,this.requestUpdate(t,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||v}static finalize(){if(this.hasOwnProperty(\"finalized\"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty(\"properties\")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of e)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Eh(t,e){const r=e.attribute;return!1===r?void 0:\"string\"==typeof r?r:\"string\"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ev=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Ep(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,r;(null!==(e=this._$Em)&&void 0!==e?e:this._$Em=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(r=t.hostConnected)||void 0===r||r.call(t))}removeController(t){var e;null===(e=this._$Em)||void 0===e||e.splice(this._$Em.indexOf(t)>>>0,1)}_$Ep(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{o?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const r=document.createElement(\"style\"),o=window.litNonce;void 0!==o&&r.setAttribute(\"nonce\",o),r.textContent=e.cssText,t.appendChild(r)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$Eg(t,e,r=v){var o,i;const a=this.constructor._$Eh(t,r);if(void 0!==a&&!0===r.reflect){const n=(null!==(i=null===(o=r.converter)||void 0===o?void 0:o.toAttribute)&&void 0!==i?i:p.toAttribute)(e,r.type);this._$Ei=t,null==n?this.removeAttribute(a):this.setAttribute(a,n),this._$Ei=null}}_$AK(t,e){var r,o,i;const a=this.constructor,n=a._$Eu.get(t);if(void 0!==n&&this._$Ei!==n){const t=a.getPropertyOptions(n),s=t.converter,l=null!==(i=null!==(o=null===(r=s)||void 0===r?void 0:r.fromAttribute)&&void 0!==o?o:\"function\"==typeof s?s:null)&&void 0!==i?i:p.fromAttribute;this._$Ei=n,this[n]=l(e,t.type),this._$Ei=null}}requestUpdate(t,e,r){let o=!0;void 0!==t&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||u)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===r.reflect&&this._$Ei!==t&&(void 0===this._$ES&&(this._$ES=new Map),this._$ES.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this._$Ev=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ev}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),null===(t=this._$Em)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(r)):this._$ET()}catch(t){throw e=!1,this._$ET(),t}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Em)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ev}shouldUpdate(t){return!0}update(t){void 0!==this._$ES&&(this._$ES.forEach(((t,e)=>this._$Eg(e,this[e],t))),this._$ES=void 0),this._$ET()}updated(t){}firstUpdated(t){}}g.finalized=!0,g.elementProperties=new Map,g.elementStyles=[],g.shadowRootOptions={mode:\"open\"},null===(d=globalThis.reactiveElementPolyfillSupport)||void 0===d||d.call(globalThis,{ReactiveElement:g}),(null!==(h=globalThis.reactiveElementVersions)&&void 0!==h?h:globalThis.reactiveElementVersions=[]).push(\"1.0.0\");var b,f,w,m=r(692);class y extends g{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=(0,m.sY)(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return m.Jb}}y.finalized=!0,y._$litElement$=!0,null===(b=globalThis.litElementHydrateSupport)||void 0===b||b.call(globalThis,{LitElement:y}),null===(f=globalThis.litElementPolyfillSupport)||void 0===f||f.call(globalThis,{LitElement:y}),(null!==(w=globalThis.litElementVersions)&&void 0!==w?w:globalThis.litElementVersions=[]).push(\"3.0.0\")}},e={};function r(o){var i=e[o];if(void 0!==i)return i.exports;var a=e[o]={exports:{}};return t[o](a,a.exports,r),a.exports}r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{\"use strict\";var t=r(861),e=r(326),o=r(867),i=r(565),a=r(266),n=r(95),s=r(392);class l extends s.oi{static properties={property:{type:String},type:{type:String},min:{type:Number},max:{type:Number},value:{type:String,reflect:!0},unit:{type:String},step:{type:Number},options:{type:Array}};static styles=[s.iv`\n :host {\n display: inline-block;\n }\n `];_onChange(t){let e;this.value=t.target.value,e=\"Number\"==this.type?this.value+this.unit:this.value,document.documentElement.style.setProperty(this.property,e);const r=new CustomEvent(\"crowdChange\");this.dispatchEvent(r)}constructor(){super()}render(){if(!this.property)throw'\"property\" attribute is not defined.';if(!this.type)throw'\"type\" attribute is not defined.';if(\"Number\"===this.type&&null===this.unit)throw'\"unit\" attribute is not defined.';let t=\"\";return\"Number\"==this.type?t=s.dy`\n this._onChange(t)}' step='${this.step}' tooltip min='${this.min}' max='${this.max}' value='${this.value}' > \n `:\"Color\"==this.type?t=s.dy`\n this._onChange(t)}' value='${this.value}'> \n `:\"Select\"==this.type?t=s.dy`\n this._onChange(t)}' value='${this.value}'>\n ${this.options.map((t=>s.dy`${t} `))}\n \n `:\"Text\"==this.type&&(t=s.dy`\n this._onChange(t)}' type='text' value='${this.value}'> \n `),s.dy`\n ${t}\n `}}var c=r(978),d=r(829),h=r(510),p=r(473),u=r(658),v=r(497),g=r(757),b=r(897),f=r(842),w=r(582),m=r(139),y=r(515),x=r(320);class _ extends s.oi{static properties={_content:{type:String}};static styles=[s.iv`\n :host {\n display: block;\n }\n pre {\n padding: 1em;\n border: 1px solid #eeeeee;\n }\n `];_loop(){}_updateStylesheet(){this._content=document.documentElement.style.cssText.replace(/; /g,\";\\n\")}connectedCallback(){super.connectedCallback();let t=[].slice.call(document.querySelectorAll(\"crowd-customiser\"));t&&t.forEach((t=>{t.addEventListener(\"crowdChange\",(()=>this._updateStylesheet()))}))}render(){return s.dy`\n ${this._content} \n `}}var $=r(752);class k extends s.oi{static properties={title:{type:String},_tabIndex:{type:Number},active:{type:Boolean,reflect:!0}};static styles=[s.iv`\n :host {\n display: contents;\n }\n * {\n box-sizing: border-box;\n }\n :host(:not([active])) .container {\n opacity: 0;\n pointer-events: none;\n }\n :host(:not([active])) button {\n opacity: 0.4;\n }\n article {\n position: relative;\n grid-area: 1 / 1;\n max-width: 100%;\n }\n `];_dispatchChange(){const t=new CustomEvent(\"crowdShowTab\");this.dispatchEvent(t)}show(){this.active=!0,this._dispatchChange()}hide(){this.active=!1}render(){return s.dy`\n \n \n \n `}}class A extends s.oi{static properties={_tabs:{type:Array},_activeTab:{type:Number}};static styles=[s.iv`\n :host {\n display: block;\n }\n * {\n box-sizing: border-box;\n }\n .panels {\n display: grid;\n }\n .buttons {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n overflow-x: scroll;\n scrollbar-width: none;\n gap: var(--crowd-tabs-gap,0px);\n width:100%;\n border-bottom: var(--crowd-tab-button-active-border-width, 1px) var(--crowd-tab-button-active-border-style, solid) var(--crowd-tab-button-active-border-color, #ccc);\n }\n .buttons::-webkit-scrollbar {\n display: none;\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n .buttons button {\n -webkit-appearance: none;\n background-color: var(--crowd-tab-button-background-color, #fff);\n border: var(--crowd-tab-button-border-width, 0px) var(--crowd-tab-button-border-style, solid) var(--crowd-tab-button-border-color, #eee);\n padding: var(--crowd-tab-button-padding-vertical, 0.3em) var(--crowd-tab-button-padding-horizontal, 0.5em);\n font-size: var(--crowd-tab-button-font-size, inherit);\n cursor: pointer;\n border-top-left-radius: var(--crowd-tab-button-border-radius, 3px);\n border-top-right-radius: var(--crowd-tab-button-border-radius, 3px);\n opacity: 0.4;\n }\n @media (hover: hover) {\n .buttons button:hover {\n background-color: var(--crowd-tab-button-hover-background-color, #fafafa);\n }\n }\n .buttons button:active,.buttons button:focus {\n outline: none;\n background-color: var(--crowd-tab-button-hover-background-color, #fafafa);\n box-shadow: 0 0 0 var(--crowd-input-focus-width, 2px) var(--crowd-input-focus-color, rgba(0,0,0,0.3));\n }\n .buttons button.active {\n opacity: 1;\n background-color: var(--crowd-tab-button-active-background-color, #fff);\n border-top: var(--crowd-tab-button-active-border-width, 1px) var(--crowd-tab-button-active-border-style, solid) var(--crowd-tab-button-active-border-color, #ccc);\n border-left: var(--crowd-tab-button-active-border-width, 1px) var(--crowd-tab-button-active-border-style, solid) var(--crowd-tab-button-active-border-color, #ccc);\n border-right: var(--crowd-tab-button-active-border-width, 1px) var(--crowd-tab-button-active-border-style, solid) var(--crowd-tab-button-active-border-color, #ccc);\n border-bottom: none;\n position: relative;\n }\n // .buttons button.active::after {\n // content: '';\n // display: inline-block;\n // width: 100%;\n // left: 0;\n // height: var(--crowd-tab-button-active-border-width, 1px);\n // background-color: var(--crowd-tab-button-active-background-color, #fff);\n // position: absolute;\n // bottom: 0;\n // transform: translateY(100%);\n // }\n `];_hideOtherTabs(t){[].slice.call(this.querySelectorAll(\"crowd-tab\")).forEach((e=>{e!=t&&e.hide()}))}showTab(t){let e=[].slice.call(this.querySelectorAll(\"crowd-tab\"));e&&(this._activeTab=t,e[t].show())}connectedCallback(){super.connectedCallback();let t=[].slice.call(this.querySelectorAll(\"crowd-tab\"));t&&(this._tabs=t,t.forEach((t=>{t.addEventListener(\"crowdShowTab\",(()=>this._hideOtherTabs(t)),!1)})),this.showTab(0))}constructor(){super(),this._activeTab=0}render(){return s.dy`\n \n \n ${this._tabs.map(((t,e)=>s.dy`\n \n `))}\n
\n \n \n `}}var C=r(822),S=r(613),E=r(461);customElements.define(\"crowd-accordion-group\",t.b),customElements.define(\"crowd-accordion-item\",t.Q),customElements.define(\"crowd-alert\",e.b),customElements.define(\"crowd-badge\",o.C),customElements.define(\"crowd-button\",i.z),customElements.define(\"crowd-checkbox\",a.X),customElements.define(\"crowd-color-picker\",n.z),customElements.define(\"crowd-customiser\",l),customElements.define(\"crowd-dialog\",c.V),customElements.define(\"crowd-drawer\",d.d),customElements.define(\"crowd-dropdown\",h.L),customElements.define(\"crowd-form\",p.l),customElements.define(\"crowd-icon-button\",u.h),customElements.define(\"crowd-icon\",v.J),customElements.define(\"crowd-input\",g.I),customElements.define(\"crowd-menu-item\",b.s),customElements.define(\"crowd-menu\",f.v),customElements.define(\"crowd-progress-ring\",w.e),customElements.define(\"crowd-range\",m.e),customElements.define(\"crowd-select\",y.P),customElements.define(\"crowd-stylesheet\",_),customElements.define(\"crowd-switch\",$.r),customElements.define(\"crowd-option\",y.W),customElements.define(\"crowd-spinner\",x.$),customElements.define(\"crowd-tab\",k),customElements.define(\"crowd-tab-group\",A),customElements.define(\"crowd-textarea\",C.K),customElements.define(\"toast-stack\",S.g),customElements.define(\"crowd-tooltip\",E.u)})()})();\n\n//# sourceURL=webpack://project-name/./node_modules/crowd-web-components/dist/js/index.js?");/***/ })/******/ });/************************************************************************//******/ // The module cache/******/ var __webpack_module_cache__ = {};/******/ /******/ // The require function/******/ function __webpack_require__(moduleId) {/******/ // Check if module is in cache/******/ var cachedModule = __webpack_module_cache__[moduleId];/******/ if (cachedModule !== undefined) {/******/ return cachedModule.exports;/******/ }/******/ // Create a new module (and put it into the cache)/******/ var module = __webpack_module_cache__[moduleId] = {/******/ // no module.id needed/******/ // no module.loaded needed/******/ exports: {}/******/ };/******/ /******/ // Execute the module function/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);/******/ /******/ // Return the exports of the module/******/ return module.exports;/******/ }/******/ /************************************************************************//******/ /* webpack/runtime/compat get default export *//******/ (() => {/******/ // getDefaultExport function for compatibility with non-harmony modules/******/ __webpack_require__.n = (module) => {/******/ var getter = module && module.__esModule ?/******/ () => (module['default']) :/******/ () => (module);/******/ __webpack_require__.d(getter, { a: getter });/******/ return getter;/******/ };/******/ })();/******/ /******/ /* webpack/runtime/define property getters *//******/ (() => {/******/ // define getter functions for harmony exports/******/ __webpack_require__.d = (exports, definition) => {/******/ for(var key in definition) {/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });/******/ }/******/ }/******/ };/******/ })();/******/ /******/ /* webpack/runtime/hasOwnProperty shorthand *//******/ (() => {/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))/******/ })();/******/ /******/ /* webpack/runtime/make namespace object *//******/ (() => {/******/ // define __esModule on exports/******/ __webpack_require__.r = (exports) => {/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });/******/ }/******/ Object.defineProperty(exports, '__esModule', { value: true });/******/ };/******/ })();/******/ /************************************************************************//******/ /******/ // startup/******/ // Load entry module and return exports/******/ // This entry module can't be inlined because the eval devtool is used./******/ var __webpack_exports__ = __webpack_require__("./src/js/deferred/ui.js");/******/ /******/ })(); 
`):fetch(`https://icons.getbootstrap.com/assets/icons/${this.name}.svg`).then((t=>t.text())).then((e=>t(o.dy`${x(e)}`)))}))}render(){return o.dy`\n ${w(this._fetchSrc().then((t=>o.dy`${t}`)),o.dy``)}\n `}}},757:(t,e,r)=>{\"use strict\";r.d(e,{I:()=>i});var o=r(392);class i extends o.oi{static properties={type:{type:String,reflect:!0},name:{type:String},value:{type:String,reflect:!0},placeholder:{type:String},label:{type:String},required:{type:Boolean},togglePassword:{type:Boolean},showPassword:{type:Boolean},errorMessage:{type:String},invalid:{type:Boolean,reflect:!0},maxlength:{type:String}};static styles=o.iv`\n :host {\n display: block;\n }\n input,textarea {\n -webkit-appearance: none;\n background-color: transparent;\n border: none;\n height: 100%;\n width: calc(100% - (2 * var(--crowd-input-padding-horizontal, 1em)));\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n padding: 0 var(--crowd-input-padding-horizontal, 1em);\n font-weight: var(--crowd-input-font-weight,400);\n height: calc(\n var(--crowd-input-height, 2em) - (var(--crowd-input-border-width,0px) * 2)\n );\n text-transform: var(--crowd-input-text-transform);\n flex: 1 1 auto;\n }\n textarea {\n height: auto;\n padding: var(--crowd-textarea-padding-vertical, 1em) var(--crowd-textarea-padding-horizontal, 1em);\n }\n input:focus, input:active, textarea:focus, textarea:active {\n outline: none;\n }\n input::placeholder,textarea::placeholder {\n color: var(--crowd-input-placeholder-color, inherit);\n }\n .input-container {\n color: var(--crowd-input-color, inherit);\n background-color: var(--crowd-input-background, white);\n border: var(--crowd-input-border-width,1px) var(--crowd-input-border-type, solid) var(--crowd-input-border-color, #eee);\n border-radius: var(--crowd-input-border-radius, 0px);\n font-size: var(--crowd-input-font-size,1rem);\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: stretch;\n }\n .input-container:focus-within {\n box-shadow: 0 0 0 var(--crowd-input-focus-width, 2px) var(--crowd-input-focus-color, rgba(0,0,0,0.3));\n }\n label {\n display: inline-block;\n color: var(--crowd-input-label-color, inherit);\n margin-bottom: var(--crowd-input-label-spacing, 0.5em);\n }\n .wrapper {\n padding: var(--crowd-input-wrapper-padding-vertical, 0) var(--crowd-input-wrapper-padding-horizontal, 0);\n max-width: 100%;\n }\n .password-toggle {\n -webkit-appearance: none;\n background-color: transparent;\n color: var(--crowd-input-password-toggle-color, inherit);\n font-family: inherit;\n padding: 0;\n border: none;\n display: grid;\n place-items:center;\n margin-right: var(--crowd-input-padding-horizontal, 1em);\n cursor: pointer;\n }\n .error {\n font-size: var(--crowd-input-error-message-font-size, 0.8em);\n color: var(--crowd-input-error-message-color, red);\n }\n :host([invalid]) .input-container {\n outline: 1px solid var(--crowd-input-error-message-color, red);\n }\n slot[name='help-text'] {\n font-size:var(--crowd-input-error-message-font-size, 0.8em);\n }\n `;constructor(){super(),this.showPassword=!1,this.invalid=!1}connectedCallback(){super.connectedCallback(),this.id=\"input-\"+Date.now()}_dispatchChange(){const t=new CustomEvent(\"crowdChange\");this.dispatchEvent(t)}_onInput(t){this.invalid=!1,this.value=t.currentTarget.value,this._dispatchChange()}_togglePassword(){this.showPassword=!this.showPassword}_getType(){return\"password\"===this.type&&this.showPassword?\"text\":this.type}_validateEmail(){this.value&&null==this.value.match(/^.+@\\w+\\.\\w+/g)&&(this.invalid=!0)}validate(){this.invalid=!1,\"email\"==this.type&&this._validateEmail(),this.required&&(\"\"!==this.value&&null!=this.value||(this.invalid=!0))}render(){let t=\"\";\"password\"===this.type&&this.togglePassword&&(t=o.dy`\n \n `);let e=\"\";this.invalid&&(e=o.dy`\n 
