2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,e)=>{const s=i[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ut===void 0)return this.ut=new Set(Object.keys(t)),this.render(t);for(const s of this.ut)t[s]==null&&(this.ut.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const r=t[s];if(r!=null){this.ut.add(s);const o=typeof r=="string"&&r.endsWith(Qe);s.includes("-")||o?e.setProperty(s,o?r.slice(0,-11):r,o?zt:""):e[s]=r}}return $}});var dt=globalThis&&globalThis.__decorate||function(i,t,e,s){var r=arguments.length,o=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,s);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(r<3?n(o):r>3?n(t,e,o):n(t,e))||o);return r>3&&o&&Object.defineProperty(t,e,o),o};g.SearchModal=class extends C{constructor(){super(...arguments),this.open=!1,this.baseUrl="",this.handleKeydown=t=>{const{key:e}=t;e==="Escape"&&(this.close(),t.preventDefault())}}render(){return w`
`}close(){this.open=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}},g.SearchModal.styles=tt`
- :host {
- --color-modal-layer: var(
- --halo-search-widget-color-modal-layer,
- rgb(107 114 128 / 0.75)
- );
- --color-modal-content-bg: var(
- --halo-search-widget-color-modal-content-bg,
- #fff
- );
- }
-
- .modal__wrapper {
- position: fixed;
- left: 0px;
- top: 0px;
- display: flex;
- height: 100%;
- width: 100%;
- flex-direction: row;
- align-items: flex-start;
- justify-content: center;
- padding-top: 2.5rem;
- padding-bottom: 2.5rem;
- z-index: 999;
- }
-
- .modal__layer {
- position: absolute;
- top: 0px;
- left: 0px;
- height: 100%;
- width: 100%;
- flex: none;
- background-color: var(--color-modal-layer);
- animation: fadeIn 0.15s both;
- }
-
- .modal__content {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: stretch;
- border-radius: 5px;
- background-color: var(--color-modal-content-bg);
- width: calc(100vw - 20px);
- max-height: calc(100vh - 5rem);
- max-width: 650px;
- overflow: auto;
- animation: fadeInUp 0.3s both;
- }
-
- @keyframes fadeIn {
- from {
- opacity: 0;
+
`}close(){this.open=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}},g.SearchModal.styles=[Ht,Rt,B`
+ .modal__wrapper {
+ position: fixed;
+ left: 0px;
+ top: 0px;
+ display: flex;
+ height: 100%;
+ width: 100%;
+ flex-direction: row;
+ align-items: flex-start;
+ justify-content: center;
+ padding-top: 2.5em;
+ padding-bottom: 2.5em;
+ z-index: 999;
+ }
+
+ .modal__layer {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 100%;
+ width: 100%;
+ flex: none;
+ background-color: var(--color-modal-layer);
+ animation: fadeIn 0.15s both;
}
- to {
- opacity: 1;
+ .modal__content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ border-radius: 5px;
+ background-color: var(--color-modal-content-bg);
+ width: calc(100vw - 20px);
+ max-height: calc(100vh - 5em);
+ max-width: 650px;
+ overflow: auto;
+ animation: fadeInUp 0.3s both;
}
- }
- @keyframes fadeInUp {
- from {
- opacity: 0;
- transform: translate3d(0, 10%, 0);
+ @keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
}
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
+ @keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translate3d(0, 10%, 0);
+ }
+
+ to {
+ opacity: 1;
+ transform: translate3d(0, 0, 0);
+ }
}
- }
- `,dt([V({type:Boolean})],g.SearchModal.prototype,"open",void 0),dt([V({type:String})],g.SearchModal.prototype,"baseUrl",void 0),g.SearchModal=dt([Ct("search-modal")],g.SearchModal);const ii="",Rt=document.createElement("search-modal");document.body.append(Rt);function Xe(){Rt.open=!0}return g.open=Xe,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({});
+ `],dt([K({type:Boolean})],g.SearchModal.prototype,"open",void 0),dt([K({type:String})],g.SearchModal.prototype,"baseUrl",void 0),g.SearchModal=dt([kt("search-modal")],g.SearchModal);const si="",Lt=document.createElement("search-modal");document.body.append(Lt);function Ye(){Lt.open=!0}return g.open=Ye,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({});