2023-07-30 17:04:15 +07:00
( function ( l , r ) { if ( ! l || l . getElementById ( 'livereloadscript' ) ) return ; r = l . createElement ( 'script' ) ; r . async = 1 ; r . src = '//' + ( self . location . host || 'localhost' ) . split ( ':' ) [ 0 ] + ':35729/livereload.js?snipver=1' ; r . id = 'livereloadscript' ; l . getElementsByTagName ( 'head' ) [ 0 ] . appendChild ( r ) } ) ( self . document ) ;
import { S as SvelteElement , i as init , a as attribute _to _object , b as insert _dev , s as safe _not _equal , d as dispatch _dev , v as validate _slots , w as validate _store , x as component _subscribe , o as onMount , y as empty , n as noop , p as detach _dev , q as binding _callbacks , f as element , h as space , j as add _location , k as attr _dev , u as src _url _equal , z as set _custom _element _data , l as append _dev , m as listen _dev , r as run _all } from './index-998178c7.js' ;
import { w as writable } from './index-f9998ce7.js' ;
import { getData , loadLocaleContent , sendData } from '../../../../../../../../../js/libraries/serverTools.js' ;
import { addMarkersEntries , translate } from '../../../../../../../../../js/libraries/mapTools.js' ;
import '../../../../../../../../../js/components/map-component.js' ;
/* src\cooperatives-add-component.svelte generated by Svelte v3.52.0 */
const file = "src\\cooperatives-add-component.svelte" ;
// (222:4) {#if $loaded==3}
function create _if _block ( ctx ) {
let div7 ;
let div6 ;
let h1 ;
let t1 ;
let img ;
let img _src _value ;
let t2 ;
let p0 ;
let t4 ;
let ol ;
let li0 ;
let t6 ;
let li1 ;
let t8 ;
let li2 ;
let t10 ;
let li3 ;
let t12 ;
let div2 ;
let label0 ;
let t14 ;
let div1 ;
let input0 ;
let t15 ;
let div0 ;
let t16 ;
let div5 ;
let label1 ;
let t18 ;
let div4 ;
let input1 ;
let t19 ;
let div3 ;
let t20 ;
let button ;
let t22 ;
let p1 ;
let t23 ;
let map _component ;
let map _component _callback _value ;
let mounted ;
let dispose ;
const block = {
c : function create ( ) {
div7 = element ( "div" ) ;
div6 = element ( "div" ) ;
h1 = element ( "h1" ) ;
h1 . textContent = "Add a Group" ;
t1 = space ( ) ;
img = element ( "img" ) ;
t2 = space ( ) ;
p0 = element ( "p" ) ;
p0 . textContent = "If there are no groups in your town with whom you can organize then do the following:" ;
t4 = space ( ) ;
ol = element ( "ol" ) ;
li0 = element ( "li" ) ;
li0 . textContent = "Click on the map to show us where you are located;" ;
t6 = space ( ) ;
li1 = element ( "li" ) ;
li1 . textContent = "Add a way to contact you or leave blank for a pin to point to our discord;" ;
t8 = space ( ) ;
li2 = element ( "li" ) ;
li2 . textContent = "Press \"Submit\" to add yourself to our map;" ;
t10 = space ( ) ;
li3 = element ( "li" ) ;
li3 . textContent = "Verify yourself by having a chat with us at our Discord server to show on the map;" ;
t12 = space ( ) ;
div2 = element ( "div" ) ;
label0 = element ( "label" ) ;
label0 . textContent = "Location:" ;
t14 = space ( ) ;
div1 = element ( "div" ) ;
input0 = element ( "input" ) ;
t15 = space ( ) ;
div0 = element ( "div" ) ;
t16 = space ( ) ;
div5 = element ( "div" ) ;
label1 = element ( "label" ) ;
label1 . textContent = "Contact:" ;
t18 = space ( ) ;
div4 = element ( "div" ) ;
input1 = element ( "input" ) ;
t19 = space ( ) ;
div3 = element ( "div" ) ;
t20 = space ( ) ;
button = element ( "button" ) ;
button . textContent = "Submit" ;
t22 = space ( ) ;
p1 = element ( "p" ) ;
t23 = space ( ) ;
map _component = element ( "map-component" ) ;
add _location ( h1 , file , 225 , 16 , 7502 ) ;
attr _dev ( img , "id" , "groups-img" ) ;
if ( ! src _url _equal ( img . src , img _src _value = "/img/common/groups.svg" ) ) attr _dev ( img , "src" , img _src _value ) ;
attr _dev ( img , "alt" , "groups" ) ;
add _location ( img , file , 226 , 16 , 7540 ) ;
attr _dev ( p0 , "class" , "description" ) ;
add _location ( p0 , file , 227 , 16 , 7621 ) ;
add _location ( li0 , file , 229 , 20 , 7777 ) ;
add _location ( li1 , file , 230 , 20 , 7858 ) ;
add _location ( li2 , file , 231 , 20 , 7963 ) ;
add _location ( li3 , file , 232 , 20 , 8036 ) ;
add _location ( ol , file , 228 , 16 , 7751 ) ;
attr _dev ( label0 , "for" , "address-input" ) ;
add _location ( label0 , file , 235 , 20 , 8250 ) ;
attr _dev ( input0 , "id" , "address-input" ) ;
attr _dev ( input0 , "type" , "text" ) ;
input0 . readOnly = true ;
add _location ( input0 , file , 237 , 24 , 8370 ) ;
attr _dev ( div0 , "class" , "ghost-input" ) ;
add _location ( div0 , file , 238 , 24 , 8511 ) ;
attr _dev ( div1 , "class" , "input-wrapper" ) ;
add _location ( div1 , file , 236 , 20 , 8317 ) ;
attr _dev ( div2 , "id" , "address-input-wrapper" ) ;
attr _dev ( div2 , "class" , "input-label-wrapper" ) ;
add _location ( div2 , file , 234 , 16 , 8168 ) ;
attr _dev ( label1 , "for" , "contact-input" ) ;
add _location ( label1 , file , 242 , 20 , 8667 ) ;
attr _dev ( input1 , "id" , "contact-input" ) ;
attr _dev ( input1 , "type" , "text" ) ;
add _location ( input1 , file , 244 , 24 , 8786 ) ;
attr _dev ( div3 , "class" , "ghost-input" ) ;
add _location ( div3 , file , 245 , 24 , 8918 ) ;
attr _dev ( div4 , "class" , "input-wrapper" ) ;
add _location ( div4 , file , 243 , 20 , 8733 ) ;
attr _dev ( div5 , "class" , "input-label-wrapper" ) ;
add _location ( div5 , file , 241 , 16 , 8612 ) ;
attr _dev ( button , "id" , "submit-button" ) ;
add _location ( button , file , 248 , 16 , 9019 ) ;
attr _dev ( p1 , "id" , "confirmation-msg" ) ;
add _location ( p1 , file , 249 , 16 , 9105 ) ;
set _custom _element _data ( map _component , "id" , "map" ) ;
set _custom _element _data ( map _component , "callback" , map _component _callback _value = /*func*/ ctx [ 15 ] ) ;
add _location ( map _component , file , 250 , 16 , 9180 ) ;
attr _dev ( div6 , "id" , "text-container" ) ;
add _location ( div6 , file , 224 , 12 , 7459 ) ;
attr _dev ( div7 , "id" , "container" ) ;
add _location ( div7 , file , 222 , 8 , 7356 ) ;
} ,
m : function mount ( target , anchor ) {
insert _dev ( target , div7 , anchor ) ;
append _dev ( div7 , div6 ) ;
append _dev ( div6 , h1 ) ;
append _dev ( div6 , t1 ) ;
append _dev ( div6 , img ) ;
append _dev ( div6 , t2 ) ;
append _dev ( div6 , p0 ) ;
append _dev ( div6 , t4 ) ;
append _dev ( div6 , ol ) ;
append _dev ( ol , li0 ) ;
append _dev ( ol , t6 ) ;
append _dev ( ol , li1 ) ;
append _dev ( ol , t8 ) ;
append _dev ( ol , li2 ) ;
append _dev ( ol , t10 ) ;
append _dev ( ol , li3 ) ;
append _dev ( div6 , t12 ) ;
append _dev ( div6 , div2 ) ;
append _dev ( div2 , label0 ) ;
append _dev ( div2 , t14 ) ;
append _dev ( div2 , div1 ) ;
append _dev ( div1 , input0 ) ;
/*input0_binding*/ ctx [ 10 ] ( input0 ) ;
append _dev ( div1 , t15 ) ;
append _dev ( div1 , div0 ) ;
append _dev ( div6 , t16 ) ;
append _dev ( div6 , div5 ) ;
append _dev ( div5 , label1 ) ;
append _dev ( div5 , t18 ) ;
append _dev ( div5 , div4 ) ;
append _dev ( div4 , input1 ) ;
/*input1_binding*/ ctx [ 12 ] ( input1 ) ;
append _dev ( div4 , t19 ) ;
append _dev ( div4 , div3 ) ;
append _dev ( div6 , t20 ) ;
append _dev ( div6 , button ) ;
append _dev ( div6 , t22 ) ;
append _dev ( div6 , p1 ) ;
/*p1_binding*/ ctx [ 14 ] ( p1 ) ;
append _dev ( div6 , t23 ) ;
append _dev ( div6 , map _component ) ;
if ( ! mounted ) {
dispose = [
listen _dev ( input0 , "input" , /*input_handler*/ ctx [ 11 ] , false , false , false ) ,
listen _dev ( input1 , "input" , /*input_handler_1*/ ctx [ 13 ] , false , false , false ) ,
listen _dev ( button , "click" , /*submitLocation*/ ctx [ 9 ] , false , false , false )
] ;
mounted = true ;
}
} ,
p : function update ( ctx , dirty ) {
if ( dirty & /*$content*/ 16 && map _component _callback _value !== ( map _component _callback _value = /*func*/ ctx [ 15 ] ) ) {
set _custom _element _data ( map _component , "callback" , map _component _callback _value ) ;
}
} ,
d : function destroy ( detaching ) {
if ( detaching ) detach _dev ( div7 ) ;
/*input0_binding*/ ctx [ 10 ] ( null ) ;
/*input1_binding*/ ctx [ 12 ] ( null ) ;
/*p1_binding*/ ctx [ 14 ] ( null ) ;
mounted = false ;
run _all ( dispose ) ;
}
} ;
dispatch _dev ( "SvelteRegisterBlock" , {
block ,
id : create _if _block . name ,
type : "if" ,
source : "(222:4) {#if $loaded==3}" ,
ctx
} ) ;
return block ;
}
// (221:0) {#key $loaded}
function create _key _block ( ctx ) {
let if _block _anchor ;
let if _block = /*$loaded*/ ctx [ 3 ] == 3 && create _if _block ( ctx ) ;
const block = {
c : function create ( ) {
if ( if _block ) if _block . c ( ) ;
if _block _anchor = empty ( ) ;
} ,
m : function mount ( target , anchor ) {
if ( if _block ) if _block . m ( target , anchor ) ;
insert _dev ( target , if _block _anchor , anchor ) ;
} ,
p : function update ( ctx , dirty ) {
if ( /*$loaded*/ ctx [ 3 ] == 3 ) {
if ( if _block ) {
if _block . p ( ctx , dirty ) ;
} else {
if _block = create _if _block ( ctx ) ;
if _block . c ( ) ;
if _block . m ( if _block _anchor . parentNode , if _block _anchor ) ;
}
} else if ( if _block ) {
if _block . d ( 1 ) ;
if _block = null ;
}
} ,
d : function destroy ( detaching ) {
if ( if _block ) if _block . d ( detaching ) ;
if ( detaching ) detach _dev ( if _block _anchor ) ;
}
} ;
dispatch _dev ( "SvelteRegisterBlock" , {
block ,
id : create _key _block . name ,
type : "key" ,
source : "(221:0) {#key $loaded}" ,
ctx
} ) ;
return block ;
}
function create _fragment ( ctx ) {
let previous _key = /*$loaded*/ ctx [ 3 ] ;
let key _block _anchor ;
let key _block = create _key _block ( ctx ) ;
const block = {
c : function create ( ) {
key _block . c ( ) ;
key _block _anchor = empty ( ) ;
this . c = noop ;
} ,
l : function claim ( nodes ) {
throw new Error ( "options.hydrate only works if the component was compiled with the `hydratable: true` option" ) ;
} ,
m : function mount ( target , anchor ) {
key _block . m ( target , anchor ) ;
insert _dev ( target , key _block _anchor , anchor ) ;
} ,
p : function update ( ctx , [ dirty ] ) {
if ( dirty & /*$loaded*/ 8 && safe _not _equal ( previous _key , previous _key = /*$loaded*/ ctx [ 3 ] ) ) {
key _block . d ( 1 ) ;
key _block = create _key _block ( ctx ) ;
key _block . c ( ) ;
key _block . m ( key _block _anchor . parentNode , key _block _anchor ) ;
} else {
key _block . p ( ctx , dirty ) ;
}
} ,
i : noop ,
o : noop ,
d : function destroy ( detaching ) {
if ( detaching ) detach _dev ( key _block _anchor ) ;
key _block . d ( detaching ) ;
}
} ;
dispatch _dev ( "SvelteRegisterBlock" , {
block ,
id : create _fragment . name ,
type : "component" ,
source : "" ,
ctx
} ) ;
return block ;
}
function createPin ( lat , lng ) {
let markerIcon = new L . Icon ( {
iconUrl : '/img/common/markers/marker-black.png' ,
shadowUrl : 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png' ,
iconSize : [ 25 , 41 ] ,
iconAnchor : [ 12 , 41 ] ,
popupAnchor : [ 1 , - 34 ] ,
shadowSize : [ 41 , 41 ]
} ) ;
return L . marker ( [ lat , lng ] , { icon : markerIcon } ) ;
}
function updatePin ( marker , lat , lng ) {
let newLatLng = L . latLng ( lat , lng ) ; // Replace with the desired coordinates
marker . setLatLng ( newLatLng ) ;
}
function resizeInput ( el ) {
el . nextElementSibling . innerHTML = el . value ;
}
function instance ( $$self , $$props , $$invalidate ) {
let $loaded ;
let $content ;
let { $$slots : slots = { } , $$scope } = $$props ;
validate _slots ( 'cooperatives-add-component' , slots , [ ] ) ;
let loaded = writable ( 0 ) ;
validate _store ( loaded , 'loaded' ) ;
component _subscribe ( $$self , loaded , value => $$invalidate ( 3 , $loaded = value ) ) ;
let content = writable ( { } ) ;
validate _store ( content , 'content' ) ;
component _subscribe ( $$self , content , value => $$invalidate ( 4 , $content = value ) ) ;
let entries ;
let entriesByCountry ;
let callback = response => {
entries = JSON . parse ( response ) ;
entriesByCountry = { } ;
for ( let g of entries ) {
let country = g . country ;
if ( g . contact == null ) {
g . contact = "https://discord.gg/Qk8KUk787z" ;
}
if ( country in entriesByCountry ) {
entriesByCountry [ country ] . push ( g ) ;
} else {
entriesByCountry [ country ] = [ g ] ;
}
}
loaded . update ( val => {
return val + 1 ;
} ) ;
} ;
getData ( "/assets/groups.json" , callback ) ;
let confirmationMsg ;
let addressInput ;
let contactInput ;
let addressVec ;
let userPinLat = 0 ;
let userPinLng = 0 ;
let userPin = createPin ( 0 , 0 ) ;
userPin . setOpacity ( 0 ) ;
let locale = loadLocaleContent ( content , "groups-component" , loaded ) ;
loadLocaleContent ( content , "countries" , loaded ) ;
function reverseGeocodeLocal ( latitude , longitude ) {
let url = ` https://nominatim.openstreetmap.org/reverse?lat= ${ latitude } &lon= ${ longitude } &format=jsonv2 ` ;
let callback = response => {
// Parse the response JSON
response = JSON . parse ( response ) ;
// Extract the address information from the response
let address = response . address ;
let city = address . city || address . town || address . village || address . hamlet ;
let state = address . state ;
let country = address . country ;
let fullAddress = country ;
if ( state != undefined ) {
fullAddress += ", " + state ;
} else {
state = "" ;
}
if ( city != undefined ) {
fullAddress += ", " + city ;
} else {
city = "" ;
}
$$invalidate ( 1 , addressInput . value = fullAddress , addressInput ) ;
resizeInput ( addressInput ) ;
} ;
getData ( url , callback ) ;
}
function reverseGeocode ( latitude , longitude ) {
let url = ` https://nominatim.openstreetmap.org/reverse?lat= ${ latitude } &lon= ${ longitude } &format=jsonv2&accept-language=en ` ;
let callback = response => {
// Parse the response JSON
response = JSON . parse ( response ) ;
// Extract the address information from the response
let address = response . address ;
let city = address . city || address . town || address . village || address . hamlet ;
let state = address . state ;
let country = address . country ;
if ( state != undefined ) ; else {
state = "" ;
}
if ( city != undefined ) ; else {
city = "" ;
}
addressVec = [ country , state , city ] ;
} ;
getData ( url , callback ) ;
}
function addGroupPinContent ( g , content , locale ) {
let coordinates ;
let text = "<b>" + content [ "Group" ] + "</b><br>" ;
for ( let field of [ "location" , "members" , "contact" ] ) {
let fieldText = content [ field ] + ": " ;
if ( field == "contact" ) {
text += fieldText + "<a href='" + g . contact + "' target='_blank' rel=noreferrer>" + g . contact + "</a>" ;
} else if ( field == "location" ) {
let location = [ g . country , g . state , g . town ] . filter ( x => x != null && x != undefined ) ;
let locationString ;
if ( locale == "en" ) {
locationString = location . map ( x => x ) . join ( ", " ) ;
} else {
locationString = location . map ( x => translate ( content , x ) ) . join ( ", " ) ;
}
text += fieldText + locationString + "<br>" ;
coordinates = [ g . latitude , g . longitude ] ;
} else {
text += fieldText + g [ field ] + "<br>" ;
}
}
return { text , coordinates } ;
}
function mapCallback ( createMap , content , locale ) {
let map = createMap ( [ 22 , 0 ] , 2 ) ;
addMarkersEntries ( entries , entriesByCountry , map , content , locale , addGroupPinContent , "green" ) ;
userPin . addTo ( map ) ;
map . on ( 'click' , function ( event ) {
let lat = event . latlng . lat ;
let lng = event . latlng . lng ;
userPinLat = lat ;
userPinLng = lng ;
updatePin ( userPin , lat , lng ) ;
userPin . setOpacity ( 1 ) ;
reverseGeocodeLocal ( lat , lng ) ;
reverseGeocode ( lat , lng ) ;
} ) ;
}
function updateConfirmationMsg ( response ) {
if ( response !== false ) {
$$invalidate ( 0 , confirmationMsg . innerHTML = "You have been added to our database! Now go to our Discord to verify yourself." , confirmationMsg ) ;
$$invalidate ( 0 , confirmationMsg . style . color = "green" , confirmationMsg ) ;
} else {
$$invalidate ( 0 , confirmationMsg . innerHTML = "Something went wrong." , confirmationMsg ) ;
$$invalidate ( 0 , confirmationMsg . style . color = "red" , confirmationMsg ) ;
}
}
function submitLocation ( ) {
if ( addressVec != undefined ) {
let data = {
country : addressVec [ 0 ] ,
state : addressVec [ 1 ] ,
town : addressVec [ 2 ] ,
latitude : userPinLat ,
longitude : userPinLng ,
contact : contactInput . value
} ;
if ( data . state == "" ) {
data . state = null ;
}
if ( data . town == "" ) {
data . town = null ;
}
if ( data . contact == "" ) {
data . contact = null ;
}
let url = "/" + locale + "/groups-add-post/" ;
sendData ( url , data , updateConfirmationMsg ) ;
}
}
onMount ( ( ) => {
} ) ;
const writable _props = [ ] ;
Object . keys ( $$props ) . forEach ( key => {
if ( ! ~ writable _props . indexOf ( key ) && key . slice ( 0 , 2 ) !== '$$' && key !== 'slot' ) console . warn ( ` <cooperatives-add-component> was created with unknown prop ' ${ key } ' ` ) ;
} ) ;
function input0 _binding ( $$value ) {
binding _callbacks [ $$value ? 'unshift' : 'push' ] ( ( ) => {
addressInput = $$value ;
$$invalidate ( 1 , addressInput ) ;
} ) ;
}
const input _handler = ( ) => resizeInput ( addressInput ) ;
function input1 _binding ( $$value ) {
binding _callbacks [ $$value ? 'unshift' : 'push' ] ( ( ) => {
contactInput = $$value ;
$$invalidate ( 2 , contactInput ) ;
} ) ;
}
const input _handler _1 = ( ) => resizeInput ( contactInput ) ;
function p1 _binding ( $$value ) {
binding _callbacks [ $$value ? 'unshift' : 'push' ] ( ( ) => {
confirmationMsg = $$value ;
$$invalidate ( 0 , confirmationMsg ) ;
} ) ;
}
const func = createMap => mapCallback ( createMap , $content , locale ) ;
$$self . $capture _state = ( ) => ( {
onMount ,
writable ,
loadLocaleContent ,
getData ,
sendData ,
addMarkersEntries ,
translate ,
loaded ,
content ,
entries ,
entriesByCountry ,
callback ,
confirmationMsg ,
addressInput ,
contactInput ,
addressVec ,
userPinLat ,
userPinLng ,
userPin ,
locale ,
createPin ,
updatePin ,
reverseGeocodeLocal ,
reverseGeocode ,
addGroupPinContent ,
mapCallback ,
updateConfirmationMsg ,
submitLocation ,
resizeInput ,
$loaded ,
$content
} ) ;
$$self . $inject _state = $$props => {
if ( 'loaded' in $$props ) $$invalidate ( 5 , loaded = $$props . loaded ) ;
if ( 'content' in $$props ) $$invalidate ( 6 , content = $$props . content ) ;
if ( 'entries' in $$props ) entries = $$props . entries ;
if ( 'entriesByCountry' in $$props ) entriesByCountry = $$props . entriesByCountry ;
if ( 'callback' in $$props ) callback = $$props . callback ;
if ( 'confirmationMsg' in $$props ) $$invalidate ( 0 , confirmationMsg = $$props . confirmationMsg ) ;
if ( 'addressInput' in $$props ) $$invalidate ( 1 , addressInput = $$props . addressInput ) ;
if ( 'contactInput' in $$props ) $$invalidate ( 2 , contactInput = $$props . contactInput ) ;
if ( 'addressVec' in $$props ) addressVec = $$props . addressVec ;
if ( 'userPinLat' in $$props ) userPinLat = $$props . userPinLat ;
if ( 'userPinLng' in $$props ) userPinLng = $$props . userPinLng ;
if ( 'userPin' in $$props ) userPin = $$props . userPin ;
if ( 'locale' in $$props ) $$invalidate ( 7 , locale = $$props . locale ) ;
} ;
if ( $$props && "$$inject" in $$props ) {
$$self . $inject _state ( $$props . $$inject ) ;
}
return [
confirmationMsg ,
addressInput ,
contactInput ,
$loaded ,
$content ,
loaded ,
content ,
locale ,
mapCallback ,
submitLocation ,
input0 _binding ,
input _handler ,
input1 _binding ,
input _handler _1 ,
p1 _binding ,
func
] ;
}
class Cooperatives _add _component extends SvelteElement {
constructor ( options ) {
super ( ) ;
this . shadowRoot . innerHTML = ` <style>@import '/css/common.css';#confirmation-msg{margin-top:0.5rem;margin-bottom:2rem}ol li{margin-left:3rem;margin-bottom:0.5rem}label{display:inline-block;font-family:var(--serif,serif);font-size:1.15rem;line-height:160%;color:#222222;width:5.5rem}input,.ghost-input{font-size:1.15rem;font-family:var(--serif,serif)}input{height:2.5rem;display:inline-block;position:relative}#address-input,#contact-input{width:100%}#address-input-wrapper{margin-top:2rem;margin-bottom:1rem}.ghost-input{display:block;visibility:hidden;height:0;padding-left:0.5rem;padding-right:0.5rem}.input-wrapper{display:inline-block;max-width:calc(100% - 5.5rem);min-width:min(20rem, calc(100% - 5.5rem));height:2.5rem}.input-label-wrapper{display:flex;justify-content:start}.input-label-wrapper label{position:relative;top:0.3rem}.description{margin-bottom:1rem}#submit-button{display:block;margin:auto;margin-top:2rem;padding:1rem 2rem;font-size:1.4rem;font-family:var(--sans-serif,sans-serif);border:0rem solid black;border-radius:0.5rem;background:#cb1816;color:white}#groups-img{position:absolute;width:14rem;left:50%;transform:translate(-50%);z-index:0;opacity:0.2}#text-container>:nth-child(3){margin-top:8rem}#map{--height:30rem;--width:100%;--margin-top:2rem;--margin-bottom:0.5rem}#text-container{position:relative;max-width:calc(100vw - 4rem);margin:auto}h1{margin-bottom:1rem;font-size:2.2rem;text-align:center}#container{margin:auto;max-width:800px;margin-top:1rem;margin-bottom:4rem}#container p{text-align:justify}</style> ` ;
init (
this ,
{
target : this . shadowRoot ,
props : attribute _to _object ( this . attributes ) ,
customElement : true
} ,
instance ,
create _fragment ,
safe _not _equal ,
{ } ,
null
) ;
if ( options ) {
if ( options . target ) {
insert _dev ( options . target , this , options . anchor ) ;
}
}
}
}
customElements . define ( "cooperatives-add-component" , Cooperatives _add _component ) ;
export { Cooperatives _add _component as default } ;
