@solid-design-system/components 3.17.7 → 3.17.9

package/dist/components/es/map-marker.js

@@ -1 +1 @@
-import{S as t,b as e,x as a,t as i,n as r,a as s}from"./solid-components2.js";var l=Object.defineProperty,c=Object.getOwnPropertyDescriptor,n=(t,e,a,i)=>{for(var r,s=i>1?void 0:i?c(e,a):e,n=t.length-1;n>=0;n--)(r=t[n])&&(s=(i?r(e,a,s):r(s))||s);return i&&s&&l(e,a,s),s};let o=class extends t{constructor(){super(...arguments),this.variant="main",this.state="default",this.animated=!1,this.marker={cluster:e`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:e`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22ZM40 28a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z" clip-rule="evenodd"/></svg>`,place:e`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd"/></svg>`}}render(){return a`<div tabindex="0" class="${i("flex justify-center w-[calc(theme(width.12)*var(--map-marker-scaling,1))] focus:outline-primary focus:outline-offset-2","cluster"===this.variant?"h-[calc(theme(height.12)*var(--map-marker-scaling,1))]":"h-[calc(theme(height.16)*var(--map-marker-scaling,1))]")}"><div class="${i("inline-flex",this.animated&&("main"===this.variant||"place"===this.variant)&&"animate-bounce-once","cluster"===this.variant&&"hover"===this.state&&"scale-110 fill-primary-500","main"===this.variant&&"hover"===this.state&&"fill-accent-550","main"===this.variant&&"active"===this.state&&"fill-accent-700","place"===this.variant&&"default"===this.state&&"fill-white","place"===this.variant&&"hover"===this.state&&"fill-primary-100","place"===this.variant&&"active"===this.state&&"fill-primary-200",{cluster:"fill-primary transition-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500",main:"fill-accent *:drop-shadow-md hover:fill-accent-550 active:fill-accent-700",place:"hover:fill-primary-100 *:drop-shadow-md"}[this.variant])}">${this.marker[this.variant]}</div><div class="${i("absolute self-center pointer-events-none",{cluster:"text-white text-[calc(theme(fontSize.sm)*var(--map-marker-scaling,1))]",main:"",place:"text-[calc(theme(fontSize.3xl)*var(--map-marker-scaling,1))]"}[this.variant])}"><slot></slot></div></div>`}};n([r({reflect:!0})],o.prototype,"variant",2),n([r({reflect:!0})],o.prototype,"state",2),n([r({type:Boolean,reflect:!0})],o.prototype,"animated",2),o=n([s("sd-map-marker")],o);export{o as default};
+import{S as t,b as a,x as e,t as i,n as r,a as s}from"./solid-components2.js";var l=Object.defineProperty,c=Object.getOwnPropertyDescriptor,n=(t,a,e,i)=>{for(var r,s=i>1?void 0:i?c(a,e):a,n=t.length-1;n>=0;n--)(r=t[n])&&(s=(i?r(a,e,s):r(s))||s);return i&&s&&l(a,e,s),s};let o=class extends t{constructor(){super(...arguments),this.variant="main",this.state="default",this.animated=!1,this.marker={cluster:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z"/><circle cx="30" cy="28" r="10" fill="#fff"/></svg>`,place:a`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd"/></svg>`}}render(){return e`<div tabindex="0" class="${i("flex justify-center w-[calc(theme(width.12)*var(--map-marker-scaling,1))] focus:outline-primary focus:outline-offset-2","cluster"===this.variant?"h-[calc(theme(height.12)*var(--map-marker-scaling,1))]":"h-[calc(theme(height.16)*var(--map-marker-scaling,1))]")}"><div class="${i("inline-flex",this.animated&&("main"===this.variant||"place"===this.variant)&&"animate-bounce-once","cluster"===this.variant&&"hover"===this.state&&"scale-110 fill-primary-500","main"===this.variant&&"hover"===this.state&&"fill-accent-550","main"===this.variant&&"active"===this.state&&"fill-accent-700","place"===this.variant&&"default"===this.state&&"fill-white","place"===this.variant&&"hover"===this.state&&"fill-primary-100","place"===this.variant&&"active"===this.state&&"fill-primary-200",{cluster:"fill-primary transition-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500",main:"fill-accent *:drop-shadow-md hover:fill-accent-550 active:fill-accent-700",place:"hover:fill-primary-100 *:drop-shadow-md"}[this.variant])}">${this.marker[this.variant]}</div><div class="${i("absolute self-center pointer-events-none",{cluster:"text-white text-[calc(theme(fontSize.sm)*var(--map-marker-scaling,1))]",main:"",place:"text-[calc(theme(fontSize.3xl)*var(--map-marker-scaling,1))]"}[this.variant])}"><slot></slot></div></div>`}};n([r({reflect:!0})],o.prototype,"variant",2),n([r({reflect:!0})],o.prototype,"state",2),n([r({type:Boolean,reflect:!0})],o.prototype,"animated",2),o=n([s("sd-map-marker")],o);export{o as default};