solid-ui 3.1.3-6 → 3.1.3-7

package/dist/components/provider/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Provider.cjs.js");var t=e._Provider;Object.defineProperty(exports,"Provider",{enumerable:!0,get:function(){return e._Provider}}),exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Provider.cjs.js");var t=e.default;Object.defineProperty(exports,"Provider",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/provider/index.esm.js

@@ -1,4 +1,4 @@
-import { _Provider as e } from "./Provider.esm.js";
+import e from "./Provider.esm.js";
 //#region src/components/provider/index.ts
 var t = e;
 //#endregion

package/dist/components/provider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/provider-DZmdgerD.js";
+import { n as e, t } from "../chunks/provider-C4eSzopG.js";
 export { e as Provider, t as default };

package/dist/components/select/Select.cjs.js

@@ -17,5 +17,5 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
         </select>
         <icon-lucide-chevron-down></icon-lucide-chevron-down>
       </div>
-    `}getOptions(){let e=this.querySelectorAll(`solid-ui-select-option`);return Array.from(e).map(e=>({value:e.value,label:e.textContent}))}},{e:[_,y,x,C,T,p],c:[B,m]}=P(s,[[g,1,`label`],[v,1,`name`],[b,1,`value`],[S,1,`required`],[w,1,`inputElement`]],h,0,void 0,t.default),s),o=class extends z{constructor(){super(B),N(this,`styles`,r.default),N(this,`formAssociated`,!0),m()}},N(o,E,void 0),o),Object.defineProperty(exports,"_Select",{enumerable:!0,get:function(){return B}});
+    `}getOptions(){let e=this.querySelectorAll(`solid-ui-select-option`);return Array.from(e).map(e=>({value:e.value,label:e.textContent}))}},{e:[_,y,x,C,T,p],c:[B,m]}=P(s,[[g,1,`label`],[v,1,`name`],[b,1,`value`],[S,1,`required`],[w,1,`inputElement`]],h,0,void 0,t.default),s),o=class extends z{constructor(){super(B),N(this,`styles`,r.default),N(this,`formAssociated`,!0),m()}},N(o,E,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return B}});
 //# sourceMappingURL=Select.cjs.js.map

package/dist/components/select/Select.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Select.cjs.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n}\n"],"mappings":"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"}

package/dist/components/select/Select.esm.js

@@ -288,6 +288,6 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
 	}
 }, P(s, D, void 0), s)();
 //#endregion
-export { V as _Select };
+export { V as default };
 
 //# sourceMappingURL=Select.esm.js.map

package/dist/components/select/Select.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,kBAAA,IAAAJ,QAAA,GAAAK,KAAAC,IAK9Bd,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzClB,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACE,IAGzCnB,EAAS,EAAEe,MAAMC,OAAO,CAAC,GAACI,IAG1BpB,EAAS;CAAEe,MAAMM;CAASJ,SAAS;AAAK,CAAC,GAACK,IAG1CrB,EAAM,QAAQ,GAAC,UAAAsB,IAjBlB,cACoCzB,EAAa;CAAA,KAAAe,KAAA;EAAA,OAAAY,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAKtCmB,MAAKC,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAAA,IAGLE,OAAI;EAAA,OAAAJ,EAAAhB,GAAA,IAAA;CAAA;CAAA,IAAJoB,KAAIF,GAAA;EAAAC,EAAAnB,GAAA,MAAAkB,CAAA;CAAA;CAAA,IAGJG,QAAK;EAAA,OAAAL,EAAAf,GAAA,IAAA;CAAA;CAAA,IAALoB,MAAKH,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAAA,IAGLI,WAAQ;EAAA,OAAAN,EAAAd,GAAA,IAAA;CAAA;CAAA,IAARoB,SAAQJ,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAAA,IAGRK,eAAY;EAAA,OAAAP,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAZoB,aAAYL,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAIrBM,cAAe;EAGb,AAFA,MAAM,GAACC,EAAA,MAAA3B,IAAA4B,EAAA,IAAA,GAAAC,EAAA,MAjBQ,EAAE,EAAA,GAAAF,EAAA,MAAAzB,GAAA4B,EAAA,MAGH,EAAE,CAAA,GAAAH,EAAA,MAAAxB,GAAA4B,EAAA,MAGD,EAAE,CAAA,GAAAJ,EAAA,MAAAvB,GAAA4B,EAAA,MAGC,EAAK,CAAA,GAAAL,EAAA,MAAAtB,GAAA4B,EAAA,MAGyB,IAAI,CAAA,GAAAC,EAAA,MAAA,cAAA,KAAA,CAAA,GAOpD,KAAKC,aAAa,KAAKC,SAAS,IAAIzC,EAAW,MAAM;GACnD0C,uBAAuB,KAAKZ;GAC5Ba,oBAAoB,KAAKA,aAAa;EACxC,CAAC,CAAC;CACJ;CAEUC,SAAU;EAClB,OAAO/C,CAAI;QACP,KAAK2C,WAAWK,YAAY,EAAC;;;;gBAIrB,KAAKL,WAAWM,QAAO;iBACtB,KAAKnB,KAAI;sBACJ,KAAKE,SAAQ;0BACT,KAAKW,WAAWO,QAAQ,EAAC;;YAEvC,KAAKC,WAAW,EAAEC,KACjBC,MACCrD,CAAI;yBACOqD,EAAOtB,MAAK;4BACTsB,EAAOtB,UAAU,KAAKA,MAAK;;kBAErCsB,EAAO1B,MAAK;wBAEpB,EAAC;;;;;CAKT;CAEQwB,aAAkD;EACxD,IAAMG,IAAU,KAAKC,iBACnB,wBACF;EAEA,OAAOC,MAAMC,KAAKH,CAAO,EAAEF,KAAKC,OAAY;GAC1CtB,OAAOsB,EAAOtB;GACdJ,OAAO0B,EAAOK;EAChB,EAAE;CACJ;AACF,GAAC,CAAAC,GAAA,CAAAtB,GAAAC,GAAAC,GAAAC,GAAAC,GAAAL,IAAAwB,GAAA,CAAAtD,GAAAuD,MAAAC,EAAAtC,GAAA;CAAA;EAAAT;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAlB,GAAA,GAAA,KAAA,GAlEmCN,CAAY,GAAAyB,IAAAuC,IAAA,cAAAC,EAAA;CAAA9B,cAAA;EAAA,MAAA5B,CAAA,GAAAoC,EAAA,MAAA,UAC9BtC,CAAM,GAAAsC,EAAA,MAAA,kBACE,EAAI,GAAAmB,EAAA;CAAA;AAAA,GAAAnB,EAAAqB,GAAAxD,GAAA,KAAA,CAAA,GAAAwD,GAAA"}
+{"version":3,"file":"Select.esm.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n}\n"],"mappings":"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"}

package/dist/components/select/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Select.cjs.js");var t=e._Select;Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return e._Select}}),exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Select.cjs.js");var t=e.default;Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/select/index.esm.js

@@ -1,4 +1,4 @@
-import { _Select as e } from "./Select.esm.js";
+import e from "./Select.esm.js";
 //#region src/components/select/index.ts
 var t = e;
 //#endregion

package/dist/components/select-option/SelectOption.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");let n=require("lit"),r=require("lit/decorators.js");var i,a,o,s,c,l,u;function d(e,t,n){f(e,t),t.set(e,n)}function f(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function p(e,t,n){return e.set(h(e,t),n),n}function m(e,t){return e.get(h(e,t))}function h(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function g(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],b=!l;if(!b){n||Array.isArray(_)||(_=[_]);var x={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?x={get:y(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:x[C]=v,f||y(x[C],r,i===2?``:C)):f||(x=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(b)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),x.value}:(i<4&&(A=o(x,`get`,h)),i!==3&&(j=o(x,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:x.get,set:x.set}:x[C],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(x.get=g),(g=c(w.set,`accessor.set`))&&(x.set=g),(g=c(w.init,`accessor.init`))&&S.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?S.push(w):x[C]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=S.length-1;n>=0;n--)t=S[n].call(e,t);return t}),f||b||(d?p?l.push(o(x,`get`),o(x,`set`)):l.push(i===2?x[C]:o.call.bind(x[C])):Object.defineProperty(e,r,x)),w}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return b(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,v=16&m,y=!!(8&m),x=(m&=7)==0,S=h+`/`+y;if(!x&&!g){var C=u.get(S);if(!0===C||C===3&&m!==4||C===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(S,!(m>2)||m)}l(y?e:e.prototype,p,v,g?`#`+h:_(h),m,r,y?a||=[]:i||=[],o,y,g,x,m===1,y&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function _(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function y(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function b(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}s=[e.customElement(`solid-ui-select-option`)];var x,S=new WeakMap;u=(c=(0,r.property)({type:String,reflect:!0}),`value`),i=class extends t.default{constructor(...e){super(...e),d(this,S,(a(this),l(this,``)))}get[u](){return m(S,this)}set value(e){p(S,this,e)}render(){return n.html`${n.nothing}`}},{e:[l,a],c:[x,o]}=g(i,[[c,1,`value`]],s,0,void 0,t.default),o(),Object.defineProperty(exports,"_SelectOption",{enumerable:!0,get:function(){return x}});
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");let n=require("lit"),r=require("lit/decorators.js");var i,a,o,s,c,l,u;function d(e,t,n){f(e,t),t.set(e,n)}function f(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function p(e,t,n){return e.set(h(e,t),n),n}function m(e,t){return e.get(h(e,t))}function h(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function g(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],b=!l;if(!b){n||Array.isArray(_)||(_=[_]);var x={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?x={get:y(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:x[C]=v,f||y(x[C],r,i===2?``:C)):f||(x=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(b)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),x.value}:(i<4&&(A=o(x,`get`,h)),i!==3&&(j=o(x,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:x.get,set:x.set}:x[C],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(x.get=g),(g=c(w.set,`accessor.set`))&&(x.set=g),(g=c(w.init,`accessor.init`))&&S.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?S.push(w):x[C]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=S.length-1;n>=0;n--)t=S[n].call(e,t);return t}),f||b||(d?p?l.push(o(x,`get`),o(x,`set`)):l.push(i===2?x[C]:o.call.bind(x[C])):Object.defineProperty(e,r,x)),w}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return b(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,v=16&m,y=!!(8&m),x=(m&=7)==0,S=h+`/`+y;if(!x&&!g){var C=u.get(S);if(!0===C||C===3&&m!==4||C===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(S,!(m>2)||m)}l(y?e:e.prototype,p,v,g?`#`+h:_(h),m,r,y?a||=[]:i||=[],o,y,g,x,m===1,y&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function _(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function y(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function b(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}s=[e.customElement(`solid-ui-select-option`)];var x,S=new WeakMap;u=(c=(0,r.property)({type:String,reflect:!0}),`value`),i=class extends t.default{constructor(...e){super(...e),d(this,S,(a(this),l(this,``)))}get[u](){return m(S,this)}set value(e){p(S,this,e)}render(){return n.html`${n.nothing}`}},{e:[l,a],c:[x,o]}=g(i,[[c,1,`value`]],s,0,void 0,t.default),o(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return x}});
 //# sourceMappingURL=SelectOption.cjs.js.map

package/dist/components/select-option/SelectOption.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.cjs.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_SelectOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","SelectOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_SelectOption2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/select-option/SelectOption.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-select-option')\nexport default class SelectOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,UAE5B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAPyCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEpC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAPyCJ,EAAAA,OAAY,EAAA2B,EAAA"}
+{"version":3,"file":"SelectOption.cjs.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_SelectOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","SelectOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_SelectOption2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/select-option/SelectOption.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-select-option')\nexport default class SelectOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAE5B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAPyCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEpC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAPyCJ,EAAAA,OAAY,EAAA2B,EAAA"}

package/dist/components/select-option/SelectOption.esm.js

@@ -189,6 +189,6 @@ d = (l = i({
 	"value"
 ]], c, 0, void 0, t), s();
 //#endregion
-export { S as _SelectOption };
+export { S as default };
 
 //# sourceMappingURL=SelectOption.esm.js.map

package/dist/components/select-option/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./SelectOption.cjs.js");var t=e._SelectOption;Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return e._SelectOption}}),exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./SelectOption.cjs.js");var t=e.default;Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/select-option/index.esm.js

@@ -1,4 +1,4 @@
-import { _SelectOption as e } from "./SelectOption.esm.js";
+import e from "./SelectOption.esm.js";
 //#region src/components/select-option/index.ts
 var t = e;
 //#endregion

package/dist/components/select-option.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-option-hd_d1RNj.js";
+import { n as e, t } from "../chunks/select-option-B-6ULCpQ.js";
 export { e as SelectOption, t as default };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-wczAzbZF.js";
+import { n as e, t } from "../chunks/select-D8dW53pr.js";
 export { e as Select, t as default };

package/dist/components/signup-button/SignupButton.cjs.js

@@ -6,5 +6,5 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
             </slot>
         </solid-ui-button>
       </slot>
-    `}click(){this.auth.signup()}onClick(e){e.preventDefault(),this.click()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_SignupButton",{enumerable:!0,get:function(){return S}});
+    `}click(){this.auth.signup()}onClick(e){e.preventDefault(),this.click()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return S}});
 //# sourceMappingURL=SignupButton.cjs.js.map

package/dist/components/signup-button/SignupButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","signup","e","preventDefault","_SignupButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/signup-button/SignupButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.signup()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}
+{"version":3,"file":"SignupButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","signup","e","preventDefault","_SignupButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/signup-button/SignupButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.signup()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/signup-button/SignupButton.esm.js

@@ -206,6 +206,6 @@ f = (u = i({
 	"auth"
 ]], l, 0, void 0, r), c();
 //#endregion
-export { C as _SignupButton };
+export { C as default };
 
 //# sourceMappingURL=SignupButton.esm.js.map

package/dist/components/signup-button/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./SignupButton.cjs.js");var t=e._SignupButton;Object.defineProperty(exports,"SignupButton",{enumerable:!0,get:function(){return e._SignupButton}}),exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./SignupButton.cjs.js");var t=e.default;Object.defineProperty(exports,"SignupButton",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/signup-button/index.esm.js

@@ -1,4 +1,4 @@
-import { _SignupButton as e } from "./SignupButton.esm.js";
+import e from "./SignupButton.esm.js";
 //#region src/components/signup-button/index.ts
 var t = e;
 //#endregion

package/dist/components/signup-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/signup-button-CsRaOUI4.js";
+import { n as e, t } from "../chunks/signup-button-BfIxbpwa.js";
 export { e as SignupButton, t as default };

package/dist/components.js

@@ -1,25 +1,25 @@
-import "./chunks/auth-Cpf3HYqF.js";
-import "./chunks/dialog-DlBtmOm6.js";
-import "./chunks/dialog-header-DeC1iiLD.js";
-import "./chunks/button-DbKYu6-r.js";
-import "./chunks/dialog-content-CMeH_BD7.js";
-import "./chunks/dialog-footer-D0zzIMlx.js";
-import "./chunks/combobox-Dtgc8qqO.js";
-import "./chunks/combobox-option-Ck0mu4Gc.js";
-import "./chunks/avatar-D281qln0.js";
-import "./chunks/login-button-C603hM0G.js";
-import "./chunks/logout-button-Cxzpq-C3.js";
-import "./chunks/menu-item-DBy4o-M4.js";
-import "./chunks/menu-aQiqq1ET.js";
-import "./chunks/signup-button-CsRaOUI4.js";
-import "./chunks/account-CFhrB0LO.js";
+import "./chunks/auth-RHyQ2iIl.js";
+import "./chunks/dialog-BAzrHJ8w.js";
+import "./chunks/dialog-header-CWIAAoDo.js";
+import "./chunks/button-0s0lZdxm.js";
+import "./chunks/dialog-content-fdJrkCyB.js";
+import "./chunks/dialog-footer-Bs_p2Nn9.js";
+import "./chunks/combobox-Cxi8xUMn.js";
+import "./chunks/combobox-option-DiR3VpyT.js";
+import "./chunks/avatar-Jx8xm2Op.js";
+import "./chunks/login-button-DPeMi00d.js";
+import "./chunks/logout-button-CbiLE7jO.js";
+import "./chunks/menu-item-Ck0l-uEI.js";
+import "./chunks/menu-DNcuV-1J.js";
+import "./chunks/signup-button-BfIxbpwa.js";
+import "./chunks/account-BZ2rYQhV.js";
 import "./components/dialog-provider.js";
-import "./chunks/dialogs-root-BcUcRuAt.js";
-import "./chunks/footer-Bxe4WPgl.js";
-import "./chunks/guard-Da3znlJI.js";
-import "./chunks/header-Bqd2CEK3.js";
-import "./chunks/provider-DZmdgerD.js";
-import "./chunks/input-Bkzi4zSV.js";
+import "./chunks/dialogs-root-Cv932Aqm.js";
+import "./chunks/footer-D64T6XLO.js";
+import "./chunks/guard-CjUBGVDk.js";
+import "./chunks/header-COBaJDdB.js";
+import "./chunks/provider-C4eSzopG.js";
+import "./chunks/input-BF224Jid.js";
 import "./chunks/photo-capture-tiBsdSbA.js";
-import "./chunks/select-wczAzbZF.js";
-import "./chunks/select-option-hd_d1RNj.js";
+import "./chunks/select-D8dW53pr.js";
+import "./chunks/select-option-B-6ULCpQ.js";

package/dist/create/create.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.cjs.js","names":[],"sources":["../../src/create/create.ts"],"sourcesContent":["/*   create.js     UI to craete new objects in the solid-app-set world\n **\n */\n\nimport { DataBrowserContext, NewPaneOptions, PaneDefinition } from 'pane-registry'\nimport { solidLogicSingleton } from 'solid-logic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { ensureLoadedProfile, selectWorkspace } from '../login/login'\nimport ns from '../lib/ns'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { CreateContext, NewAppInstanceOptions } from './types'\n\nconst kb = solidLogicSingleton.store\n\n/*  newThingUI -- return UI for user to select a new object, folder, etc\n **\n ** context must include:  dom, div,\n **     optional:   folder: NamedNode -- the folder where the thing is bring put\n **                (suppresses asking for a full URI or workspace)\n **\n */\nexport function newThingUI (\n  createContext: CreateContext,\n  dataBrowserContext: DataBrowserContext,\n  thePanes: Array<PaneDefinition>\n): void {\n  const dom = createContext.dom\n  const div = createContext.div\n  if (createContext.me && !createContext.me.uri) {\n    throw new Error('newThingUI:  Invalid userid: ' + createContext.me)\n  }\n\n  const iconStyle = 'padding: 0.7em; width: 2em; height: 2em;' // was: 'padding: 1em; width: 3em; height: 3em;'\n  const star = div.appendChild(dom.createElement('img'))\n  let visible = false // the inividual tools tools\n  //   noun_272948.svg = black star\n  // noun_34653_green.svg = green plus\n  star.setAttribute('src', icons.iconBase + 'noun_34653_green.svg')\n  star.setAttribute('style', iconStyle)\n  star.setAttribute('title', 'Add another tool')\n\n  const complain = function complain (message) {\n    const pre = div.appendChild(dom.createElement('pre'))\n    pre.setAttribute('style', 'background-color: pink')\n    pre.appendChild(dom.createTextNode(message))\n  }\n\n  function styleTheIcons (style) {\n    for (let i = 0; i < iconArray.length; i++) {\n      let st = iconStyle + style\n      if (iconArray[i].disabled) {\n        // @@ unused\n        st += 'opacity: 0.3;'\n      }\n      iconArray[i].setAttribute('style', st) // eg 'background-color: #ccc;'\n    }\n  }\n\n  function selectTool (icon) {\n    styleTheIcons('display: none;') // 'background-color: #ccc;'\n    icon.setAttribute('style', iconStyle + 'background-color: yellow;')\n  }\n\n  function selectNewTool (_event?) {\n    visible = !visible\n    star.setAttribute(\n      'style',\n      iconStyle + (visible ? 'background-color: yellow;' : '')\n    )\n    styleTheIcons(visible ? '' : 'display: none;')\n  }\n\n  star.addEventListener('click', selectNewTool)\n\n  function makeNewAppInstance (options: NewAppInstanceOptions) {\n    return new Promise(function (resolve, reject) {\n      let selectUI // , selectUIParent\n      function callbackWS (ws, newBase) {\n        ensureLoadedProfile(createContext).then(\n          _context => {\n            const newPaneOptions: NewPaneOptions = Object.assign({\n              newBase,\n              folder: options.folder || undefined,\n              workspace: ws\n            }, options)\n            for (const opt in options) {\n              // get div, dom, me, folder, pane, refreshTable\n              newPaneOptions[opt] = options[opt]\n            }\n            debug.log(`newThingUI: Minting new ${newPaneOptions.pane.name} at ${newPaneOptions.newBase}`)\n            options.pane\n              .mintNew!(dataBrowserContext, newPaneOptions)\n              .then(function (newPaneOptions) {\n                if (!newPaneOptions || !newPaneOptions.newInstance) {\n                  throw new Error('Cannot mint new - missing newInstance')\n                }\n                if (newPaneOptions.folder) {\n                  const tail = newPaneOptions.newInstance.uri.slice(\n                    newPaneOptions.folder.uri.length\n                  )\n                  const isPackage = tail.includes('/')\n                  debug.log('  new thing is packge? ' + isPackage)\n                  if (isPackage) {\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      kb.sym(newPaneOptions.newBase),\n                      newPaneOptions.folder.doc()\n                    )\n                  } else {\n                    // single file\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      newPaneOptions.newInstance,\n                      newPaneOptions.folder.doc()\n                    ) // Ping the patch system?\n                  }\n                  // @ts-ignore @@ TODO check whether refresh can exist here. Either fix type or remove unreachable code\n                  if (newPaneOptions.refreshTarget && newPaneOptions.refreshTarget.refresh) {\n                    // @@ TODO Remove the need to cast as any\n                    ;(newPaneOptions.refreshTarget as any).refresh() // Refresh the containing display\n                  }\n                  // selectUI.parentNode.removeChild(selectUI) It removes itself\n                } else {\n                  const p = options.div.appendChild(dom.createElement('p'))\n                  p.setAttribute('style', 'font-size: 120%;')\n                  // Make link to new thing\n                  p.innerHTML =\n                    'Your <a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'><b>new ' +\n                    options.noun +\n                    '</b></a> is ready to be set up. ' +\n                    '<br/><br/><a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'>Go to your new ' +\n                    options.noun +\n                    '.</a>'\n                  // selectUI.parentNode.removeChild(selectUI) // Clean up\n                  // selectUIParent.removeChild(selectUI) // Clean up\n                }\n                selectNewTool() // toggle star to plain and menu vanish again\n              })\n              .catch(function (err) {\n                complain(err)\n                reject(err)\n              })\n          },\n          err => {\n            // login fails\n            complain('Error logging on: ' + err)\n          }\n        )\n      } // callbackWS\n\n      const pa = options.pane\n      // options.appPathSegment = pa.name // was 'edu.mit.solid.pane.'\n      options.noun = pa.mintClass ? utils.label(pa.mintClass) : pa.name\n      options.appPathSegment = options.noun.slice(0, 1).toUpperCase() + options.noun.slice(1)\n\n      if (!options.folder) {\n        // No folder given? Ask user for full URI\n        selectUI = selectWorkspace(dom, {\n          noun: options.noun,\n          appPathSegment: options.appPathSegment\n        }, callbackWS)\n        options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      } else {\n        const gotName = function (name) {\n          if (!name) {\n            // selectUIParent.removeChild(selectUI)   itremves itself if cancelled\n            selectNewTool() // toggle star to plain and menu vanish again\n          } else {\n            let uri = options.folder!.uri\n            if (!uri.endsWith('/')) {\n              uri = uri + '/'\n            }\n            uri = uri + encodeURIComponent(name) + '/'\n            callbackWS(null, uri)\n          }\n        }\n        widgets\n          .askName(\n            dom,\n            kb,\n            options.div,\n            ns.foaf('name'),\n            null,\n            options.noun\n          )\n          .then(gotName)\n        // selectUI = getNameForm(dom, kb, options.noun, gotName)\n        // options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      }\n    })\n  } // makeNewAppInstance\n\n  const iconArray: Array<any> = []\n  const mintingPanes = Object.values(thePanes).filter(pane => pane.mintNew)\n  const mintingClassMap = mintingPanes.reduce((classMap, pane) => {\n    if (pane.mintClass) {\n      classMap[pane.mintClass.uri] = (classMap[pane.mintClass.uri] || 0) + 1\n    }\n    return classMap\n  }, {})\n  mintingPanes.forEach(pane => {\n    // @@ TODO Remove the need to cast to any\n    const icon: any = createContext.div.appendChild(dom.createElement('img'))\n    icon.setAttribute('src', pane.icon)\n    const noun = pane.mintClass\n      ? mintingClassMap[pane.mintClass.uri] > 1\n        ? `${utils.label(pane.mintClass)} (using ${pane.name} pane)`\n        : utils.label(pane.mintClass)\n      : pane.name + ' @@'\n    icon.setAttribute('title', 'Make new ' + noun)\n    icon.setAttribute('style', iconStyle + 'display: none;')\n    iconArray.push(icon)\n    if (!icon.disabled) {\n      icon.addEventListener('click', function (e) {\n        selectTool(icon)\n        makeNewAppInstance({\n          event: e,\n          folder: createContext.folder || null,\n          iconEle: icon,\n          pane,\n          noun,\n          noIndexHTML: true, // do NOT @@ for now write a HTML file\n          div: createContext.div,\n          me: createContext.me,\n          dom: createContext.dom,\n          refreshTarget: createContext.refreshTarget\n        })\n      })\n    }\n  })\n}\n\n// Form to get the name of a new thing before we create it\n//\n// Used in contacts for new groups, individuals.\n//\n/*\nfunction getNameForm (dom, kb, classLabel, gotNameCallback) {\n  const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error\n  form.innerHTML = '<p>Name of new ' + classLabel + ':</p>'\n  const namefield = dom.createElement('input')\n  namefield.setAttribute('type', 'text')\n  namefield.setAttribute('size', '30')\n  namefield.setAttribute('style', style.textInputStyle)\n  namefield.setAttribute('maxLength', '2048') // No arbitrary limits\n  namefield.select() // focus next user input\n\n  const gotName = function () {\n    namefield.setAttribute('class', 'pendingedit')\n    namefield.disabled = true\n    continueButton.disabled = true\n    cancel.disabled = true\n    gotNameCallback(true, namefield.value)\n  }\n\n  namefield.addEventListener('keyup', function (e) {\n    if (e.keyCode === 13) {\n      gotName()\n    }\n  }, false)\n  form.appendChild(namefield)\n\n  form.appendChild(dom.createElement('br'))\n\n  const cancel = form.appendChild(widgets.cancelButton(dom))\n  cancel.addEventListener('click', function (e) {\n    form.parentNode.removeChild(form)\n    gotNameCallback(false)\n  }, false)\n\n  const continueButton = form.appendChild(widgets.continueButton(dom))\n  continueButton.addEventListener('click', function (e) {\n    gotName()\n  }, false)\n\n  return form\n}\n*/\n"],"mappings":"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"}
+{"version":3,"file":"create.cjs.js","names":[],"sources":["../../src/create/create.ts"],"sourcesContent":["/*   create.js     UI to craete new objects in the solid-app-set world\n **\n */\n\nimport { DataBrowserContext, NewPaneOptions, PaneDefinition } from 'pane-registry'\nimport { solidLogicSingleton } from 'solid-logic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { ensureLoadedProfile, selectWorkspace } from '../login/login'\nimport ns from '../lib/ns'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { CreateContext, NewAppInstanceOptions } from './types'\n\nconst kb = solidLogicSingleton.store\n\n/*  newThingUI -- return UI for user to select a new object, folder, etc\n **\n ** context must include:  dom, div,\n **     optional:   folder: NamedNode -- the folder where the thing is bring put\n **                (suppresses asking for a full URI or workspace)\n **\n */\nexport function newThingUI (\n  createContext: CreateContext,\n  dataBrowserContext: DataBrowserContext,\n  thePanes: Array<PaneDefinition>\n): void {\n  const dom = createContext.dom\n  const div = createContext.div\n  if (createContext.me && !createContext.me.uri) {\n    throw new Error('newThingUI:  Invalid userid: ' + createContext.me)\n  }\n\n  const iconStyle = 'padding: 0.7em; width: 2em; height: 2em;' // was: 'padding: 1em; width: 3em; height: 3em;'\n  const star = div.appendChild(dom.createElement('img'))\n  let visible = false // the inividual tools tools\n  //   noun_272948.svg = black star\n  // noun_34653_green.svg = green plus\n  star.setAttribute('src', icons.iconBase + 'noun_34653_green.svg')\n  star.setAttribute('style', iconStyle)\n  star.setAttribute('title', 'Add another tool')\n\n  const complain = function complain (message) {\n    const pre = div.appendChild(dom.createElement('pre'))\n    pre.setAttribute('style', 'background-color: pink')\n    pre.appendChild(dom.createTextNode(message))\n  }\n\n  function styleTheIcons (style) {\n    for (let i = 0; i < iconArray.length; i++) {\n      let st = iconStyle + style\n      if (iconArray[i].disabled) {\n        // @@ unused\n        st += 'opacity: 0.3;'\n      }\n      iconArray[i].setAttribute('style', st) // eg 'background-color: #ccc;'\n    }\n  }\n\n  function selectTool (icon) {\n    styleTheIcons('display: none;') // 'background-color: #ccc;'\n    icon.setAttribute('style', iconStyle + 'background-color: yellow;')\n  }\n\n  function selectNewTool (_event?) {\n    visible = !visible\n    star.setAttribute(\n      'style',\n      iconStyle + (visible ? 'background-color: yellow;' : '')\n    )\n    styleTheIcons(visible ? '' : 'display: none;')\n  }\n\n  star.addEventListener('click', selectNewTool)\n\n  function makeNewAppInstance (options: NewAppInstanceOptions) {\n    return new Promise(function (resolve, reject) {\n      let selectUI // , selectUIParent\n      function callbackWS (ws, newBase) {\n        ensureLoadedProfile(createContext).then(\n          _context => {\n            const newPaneOptions: NewPaneOptions = Object.assign({\n              newBase,\n              folder: options.folder || undefined,\n              workspace: ws\n            }, options)\n            for (const opt in options) {\n              // get div, dom, me, folder, pane, refreshTable\n              newPaneOptions[opt] = options[opt]\n            }\n            debug.log(`newThingUI: Minting new ${newPaneOptions.pane.name} at ${newPaneOptions.newBase}`)\n            options.pane\n              .mintNew!(dataBrowserContext, newPaneOptions)\n              .then(function (newPaneOptions) {\n                if (!newPaneOptions || !newPaneOptions.newInstance) {\n                  throw new Error('Cannot mint new - missing newInstance')\n                }\n                if (newPaneOptions.folder) {\n                  const tail = newPaneOptions.newInstance.uri.slice(\n                    newPaneOptions.folder.uri.length\n                  )\n                  const isPackage = tail.includes('/')\n                  debug.log('  new thing is packge? ' + isPackage)\n                  if (isPackage) {\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      kb.sym(newPaneOptions.newBase),\n                      newPaneOptions.folder.doc()\n                    )\n                  } else {\n                    // single file\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      newPaneOptions.newInstance,\n                      newPaneOptions.folder.doc()\n                    ) // Ping the patch system?\n                  }\n                  // @ts-ignore @@ TODO check whether refresh can exist here. Either fix type or remove unreachable code\n                  if (newPaneOptions.refreshTarget && newPaneOptions.refreshTarget.refresh) {\n                    // @@ TODO Remove the need to cast as any\n                    ;(newPaneOptions.refreshTarget as any).refresh() // Refresh the containing display\n                  }\n                  // selectUI.parentNode.removeChild(selectUI) It removes itself\n                } else {\n                  const p = options.div.appendChild(dom.createElement('p'))\n                  p.setAttribute('style', 'font-size: 120%;')\n                  // Make link to new thing\n                  p.innerHTML =\n                    'Your <a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'><b>new ' +\n                    options.noun +\n                    '</b></a> is ready to be set up. ' +\n                    '<br/><br/><a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'>Go to your new ' +\n                    options.noun +\n                    '.</a>'\n                  // selectUI.parentNode.removeChild(selectUI) // Clean up\n                  // selectUIParent.removeChild(selectUI) // Clean up\n                }\n                selectNewTool() // toggle star to plain and menu vanish again\n              })\n              .catch(function (err) {\n                complain(err)\n                reject(err)\n              })\n          },\n          err => {\n            // login fails\n            complain('Error logging on: ' + err)\n          }\n        )\n      } // callbackWS\n\n      const pa = options.pane\n      // options.appPathSegment = pa.name // was 'edu.mit.solid.pane.'\n      options.noun = pa.mintClass ? utils.label(pa.mintClass) : pa.name\n      options.appPathSegment = options.noun.slice(0, 1).toUpperCase() + options.noun.slice(1)\n\n      if (!options.folder) {\n        // No folder given? Ask user for full URI\n        selectUI = selectWorkspace(dom, {\n          noun: options.noun,\n          appPathSegment: options.appPathSegment\n        }, callbackWS)\n        options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      } else {\n        const gotName = function (name) {\n          if (!name) {\n            // selectUIParent.removeChild(selectUI)   itremves itself if cancelled\n            selectNewTool() // toggle star to plain and menu vanish again\n          } else {\n            let uri = options.folder!.uri\n            if (!uri.endsWith('/')) {\n              uri = uri + '/'\n            }\n            uri = uri + encodeURIComponent(name) + '/'\n            callbackWS(null, uri)\n          }\n        }\n        widgets\n          .askName(\n            dom,\n            kb,\n            options.div,\n            ns.foaf('name'),\n            null,\n            options.noun\n          )\n          .then(gotName)\n        // selectUI = getNameForm(dom, kb, options.noun, gotName)\n        // options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      }\n    })\n  } // makeNewAppInstance\n\n  const iconArray: Array<any> = []\n  const mintingPanes = Object.values(thePanes).filter(pane => pane.mintNew)\n  const mintingClassMap = mintingPanes.reduce((classMap, pane) => {\n    if (pane.mintClass) {\n      classMap[pane.mintClass.uri] = (classMap[pane.mintClass.uri] || 0) + 1\n    }\n    return classMap\n  }, {})\n  mintingPanes.forEach(pane => {\n    // @@ TODO Remove the need to cast to any\n    const icon: any = createContext.div.appendChild(dom.createElement('img'))\n    icon.setAttribute('src', pane.icon)\n    const noun = pane.mintClass\n      ? mintingClassMap[pane.mintClass.uri] > 1\n        ? `${utils.label(pane.mintClass)} (using ${pane.name} pane)`\n        : utils.label(pane.mintClass)\n      : pane.name + ' @@'\n    icon.setAttribute('title', 'Make new ' + noun)\n    icon.setAttribute('style', iconStyle + 'display: none;')\n    iconArray.push(icon)\n    if (!icon.disabled) {\n      icon.addEventListener('click', function (e) {\n        selectTool(icon)\n        makeNewAppInstance({\n          event: e,\n          folder: createContext.folder || null,\n          iconEle: icon,\n          pane,\n          noun,\n          noIndexHTML: true, // do NOT @@ for now write a HTML file\n          div: createContext.div,\n          me: createContext.me,\n          dom: createContext.dom,\n          refreshTarget: createContext.refreshTarget\n        })\n      })\n    }\n  })\n}\n\n// Form to get the name of a new thing before we create it\n//\n// Used in contacts for new groups, individuals.\n//\n/*\nfunction getNameForm (dom, kb, classLabel, gotNameCallback) {\n  const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error\n  form.innerHTML = '<p>Name of new ' + classLabel + ':</p>'\n  const namefield = dom.createElement('input')\n  namefield.setAttribute('type', 'text')\n  namefield.setAttribute('size', '30')\n  namefield.setAttribute('style', style.textInputStyle)\n  namefield.setAttribute('maxLength', '2048') // No arbitrary limits\n  namefield.select() // focus next user input\n\n  const gotName = function () {\n    namefield.setAttribute('class', 'pendingedit')\n    namefield.disabled = true\n    continueButton.disabled = true\n    cancel.disabled = true\n    gotNameCallback(true, namefield.value)\n  }\n\n  namefield.addEventListener('keyup', function (e) {\n    if (e.keyCode === 13) {\n      gotName()\n    }\n  }, false)\n  form.appendChild(namefield)\n\n  form.appendChild(dom.createElement('br'))\n\n  const cancel = form.appendChild(widgets.cancelButton(dom))\n  cancel.addEventListener('click', function (e) {\n    form.parentNode.removeChild(form)\n    gotNameCallback(false)\n  }, false)\n\n  const continueButton = form.appendChild(widgets.continueButton(dom))\n  continueButton.addEventListener('click', function (e) {\n    gotName()\n  }, false)\n\n  return form\n}\n*/\n"],"mappings":"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"}

package/dist/create/create.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.esm.js","names":[],"sources":["../../src/create/create.ts"],"sourcesContent":["/*   create.js     UI to craete new objects in the solid-app-set world\n **\n */\n\nimport { DataBrowserContext, NewPaneOptions, PaneDefinition } from 'pane-registry'\nimport { solidLogicSingleton } from 'solid-logic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { ensureLoadedProfile, selectWorkspace } from '../login/login'\nimport ns from '../lib/ns'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { CreateContext, NewAppInstanceOptions } from './types'\n\nconst kb = solidLogicSingleton.store\n\n/*  newThingUI -- return UI for user to select a new object, folder, etc\n **\n ** context must include:  dom, div,\n **     optional:   folder: NamedNode -- the folder where the thing is bring put\n **                (suppresses asking for a full URI or workspace)\n **\n */\nexport function newThingUI (\n  createContext: CreateContext,\n  dataBrowserContext: DataBrowserContext,\n  thePanes: Array<PaneDefinition>\n): void {\n  const dom = createContext.dom\n  const div = createContext.div\n  if (createContext.me && !createContext.me.uri) {\n    throw new Error('newThingUI:  Invalid userid: ' + createContext.me)\n  }\n\n  const iconStyle = 'padding: 0.7em; width: 2em; height: 2em;' // was: 'padding: 1em; width: 3em; height: 3em;'\n  const star = div.appendChild(dom.createElement('img'))\n  let visible = false // the inividual tools tools\n  //   noun_272948.svg = black star\n  // noun_34653_green.svg = green plus\n  star.setAttribute('src', icons.iconBase + 'noun_34653_green.svg')\n  star.setAttribute('style', iconStyle)\n  star.setAttribute('title', 'Add another tool')\n\n  const complain = function complain (message) {\n    const pre = div.appendChild(dom.createElement('pre'))\n    pre.setAttribute('style', 'background-color: pink')\n    pre.appendChild(dom.createTextNode(message))\n  }\n\n  function styleTheIcons (style) {\n    for (let i = 0; i < iconArray.length; i++) {\n      let st = iconStyle + style\n      if (iconArray[i].disabled) {\n        // @@ unused\n        st += 'opacity: 0.3;'\n      }\n      iconArray[i].setAttribute('style', st) // eg 'background-color: #ccc;'\n    }\n  }\n\n  function selectTool (icon) {\n    styleTheIcons('display: none;') // 'background-color: #ccc;'\n    icon.setAttribute('style', iconStyle + 'background-color: yellow;')\n  }\n\n  function selectNewTool (_event?) {\n    visible = !visible\n    star.setAttribute(\n      'style',\n      iconStyle + (visible ? 'background-color: yellow;' : '')\n    )\n    styleTheIcons(visible ? '' : 'display: none;')\n  }\n\n  star.addEventListener('click', selectNewTool)\n\n  function makeNewAppInstance (options: NewAppInstanceOptions) {\n    return new Promise(function (resolve, reject) {\n      let selectUI // , selectUIParent\n      function callbackWS (ws, newBase) {\n        ensureLoadedProfile(createContext).then(\n          _context => {\n            const newPaneOptions: NewPaneOptions = Object.assign({\n              newBase,\n              folder: options.folder || undefined,\n              workspace: ws\n            }, options)\n            for (const opt in options) {\n              // get div, dom, me, folder, pane, refreshTable\n              newPaneOptions[opt] = options[opt]\n            }\n            debug.log(`newThingUI: Minting new ${newPaneOptions.pane.name} at ${newPaneOptions.newBase}`)\n            options.pane\n              .mintNew!(dataBrowserContext, newPaneOptions)\n              .then(function (newPaneOptions) {\n                if (!newPaneOptions || !newPaneOptions.newInstance) {\n                  throw new Error('Cannot mint new - missing newInstance')\n                }\n                if (newPaneOptions.folder) {\n                  const tail = newPaneOptions.newInstance.uri.slice(\n                    newPaneOptions.folder.uri.length\n                  )\n                  const isPackage = tail.includes('/')\n                  debug.log('  new thing is packge? ' + isPackage)\n                  if (isPackage) {\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      kb.sym(newPaneOptions.newBase),\n                      newPaneOptions.folder.doc()\n                    )\n                  } else {\n                    // single file\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      newPaneOptions.newInstance,\n                      newPaneOptions.folder.doc()\n                    ) // Ping the patch system?\n                  }\n                  // @ts-ignore @@ TODO check whether refresh can exist here. Either fix type or remove unreachable code\n                  if (newPaneOptions.refreshTarget && newPaneOptions.refreshTarget.refresh) {\n                    // @@ TODO Remove the need to cast as any\n                    ;(newPaneOptions.refreshTarget as any).refresh() // Refresh the containing display\n                  }\n                  // selectUI.parentNode.removeChild(selectUI) It removes itself\n                } else {\n                  const p = options.div.appendChild(dom.createElement('p'))\n                  p.setAttribute('style', 'font-size: 120%;')\n                  // Make link to new thing\n                  p.innerHTML =\n                    'Your <a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'><b>new ' +\n                    options.noun +\n                    '</b></a> is ready to be set up. ' +\n                    '<br/><br/><a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'>Go to your new ' +\n                    options.noun +\n                    '.</a>'\n                  // selectUI.parentNode.removeChild(selectUI) // Clean up\n                  // selectUIParent.removeChild(selectUI) // Clean up\n                }\n                selectNewTool() // toggle star to plain and menu vanish again\n              })\n              .catch(function (err) {\n                complain(err)\n                reject(err)\n              })\n          },\n          err => {\n            // login fails\n            complain('Error logging on: ' + err)\n          }\n        )\n      } // callbackWS\n\n      const pa = options.pane\n      // options.appPathSegment = pa.name // was 'edu.mit.solid.pane.'\n      options.noun = pa.mintClass ? utils.label(pa.mintClass) : pa.name\n      options.appPathSegment = options.noun.slice(0, 1).toUpperCase() + options.noun.slice(1)\n\n      if (!options.folder) {\n        // No folder given? Ask user for full URI\n        selectUI = selectWorkspace(dom, {\n          noun: options.noun,\n          appPathSegment: options.appPathSegment\n        }, callbackWS)\n        options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      } else {\n        const gotName = function (name) {\n          if (!name) {\n            // selectUIParent.removeChild(selectUI)   itremves itself if cancelled\n            selectNewTool() // toggle star to plain and menu vanish again\n          } else {\n            let uri = options.folder!.uri\n            if (!uri.endsWith('/')) {\n              uri = uri + '/'\n            }\n            uri = uri + encodeURIComponent(name) + '/'\n            callbackWS(null, uri)\n          }\n        }\n        widgets\n          .askName(\n            dom,\n            kb,\n            options.div,\n            ns.foaf('name'),\n            null,\n            options.noun\n          )\n          .then(gotName)\n        // selectUI = getNameForm(dom, kb, options.noun, gotName)\n        // options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      }\n    })\n  } // makeNewAppInstance\n\n  const iconArray: Array<any> = []\n  const mintingPanes = Object.values(thePanes).filter(pane => pane.mintNew)\n  const mintingClassMap = mintingPanes.reduce((classMap, pane) => {\n    if (pane.mintClass) {\n      classMap[pane.mintClass.uri] = (classMap[pane.mintClass.uri] || 0) + 1\n    }\n    return classMap\n  }, {})\n  mintingPanes.forEach(pane => {\n    // @@ TODO Remove the need to cast to any\n    const icon: any = createContext.div.appendChild(dom.createElement('img'))\n    icon.setAttribute('src', pane.icon)\n    const noun = pane.mintClass\n      ? mintingClassMap[pane.mintClass.uri] > 1\n        ? `${utils.label(pane.mintClass)} (using ${pane.name} pane)`\n        : utils.label(pane.mintClass)\n      : pane.name + ' @@'\n    icon.setAttribute('title', 'Make new ' + noun)\n    icon.setAttribute('style', iconStyle + 'display: none;')\n    iconArray.push(icon)\n    if (!icon.disabled) {\n      icon.addEventListener('click', function (e) {\n        selectTool(icon)\n        makeNewAppInstance({\n          event: e,\n          folder: createContext.folder || null,\n          iconEle: icon,\n          pane,\n          noun,\n          noIndexHTML: true, // do NOT @@ for now write a HTML file\n          div: createContext.div,\n          me: createContext.me,\n          dom: createContext.dom,\n          refreshTarget: createContext.refreshTarget\n        })\n      })\n    }\n  })\n}\n\n// Form to get the name of a new thing before we create it\n//\n// Used in contacts for new groups, individuals.\n//\n/*\nfunction getNameForm (dom, kb, classLabel, gotNameCallback) {\n  const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error\n  form.innerHTML = '<p>Name of new ' + classLabel + ':</p>'\n  const namefield = dom.createElement('input')\n  namefield.setAttribute('type', 'text')\n  namefield.setAttribute('size', '30')\n  namefield.setAttribute('style', style.textInputStyle)\n  namefield.setAttribute('maxLength', '2048') // No arbitrary limits\n  namefield.select() // focus next user input\n\n  const gotName = function () {\n    namefield.setAttribute('class', 'pendingedit')\n    namefield.disabled = true\n    continueButton.disabled = true\n    cancel.disabled = true\n    gotNameCallback(true, namefield.value)\n  }\n\n  namefield.addEventListener('keyup', function (e) {\n    if (e.keyCode === 13) {\n      gotName()\n    }\n  }, false)\n  form.appendChild(namefield)\n\n  form.appendChild(dom.createElement('br'))\n\n  const cancel = form.appendChild(widgets.cancelButton(dom))\n  cancel.addEventListener('click', function (e) {\n    form.parentNode.removeChild(form)\n    gotNameCallback(false)\n  }, false)\n\n  const continueButton = form.appendChild(widgets.continueButton(dom))\n  continueButton.addEventListener('click', function (e) {\n    gotName()\n  }, false)\n\n  return form\n}\n*/\n"],"mappings":"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"}
+{"version":3,"file":"create.esm.js","names":[],"sources":["../../src/create/create.ts"],"sourcesContent":["/*   create.js     UI to craete new objects in the solid-app-set world\n **\n */\n\nimport { DataBrowserContext, NewPaneOptions, PaneDefinition } from 'pane-registry'\nimport { solidLogicSingleton } from 'solid-logic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { ensureLoadedProfile, selectWorkspace } from '../login/login'\nimport ns from '../lib/ns'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { CreateContext, NewAppInstanceOptions } from './types'\n\nconst kb = solidLogicSingleton.store\n\n/*  newThingUI -- return UI for user to select a new object, folder, etc\n **\n ** context must include:  dom, div,\n **     optional:   folder: NamedNode -- the folder where the thing is bring put\n **                (suppresses asking for a full URI or workspace)\n **\n */\nexport function newThingUI (\n  createContext: CreateContext,\n  dataBrowserContext: DataBrowserContext,\n  thePanes: Array<PaneDefinition>\n): void {\n  const dom = createContext.dom\n  const div = createContext.div\n  if (createContext.me && !createContext.me.uri) {\n    throw new Error('newThingUI:  Invalid userid: ' + createContext.me)\n  }\n\n  const iconStyle = 'padding: 0.7em; width: 2em; height: 2em;' // was: 'padding: 1em; width: 3em; height: 3em;'\n  const star = div.appendChild(dom.createElement('img'))\n  let visible = false // the inividual tools tools\n  //   noun_272948.svg = black star\n  // noun_34653_green.svg = green plus\n  star.setAttribute('src', icons.iconBase + 'noun_34653_green.svg')\n  star.setAttribute('style', iconStyle)\n  star.setAttribute('title', 'Add another tool')\n\n  const complain = function complain (message) {\n    const pre = div.appendChild(dom.createElement('pre'))\n    pre.setAttribute('style', 'background-color: pink')\n    pre.appendChild(dom.createTextNode(message))\n  }\n\n  function styleTheIcons (style) {\n    for (let i = 0; i < iconArray.length; i++) {\n      let st = iconStyle + style\n      if (iconArray[i].disabled) {\n        // @@ unused\n        st += 'opacity: 0.3;'\n      }\n      iconArray[i].setAttribute('style', st) // eg 'background-color: #ccc;'\n    }\n  }\n\n  function selectTool (icon) {\n    styleTheIcons('display: none;') // 'background-color: #ccc;'\n    icon.setAttribute('style', iconStyle + 'background-color: yellow;')\n  }\n\n  function selectNewTool (_event?) {\n    visible = !visible\n    star.setAttribute(\n      'style',\n      iconStyle + (visible ? 'background-color: yellow;' : '')\n    )\n    styleTheIcons(visible ? '' : 'display: none;')\n  }\n\n  star.addEventListener('click', selectNewTool)\n\n  function makeNewAppInstance (options: NewAppInstanceOptions) {\n    return new Promise(function (resolve, reject) {\n      let selectUI // , selectUIParent\n      function callbackWS (ws, newBase) {\n        ensureLoadedProfile(createContext).then(\n          _context => {\n            const newPaneOptions: NewPaneOptions = Object.assign({\n              newBase,\n              folder: options.folder || undefined,\n              workspace: ws\n            }, options)\n            for (const opt in options) {\n              // get div, dom, me, folder, pane, refreshTable\n              newPaneOptions[opt] = options[opt]\n            }\n            debug.log(`newThingUI: Minting new ${newPaneOptions.pane.name} at ${newPaneOptions.newBase}`)\n            options.pane\n              .mintNew!(dataBrowserContext, newPaneOptions)\n              .then(function (newPaneOptions) {\n                if (!newPaneOptions || !newPaneOptions.newInstance) {\n                  throw new Error('Cannot mint new - missing newInstance')\n                }\n                if (newPaneOptions.folder) {\n                  const tail = newPaneOptions.newInstance.uri.slice(\n                    newPaneOptions.folder.uri.length\n                  )\n                  const isPackage = tail.includes('/')\n                  debug.log('  new thing is packge? ' + isPackage)\n                  if (isPackage) {\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      kb.sym(newPaneOptions.newBase),\n                      newPaneOptions.folder.doc()\n                    )\n                  } else {\n                    // single file\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      newPaneOptions.newInstance,\n                      newPaneOptions.folder.doc()\n                    ) // Ping the patch system?\n                  }\n                  // @ts-ignore @@ TODO check whether refresh can exist here. Either fix type or remove unreachable code\n                  if (newPaneOptions.refreshTarget && newPaneOptions.refreshTarget.refresh) {\n                    // @@ TODO Remove the need to cast as any\n                    ;(newPaneOptions.refreshTarget as any).refresh() // Refresh the containing display\n                  }\n                  // selectUI.parentNode.removeChild(selectUI) It removes itself\n                } else {\n                  const p = options.div.appendChild(dom.createElement('p'))\n                  p.setAttribute('style', 'font-size: 120%;')\n                  // Make link to new thing\n                  p.innerHTML =\n                    'Your <a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'><b>new ' +\n                    options.noun +\n                    '</b></a> is ready to be set up. ' +\n                    '<br/><br/><a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'>Go to your new ' +\n                    options.noun +\n                    '.</a>'\n                  // selectUI.parentNode.removeChild(selectUI) // Clean up\n                  // selectUIParent.removeChild(selectUI) // Clean up\n                }\n                selectNewTool() // toggle star to plain and menu vanish again\n              })\n              .catch(function (err) {\n                complain(err)\n                reject(err)\n              })\n          },\n          err => {\n            // login fails\n            complain('Error logging on: ' + err)\n          }\n        )\n      } // callbackWS\n\n      const pa = options.pane\n      // options.appPathSegment = pa.name // was 'edu.mit.solid.pane.'\n      options.noun = pa.mintClass ? utils.label(pa.mintClass) : pa.name\n      options.appPathSegment = options.noun.slice(0, 1).toUpperCase() + options.noun.slice(1)\n\n      if (!options.folder) {\n        // No folder given? Ask user for full URI\n        selectUI = selectWorkspace(dom, {\n          noun: options.noun,\n          appPathSegment: options.appPathSegment\n        }, callbackWS)\n        options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      } else {\n        const gotName = function (name) {\n          if (!name) {\n            // selectUIParent.removeChild(selectUI)   itremves itself if cancelled\n            selectNewTool() // toggle star to plain and menu vanish again\n          } else {\n            let uri = options.folder!.uri\n            if (!uri.endsWith('/')) {\n              uri = uri + '/'\n            }\n            uri = uri + encodeURIComponent(name) + '/'\n            callbackWS(null, uri)\n          }\n        }\n        widgets\n          .askName(\n            dom,\n            kb,\n            options.div,\n            ns.foaf('name'),\n            null,\n            options.noun\n          )\n          .then(gotName)\n        // selectUI = getNameForm(dom, kb, options.noun, gotName)\n        // options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      }\n    })\n  } // makeNewAppInstance\n\n  const iconArray: Array<any> = []\n  const mintingPanes = Object.values(thePanes).filter(pane => pane.mintNew)\n  const mintingClassMap = mintingPanes.reduce((classMap, pane) => {\n    if (pane.mintClass) {\n      classMap[pane.mintClass.uri] = (classMap[pane.mintClass.uri] || 0) + 1\n    }\n    return classMap\n  }, {})\n  mintingPanes.forEach(pane => {\n    // @@ TODO Remove the need to cast to any\n    const icon: any = createContext.div.appendChild(dom.createElement('img'))\n    icon.setAttribute('src', pane.icon)\n    const noun = pane.mintClass\n      ? mintingClassMap[pane.mintClass.uri] > 1\n        ? `${utils.label(pane.mintClass)} (using ${pane.name} pane)`\n        : utils.label(pane.mintClass)\n      : pane.name + ' @@'\n    icon.setAttribute('title', 'Make new ' + noun)\n    icon.setAttribute('style', iconStyle + 'display: none;')\n    iconArray.push(icon)\n    if (!icon.disabled) {\n      icon.addEventListener('click', function (e) {\n        selectTool(icon)\n        makeNewAppInstance({\n          event: e,\n          folder: createContext.folder || null,\n          iconEle: icon,\n          pane,\n          noun,\n          noIndexHTML: true, // do NOT @@ for now write a HTML file\n          div: createContext.div,\n          me: createContext.me,\n          dom: createContext.dom,\n          refreshTarget: createContext.refreshTarget\n        })\n      })\n    }\n  })\n}\n\n// Form to get the name of a new thing before we create it\n//\n// Used in contacts for new groups, individuals.\n//\n/*\nfunction getNameForm (dom, kb, classLabel, gotNameCallback) {\n  const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error\n  form.innerHTML = '<p>Name of new ' + classLabel + ':</p>'\n  const namefield = dom.createElement('input')\n  namefield.setAttribute('type', 'text')\n  namefield.setAttribute('size', '30')\n  namefield.setAttribute('style', style.textInputStyle)\n  namefield.setAttribute('maxLength', '2048') // No arbitrary limits\n  namefield.select() // focus next user input\n\n  const gotName = function () {\n    namefield.setAttribute('class', 'pendingedit')\n    namefield.disabled = true\n    continueButton.disabled = true\n    cancel.disabled = true\n    gotNameCallback(true, namefield.value)\n  }\n\n  namefield.addEventListener('keyup', function (e) {\n    if (e.keyCode === 13) {\n      gotName()\n    }\n  }, false)\n  form.appendChild(namefield)\n\n  form.appendChild(dom.createElement('br'))\n\n  const cancel = form.appendChild(widgets.cancelButton(dom))\n  cancel.addEventListener('click', function (e) {\n    form.parentNode.removeChild(form)\n    gotNameCallback(false)\n  }, false)\n\n  const continueButton = form.appendChild(widgets.continueButton(dom))\n  continueButton.addEventListener('click', function (e) {\n    gotName()\n  }, false)\n\n  return form\n}\n*/\n"],"mappings":"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"}

package/dist/create/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../../src/create/index.ts"],"sourcesContent":["import {\n  newThingUI\n} from './create'\n\nexport const create = {\n  newThingUI\n}\n"],"mappings":"AAIA,IAAa,EAAS,CACpB,oCAAA,EAAA,UACF"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../../src/create/index.ts"],"sourcesContent":["import {\n  newThingUI\n} from './create'\n\nexport const create = {\n  newThingUI\n}\n"],"mappings":"AAIA,IAAa,EAAS,CACpB,oCAAA,CAAA,CAAA,UACF"}

package/dist/footer/index.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../lib/style.cjs.js"),t=require("../utils/headerFooterHelpers.cjs.js");let n=require("solid-logic");var r=`https://solidproject.org`,i=`solidproject.org`;async function a(e,r){let i=document.getElementById(`PageFooter`);if(!i)return;let a=t.getPod(),s=await t.getPodOwner(a,e);return o(i,e,a,s,r),n.authSession.events.on(`login`,()=>o(i,e,a,s,r)),n.authSession.events.on(`logout`,()=>o(i,e,a,s,r)),i}async function o(e,t,r,i,a){let o=n.authn.currentUser();return e.innerHTML=``,e.appendChild(await s(t,o,r,i,a)),e}function s(n,a,o,s,c){let l=document.createElement(`div`);l.setAttribute(`style`,e.style.footer);let u=document.createElement(`a`);if(u.href=c&&c.solidProjectUrl?c.solidProjectUrl:r,u.innerText=c&&c.solidProjectName?c.solidProjectName:i,!o||!s||a&&a.equals(s)){let e=document.createElement(`span`);return e.innerText=`Powered by `,l.appendChild(e),l.appendChild(u),l}let d=document.createElement(`span`);d.innerText=`You're visiting `;let f=document.createElement(`a`);f.href=o.uri,f.innerText=`the Pod`;let p=document.createElement(`span`);p.innerText=` controlled by `;let m=document.createElement(`a`);m.href=s.uri,m.innerText=t.getName(n,s);let h=document.createElement(`span`);h.innerText=`. For more info, check out `;let g=document.createElement(`span`);return g.innerText=`.`,l.appendChild(d),l.appendChild(f),l.appendChild(p),l.appendChild(m),l.appendChild(h),l.appendChild(u),l.appendChild(g),l}exports.initFooter=a;
+const e=require("../lib/style.cjs.js"),t=require("../utils/headerFooterHelpers.cjs.js");let n=require("solid-logic");var r=`https://solidproject.org`,i=`solidproject.org`;async function a(e,r){let i=document.getElementById(`PageFooter`);if(!i)return;let a=t.getPod(),s=await t.getPodOwner(a,e);return o(i,e,a,s,r),n.authSession.events.on(`login`,()=>o(i,e,a,s,r)),n.authSession.events.on(`logout`,()=>o(i,e,a,s,r)),i}async function o(e,t,r,i,a){let o=n.authn.currentUser();return e.innerHTML=``,e.appendChild(await s(t,o,r,i,a)),e}function s(n,a,o,s,c){let l=document.createElement(`div`);l.setAttribute(`style`,e.style.footer);let u=document.createElement(`a`);if(u.href=c&&c.solidProjectUrl?c.solidProjectUrl:r,u.innerText=c&&c.solidProjectName?c.solidProjectName:i,!o||!s||a&&a.equals(s)){let e=document.createElement(`span`);return e.innerText=`Powered by `,l.appendChild(e),l.appendChild(u),l}let d=document.createElement(`span`);d.innerText=`You're visiting `;let f=document.createElement(`a`);f.href=o.uri,f.innerText=`the Pod`;let p=document.createElement(`span`);p.innerText=` controlled by `;let m=document.createElement(`a`);m.href=s.uri,m.innerText=t.getName(n,s);let h=document.createElement(`span`);h.innerText=`. For more info, check out `;let g=document.createElement(`span`);return g.innerText=`.`,l.appendChild(d),l.appendChild(f),l.appendChild(p),l.appendChild(m),l.appendChild(h),l.appendChild(u),l.appendChild(g),l}exports.createControllerInfoBlock=s,exports.initFooter=a,exports.rebuildFooter=o;
 //# sourceMappingURL=index.cjs.js.map

package/dist/footer/index.esm.js

@@ -35,6 +35,6 @@ function u(n, r, i, a, c) {
 	return g.innerText = ".", l.appendChild(d), l.appendChild(f), l.appendChild(p), l.appendChild(m), l.appendChild(h), l.appendChild(u), l.appendChild(g), l;
 }
 //#endregion
-export { c as initFooter };
+export { u as createControllerInfoBlock, c as initFooter, l as rebuildFooter };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/header/index.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../lib/style.cjs.js"),t=require("../lib/iconBase.cjs.js"),n=require("../widgets/buttons.cjs.js");require("../widgets/index.cjs.js");const r=require("../login/login.cjs.js"),i=require("./empty-profile.cjs.js"),a=require("../utils/headerFooterHelpers.cjs.js");let o=require("solid-logic");var s=t.icons.iconBase+`noun_help.svg`,c=`https://solidproject.org/assets/img/solid-emblem.svg`;async function l(e,t,n){let r=document.getElementById(`PageHeader`);if(!r)return;let i=a.getPod();u(r,e,i,t,n)(),o.authSession.events.on(`logout`,u(r,e,i,t,n)),o.authSession.events.on(`login`,u(r,e,i,t,n))}function u(e,t,n,r,i){return async()=>{let a=o.authn.currentUser();e.innerHTML=``,e.appendChild(await d(t,n,a,r,i))}}async function d(t,n,r,i,a){let o=document.createElement(`a`);o.href=n.uri,o.setAttribute(`style`,e.style.headerBannerLink);let s=document.createElement(`img`);a&&(s.src=a.logo?a.logo:c),s.setAttribute(`style`,e.style.headerBannerIcon),o.appendChild(s);let l=r?await g(t,r,i):p(),u=document.createElement(`div`);u.setAttribute(`style`,e.style.headerBanner),u.appendChild(o);let d=document.createElement(`div`);if(d.setAttribute(`style`,e.style.headerBannerRightMenu),d.appendChild(l),a&&a.helpMenuList){let e=f(a,a.helpMenuList);d.appendChild(e)}return u.appendChild(d),u}function f(n,r){if(!r)return;let i=document.createElement(`ul`);i.setAttribute(`style`,e.style.headerUserMenuList),r.forEach(function(e){(e.url?`url`:`onclick`)==`url`?i.appendChild(_(h(e.label,e.url,e.target))):i.appendChild(_(m(e.label,e.onclick)))});let o=document.createElement(`nav`);o.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed),o.setAttribute(`aria-hidden`,`true`),o.setAttribute(`id`,`helperNav`),o.appendChild(i);let c=document.createElement(`div`);c.setAttribute(`style`,e.style.headerBannerUserMenu),c.appendChild(o);let l=document.createElement(`button`);l.setAttribute(`style`,e.style.headerUserMenuTrigger),l.type=`button`;let u=document.createElement(`img`);u.src=n&&n.helpIcon?n.helpIcon:t.icons.iconBase+s,u.setAttribute(`style`,e.style.headerUserMenuTriggerImg),c.appendChild(l),l.appendChild(u);let d=a.throttle(e=>y(e,l,o),50);l.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return c.addEventListener(`mouseover`,t=>{clearTimeout(f),d(t),document.getElementById(`helperNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenu)}),c.addEventListener(`mouseout`,t=>{f=setTimeout(()=>d(t),200),document.getElementById(`helperNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed)}),c}function p(){let t=document.createElement(`div`);return t.setAttribute(`style`,e.style.headerBannerLogin),t.appendChild(r.loginStatusBox(document,null,{})),t}function m(t,n){let r=document.createElement(`button`);return r.setAttribute(`style`,e.style.headerUserMenuButton),r.onmouseover=function(){r.setAttribute(`style`,e.style.headerUserMenuButtonHover)},r.onmouseout=function(){r.setAttribute(`style`,e.style.headerUserMenuButton)},r.addEventListener(`click`,n),r.innerText=t,r}function h(t,n,r){let i=document.createElement(`a`);return i.setAttribute(`style`,e.style.headerUserMenuLink),i.onmouseover=function(){i.setAttribute(`style`,e.style.headerUserMenuLinkHover)},i.onmouseout=function(){i.setAttribute(`style`,e.style.headerUserMenuLink)},i.href=n,i.innerText=t,r&&(i.target=r),i}async function g(t,n,r){let i=t.fetcher;i&&await i.load(n);let o=document.createElement(`ul`);o.setAttribute(`style`,e.style.headerUserMenuList),r&&r.forEach(function(e){(e.url?`url`:`onclick`)==`url`?o.appendChild(_(h(e.label,e.url,e.target))):o.appendChild(_(m(e.label,e.onclick)))});let s=document.createElement(`nav`);s.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed),s.setAttribute(`aria-hidden`,`true`),s.setAttribute(`id`,`loggedInNav`),s.appendChild(o);let c=document.createElement(`button`);c.setAttribute(`style`,e.style.headerUserMenuTrigger),c.type=`button`;let l=v(t,n);typeof l==`string`?c.innerHTML=l:c.appendChild(l);let u=document.createElement(`div`);u.setAttribute(`style`,e.style.headerBannerUserMenuNotDisplayed),u.appendChild(c),u.appendChild(s);let d=a.throttle(e=>y(e,c,s),50);c.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return u.addEventListener(`mouseover`,t=>{clearTimeout(f),d(t),document.getElementById(`loggedInNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenu)}),u.addEventListener(`mouseout`,t=>{f=setTimeout(()=>d(t),200),document.getElementById(`loggedInNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed)}),u}function _(t){let n=document.createElement(`li`);return n.setAttribute(`style`,e.style.headerUserMenuListItem),n.appendChild(t),n}function v(t,r){let a=null;try{if(a=n.findImage(r),!a)return i.emptyProfile}catch{return i.emptyProfile}let o=document.createElement(`div`);return o.setAttribute(`style`,e.style.headerUserMenuPhoto),o.style.backgroundImage=`url(${a})`,o}function y(e,t,n){let r=t.getAttribute(`aria-expanded`)===`true`,i=e.type===`mouseover`,a=e.type===`mouseout`;r&&i||!r&&a||(t.setAttribute(`aria-expanded`,(!r).toString()),n.setAttribute(`aria-hidden`,r.toString()))}exports.initHeader=l;
+const e=require("../lib/style.cjs.js"),t=require("../lib/iconBase.cjs.js"),n=require("../widgets/buttons.cjs.js");require("../widgets/index.cjs.js");const r=require("../login/login.cjs.js"),i=require("./empty-profile.cjs.js"),a=require("../utils/headerFooterHelpers.cjs.js");let o=require("solid-logic");var s=t.icons.iconBase+`noun_help.svg`,c=`https://solidproject.org/assets/img/solid-emblem.svg`;async function l(e,t,n){let r=document.getElementById(`PageHeader`);if(!r)return;let i=a.getPod();u(r,e,i,t,n)(),o.authSession.events.on(`logout`,u(r,e,i,t,n)),o.authSession.events.on(`login`,u(r,e,i,t,n))}function u(e,t,n,r,i){return async()=>{let a=o.authn.currentUser();e.innerHTML=``,e.appendChild(await d(t,n,a,r,i))}}async function d(t,n,r,i,a){let o=document.createElement(`a`);o.href=n.uri,o.setAttribute(`style`,e.style.headerBannerLink);let s=document.createElement(`img`);a&&(s.src=a.logo?a.logo:c),s.setAttribute(`style`,e.style.headerBannerIcon),o.appendChild(s);let l=r?await g(t,r,i):p(),u=document.createElement(`div`);u.setAttribute(`style`,e.style.headerBanner),u.appendChild(o);let d=document.createElement(`div`);if(d.setAttribute(`style`,e.style.headerBannerRightMenu),d.appendChild(l),a&&a.helpMenuList){let e=f(a,a.helpMenuList);d.appendChild(e)}return u.appendChild(d),u}function f(n,r){if(!r)return;let i=document.createElement(`ul`);i.setAttribute(`style`,e.style.headerUserMenuList),r.forEach(function(e){(e.url?`url`:`onclick`)==`url`?i.appendChild(_(h(e.label,e.url,e.target))):i.appendChild(_(m(e.label,e.onclick)))});let o=document.createElement(`nav`);o.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed),o.setAttribute(`aria-hidden`,`true`),o.setAttribute(`id`,`helperNav`),o.appendChild(i);let c=document.createElement(`div`);c.setAttribute(`style`,e.style.headerBannerUserMenu),c.appendChild(o);let l=document.createElement(`button`);l.setAttribute(`style`,e.style.headerUserMenuTrigger),l.type=`button`;let u=document.createElement(`img`);u.src=n&&n.helpIcon?n.helpIcon:t.icons.iconBase+s,u.setAttribute(`style`,e.style.headerUserMenuTriggerImg),c.appendChild(l),l.appendChild(u);let d=a.throttle(e=>y(e,l,o),50);l.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return c.addEventListener(`mouseover`,t=>{clearTimeout(f),d(t),document.getElementById(`helperNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenu)}),c.addEventListener(`mouseout`,t=>{f=setTimeout(()=>d(t),200),document.getElementById(`helperNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed)}),c}function p(){let t=document.createElement(`div`);return t.setAttribute(`style`,e.style.headerBannerLogin),t.appendChild(r.loginStatusBox(document,null,{})),t}function m(t,n){let r=document.createElement(`button`);return r.setAttribute(`style`,e.style.headerUserMenuButton),r.onmouseover=function(){r.setAttribute(`style`,e.style.headerUserMenuButtonHover)},r.onmouseout=function(){r.setAttribute(`style`,e.style.headerUserMenuButton)},r.addEventListener(`click`,n),r.innerText=t,r}function h(t,n,r){let i=document.createElement(`a`);return i.setAttribute(`style`,e.style.headerUserMenuLink),i.onmouseover=function(){i.setAttribute(`style`,e.style.headerUserMenuLinkHover)},i.onmouseout=function(){i.setAttribute(`style`,e.style.headerUserMenuLink)},i.href=n,i.innerText=t,r&&(i.target=r),i}async function g(t,n,r){let i=t.fetcher;i&&await i.load(n);let o=document.createElement(`ul`);o.setAttribute(`style`,e.style.headerUserMenuList),r&&r.forEach(function(e){(e.url?`url`:`onclick`)==`url`?o.appendChild(_(h(e.label,e.url,e.target))):o.appendChild(_(m(e.label,e.onclick)))});let s=document.createElement(`nav`);s.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed),s.setAttribute(`aria-hidden`,`true`),s.setAttribute(`id`,`loggedInNav`),s.appendChild(o);let c=document.createElement(`button`);c.setAttribute(`style`,e.style.headerUserMenuTrigger),c.type=`button`;let l=v(t,n);typeof l==`string`?c.innerHTML=l:c.appendChild(l);let u=document.createElement(`div`);u.setAttribute(`style`,e.style.headerBannerUserMenuNotDisplayed),u.appendChild(c),u.appendChild(s);let d=a.throttle(e=>y(e,c,s),50);c.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return u.addEventListener(`mouseover`,t=>{clearTimeout(f),d(t),document.getElementById(`loggedInNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenu)}),u.addEventListener(`mouseout`,t=>{f=setTimeout(()=>d(t),200),document.getElementById(`loggedInNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed)}),u}function _(t){let n=document.createElement(`li`);return n.setAttribute(`style`,e.style.headerUserMenuListItem),n.appendChild(t),n}function v(t,r){let a=null;try{if(a=n.findImage(r),!a)return i.emptyProfile}catch{return i.emptyProfile}let o=document.createElement(`div`);return o.setAttribute(`style`,e.style.headerUserMenuPhoto),o.style.backgroundImage=`url(${a})`,o}function y(e,t,n){let r=t.getAttribute(`aria-expanded`)===`true`,i=e.type===`mouseover`,a=e.type===`mouseout`;r&&i||!r&&a||(t.setAttribute(`aria-expanded`,(!r).toString()),n.setAttribute(`aria-hidden`,r.toString()))}exports.createBanner=d,exports.createHelpMenu=f,exports.createLoginSignUpButtons=p,exports.createUserMenu=g,exports.createUserMenuButton=m,exports.createUserMenuItem=_,exports.createUserMenuLink=h,exports.getProfileImg=v,exports.initHeader=l,exports.rebuildHeader=u;
 //# sourceMappingURL=index.cjs.js.map

package/dist/header/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../../src/header/index.ts"],"sourcesContent":["/* global EventListenerOrEventListenerObject */\n/*\n    This file was copied from mashlib/src/global/header.ts file. It is modified to\n    work in solid-ui by adjusting where imported functions are found.\n */\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { icons } from '../lib/iconBase'\nimport { authn, authSession } from 'solid-logic'\nimport { loginStatusBox } from '../login/login'\n// import { loginStatusBox, authSession, currentUser } from '../authn/authn'\nimport * as widgets from '../widgets'\nimport { style } from '../lib/style'\nimport { emptyProfile } from './empty-profile'\nimport { getPod, throttle } from '../utils/headerFooterHelpers'\n\n/**\n * menu icons\n*/\nconst DEFAULT_HELP_MENU_ICON = icons.iconBase + 'noun_help.svg'\nconst DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\n\nexport type MenuItemLink = {\n  label: string,\n  url: string,\n  target?: string\n}\n\nexport type MenuItemButton = {\n  label: string,\n  onclick: () => void\n}\n\nexport type MenuItems = MenuItemLink | MenuItemButton\n\n/*\n  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default\n  is solid. Menulist will always show a link to logout and to the users profile.\n  */\nexport type HeaderOptions = {\n  logo?: string,\n  helpIcon?: string,\n  helpMenuList?: MenuItems[]\n}\n\n/**\n * Initialize header component, the header object returned depends on whether the user is authenticated.\n * @param store the data store\n * @param userMenuList a list of menu items when the user is logged in\n * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.\n * @returns a header for an authenticated user with menu items given or a login screen\n */\nexport async function initHeader (store: IndexedFormula, userMenuList: MenuItems[], options?: HeaderOptions) {\n  const header = document.getElementById('PageHeader')\n  if (!header) {\n    return\n  }\n\n  const pod = getPod()\n  rebuildHeader(header, store, pod, userMenuList, options)()\n  authSession.events.on('logout', rebuildHeader(header, store, pod, userMenuList, options))\n  authSession.events.on('login', rebuildHeader(header, store, pod, userMenuList, options))\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function rebuildHeader (header: HTMLElement, store: IndexedFormula, pod: NamedNode, userMenuList: MenuItems[], options?: HeaderOptions) {\n  return async () => {\n    const user = authn.currentUser()\n    header.innerHTML = ''\n    header.appendChild(await createBanner(store, pod, user, userMenuList, options))\n  }\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createBanner (store: IndexedFormula, pod: NamedNode, user: NamedNode | null, userMenuList: MenuItems[], options?: HeaderOptions): Promise<HTMLElement> {\n  const podLink = document.createElement('a')\n  podLink.href = pod.uri\n  podLink.setAttribute('style', style.headerBannerLink)\n  const image = document.createElement('img')\n  if (options) {\n    image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL\n  }\n  image.setAttribute('style', style.headerBannerIcon)\n  podLink.appendChild(image)\n\n  const userMenu = user\n    ? await createUserMenu(store, user, userMenuList)\n    : createLoginSignUpButtons()\n\n  const banner = document.createElement('div')\n  banner.setAttribute('style', style.headerBanner)\n  banner.appendChild(podLink)\n\n  const leftSideOfHeader = document.createElement('div')\n  leftSideOfHeader.setAttribute('style', style.headerBannerRightMenu)\n  leftSideOfHeader.appendChild(userMenu)\n\n  if (options && options.helpMenuList) {\n    const helpMenu = createHelpMenu(options, options.helpMenuList)\n    leftSideOfHeader.appendChild(helpMenu as HTMLDivElement)\n  }\n\n  banner.appendChild(leftSideOfHeader)\n\n  return banner\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createHelpMenu (options: HeaderOptions, helpMenuItems: MenuItems[]) {\n  if (!helpMenuItems) return\n  const helpMenuList = document.createElement('ul')\n  helpMenuList.setAttribute('style', style.headerUserMenuList)\n  helpMenuItems.forEach(function (menuItem) {\n    const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n    if (menuItemType === 'url') {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n    } else {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n    }\n  })\n\n  const helpMenu = document.createElement('nav')\n\n  helpMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  helpMenu.setAttribute('aria-hidden', 'true')\n  helpMenu.setAttribute('id', 'helperNav')\n  helpMenu.appendChild(helpMenuList)\n\n  const helpMenuContainer = document.createElement('div')\n  helpMenuContainer.setAttribute('style', style.headerBannerUserMenu)\n  helpMenuContainer.appendChild(helpMenu)\n\n  const helpMenuTrigger = document.createElement('button')\n  helpMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  helpMenuTrigger.type = 'button'\n\n  const helpMenuIcon = document.createElement('img')\n  helpMenuIcon.src = (options && options.helpIcon) ? options.helpIcon : icons.iconBase + DEFAULT_HELP_MENU_ICON\n  helpMenuIcon.setAttribute('style', style.headerUserMenuTriggerImg)\n  helpMenuContainer.appendChild(helpMenuTrigger)\n  helpMenuTrigger.appendChild(helpMenuIcon)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, helpMenuTrigger, helpMenu), 50)\n  helpMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  helpMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  helpMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return helpMenuContainer\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createLoginSignUpButtons () {\n  const profileLoginButtonPre = document.createElement('div')\n  profileLoginButtonPre.setAttribute('style', style.headerBannerLogin)\n  profileLoginButtonPre.appendChild(loginStatusBox(document, null, {}))\n  return profileLoginButtonPre\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuButton (label: string, onClick: EventListenerOrEventListenerObject): HTMLElement {\n  const button = document.createElement('button')\n  button.setAttribute('style', style.headerUserMenuButton)\n  button.onmouseover = function () {\n    button.setAttribute('style', style.headerUserMenuButtonHover)\n  }\n  button.onmouseout = function () {\n    button.setAttribute('style', style.headerUserMenuButton)\n  }\n  button.addEventListener('click', onClick)\n  button.innerText = label\n  return button\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuLink (label: string, href: string, target?: string): HTMLElement {\n  const link = document.createElement('a')\n  link.setAttribute('style', style.headerUserMenuLink)\n  link.onmouseover = function () {\n    link.setAttribute('style', style.headerUserMenuLinkHover)\n  }\n  link.onmouseout = function () {\n    link.setAttribute('style', style.headerUserMenuLink)\n  }\n  link.href = href\n  link.innerText = label\n  if (target) link.target = target\n  return link\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createUserMenu (store: IndexedFormula, user: NamedNode, userMenuList: MenuItems[]): Promise<HTMLElement> {\n  const fetcher = (<any>store).fetcher\n  if (fetcher) {\n    // Making sure that Profile is loaded before building menu\n    await fetcher.load(user)\n  }\n\n  const loggedInMenuList = document.createElement('ul')\n  loggedInMenuList.setAttribute('style', style.headerUserMenuList)\n  if (userMenuList) {\n    userMenuList.forEach(function (menuItem) {\n      const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n      if (menuItemType === 'url') {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n      } else {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n      }\n    })\n  }\n  const loggedInMenu = document.createElement('nav')\n\n  loggedInMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  loggedInMenu.setAttribute('aria-hidden', 'true')\n  loggedInMenu.setAttribute('id', 'loggedInNav')\n  loggedInMenu.appendChild(loggedInMenuList)\n\n  const loggedInMenuTrigger = document.createElement('button')\n  loggedInMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  loggedInMenuTrigger.type = 'button'\n  const profileImg = getProfileImg(store, user)\n  if (typeof profileImg === 'string') {\n    loggedInMenuTrigger.innerHTML = profileImg\n  } else {\n    loggedInMenuTrigger.appendChild(profileImg)\n  }\n\n  const loggedInMenuContainer = document.createElement('div')\n  loggedInMenuContainer.setAttribute('style', style.headerBannerUserMenuNotDisplayed)\n  loggedInMenuContainer.appendChild(loggedInMenuTrigger)\n  loggedInMenuContainer.appendChild(loggedInMenu)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, loggedInMenuTrigger, loggedInMenu), 50)\n  loggedInMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  loggedInMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  loggedInMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return loggedInMenuContainer\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuItem (child: HTMLElement): HTMLElement {\n  const menuProfileItem = document.createElement('li')\n  menuProfileItem.setAttribute('style', style.headerUserMenuListItem)\n  menuProfileItem.appendChild(child)\n  return menuProfileItem\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getProfileImg (store: IndexedFormula, user: NamedNode): string | HTMLElement {\n  let profileUrl = null\n  try {\n    profileUrl = widgets.findImage(user)\n    if (!profileUrl) {\n      return emptyProfile\n    }\n  } catch {\n    return emptyProfile\n  }\n\n  const profileImage = document.createElement('div')\n  profileImage.setAttribute('style', style.headerUserMenuPhoto)\n  profileImage.style.backgroundImage = `url(${profileUrl})`\n  return profileImage\n}\n\n/**\n * @internal\n */\nfunction toggleMenu (event: Event, trigger: HTMLButtonElement, menu: HTMLElement): void {\n  const isExpanded = trigger.getAttribute('aria-expanded') === 'true'\n  const expand = event.type === 'mouseover'\n  const close = event.type === 'mouseout'\n  if ((isExpanded && expand) || (!isExpanded && close)) {\n    return\n  }\n  trigger.setAttribute('aria-expanded', (!isExpanded).toString())\n  menu.setAttribute('aria-hidden', isExpanded.toString())\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../../src/header/index.ts"],"sourcesContent":["/* global EventListenerOrEventListenerObject */\n/*\n    This file was copied from mashlib/src/global/header.ts file. It is modified to\n    work in solid-ui by adjusting where imported functions are found.\n */\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { icons } from '../lib/iconBase'\nimport { authn, authSession } from 'solid-logic'\nimport { loginStatusBox } from '../login/login'\n// import { loginStatusBox, authSession, currentUser } from '../authn/authn'\nimport * as widgets from '../widgets'\nimport { style } from '../lib/style'\nimport { emptyProfile } from './empty-profile'\nimport { getPod, throttle } from '../utils/headerFooterHelpers'\n\n/**\n * menu icons\n*/\nconst DEFAULT_HELP_MENU_ICON = icons.iconBase + 'noun_help.svg'\nconst DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\n\nexport type MenuItemLink = {\n  label: string,\n  url: string,\n  target?: string\n}\n\nexport type MenuItemButton = {\n  label: string,\n  onclick: () => void\n}\n\nexport type MenuItems = MenuItemLink | MenuItemButton\n\n/*\n  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default\n  is solid. Menulist will always show a link to logout and to the users profile.\n  */\nexport type HeaderOptions = {\n  logo?: string,\n  helpIcon?: string,\n  helpMenuList?: MenuItems[]\n}\n\n/**\n * Initialize header component, the header object returned depends on whether the user is authenticated.\n * @param store the data store\n * @param userMenuList a list of menu items when the user is logged in\n * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.\n * @returns a header for an authenticated user with menu items given or a login screen\n */\nexport async function initHeader (store: IndexedFormula, userMenuList: MenuItems[], options?: HeaderOptions) {\n  const header = document.getElementById('PageHeader')\n  if (!header) {\n    return\n  }\n\n  const pod = getPod()\n  rebuildHeader(header, store, pod, userMenuList, options)()\n  authSession.events.on('logout', rebuildHeader(header, store, pod, userMenuList, options))\n  authSession.events.on('login', rebuildHeader(header, store, pod, userMenuList, options))\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function rebuildHeader (header: HTMLElement, store: IndexedFormula, pod: NamedNode, userMenuList: MenuItems[], options?: HeaderOptions) {\n  return async () => {\n    const user = authn.currentUser()\n    header.innerHTML = ''\n    header.appendChild(await createBanner(store, pod, user, userMenuList, options))\n  }\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createBanner (store: IndexedFormula, pod: NamedNode, user: NamedNode | null, userMenuList: MenuItems[], options?: HeaderOptions): Promise<HTMLElement> {\n  const podLink = document.createElement('a')\n  podLink.href = pod.uri\n  podLink.setAttribute('style', style.headerBannerLink)\n  const image = document.createElement('img')\n  if (options) {\n    image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL\n  }\n  image.setAttribute('style', style.headerBannerIcon)\n  podLink.appendChild(image)\n\n  const userMenu = user\n    ? await createUserMenu(store, user, userMenuList)\n    : createLoginSignUpButtons()\n\n  const banner = document.createElement('div')\n  banner.setAttribute('style', style.headerBanner)\n  banner.appendChild(podLink)\n\n  const leftSideOfHeader = document.createElement('div')\n  leftSideOfHeader.setAttribute('style', style.headerBannerRightMenu)\n  leftSideOfHeader.appendChild(userMenu)\n\n  if (options && options.helpMenuList) {\n    const helpMenu = createHelpMenu(options, options.helpMenuList)\n    leftSideOfHeader.appendChild(helpMenu as HTMLDivElement)\n  }\n\n  banner.appendChild(leftSideOfHeader)\n\n  return banner\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createHelpMenu (options: HeaderOptions, helpMenuItems: MenuItems[]) {\n  if (!helpMenuItems) return\n  const helpMenuList = document.createElement('ul')\n  helpMenuList.setAttribute('style', style.headerUserMenuList)\n  helpMenuItems.forEach(function (menuItem) {\n    const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n    if (menuItemType === 'url') {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n    } else {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n    }\n  })\n\n  const helpMenu = document.createElement('nav')\n\n  helpMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  helpMenu.setAttribute('aria-hidden', 'true')\n  helpMenu.setAttribute('id', 'helperNav')\n  helpMenu.appendChild(helpMenuList)\n\n  const helpMenuContainer = document.createElement('div')\n  helpMenuContainer.setAttribute('style', style.headerBannerUserMenu)\n  helpMenuContainer.appendChild(helpMenu)\n\n  const helpMenuTrigger = document.createElement('button')\n  helpMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  helpMenuTrigger.type = 'button'\n\n  const helpMenuIcon = document.createElement('img')\n  helpMenuIcon.src = (options && options.helpIcon) ? options.helpIcon : icons.iconBase + DEFAULT_HELP_MENU_ICON\n  helpMenuIcon.setAttribute('style', style.headerUserMenuTriggerImg)\n  helpMenuContainer.appendChild(helpMenuTrigger)\n  helpMenuTrigger.appendChild(helpMenuIcon)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, helpMenuTrigger, helpMenu), 50)\n  helpMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  helpMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  helpMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return helpMenuContainer\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createLoginSignUpButtons () {\n  const profileLoginButtonPre = document.createElement('div')\n  profileLoginButtonPre.setAttribute('style', style.headerBannerLogin)\n  profileLoginButtonPre.appendChild(loginStatusBox(document, null, {}))\n  return profileLoginButtonPre\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuButton (label: string, onClick: EventListenerOrEventListenerObject): HTMLElement {\n  const button = document.createElement('button')\n  button.setAttribute('style', style.headerUserMenuButton)\n  button.onmouseover = function () {\n    button.setAttribute('style', style.headerUserMenuButtonHover)\n  }\n  button.onmouseout = function () {\n    button.setAttribute('style', style.headerUserMenuButton)\n  }\n  button.addEventListener('click', onClick)\n  button.innerText = label\n  return button\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuLink (label: string, href: string, target?: string): HTMLElement {\n  const link = document.createElement('a')\n  link.setAttribute('style', style.headerUserMenuLink)\n  link.onmouseover = function () {\n    link.setAttribute('style', style.headerUserMenuLinkHover)\n  }\n  link.onmouseout = function () {\n    link.setAttribute('style', style.headerUserMenuLink)\n  }\n  link.href = href\n  link.innerText = label\n  if (target) link.target = target\n  return link\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createUserMenu (store: IndexedFormula, user: NamedNode, userMenuList: MenuItems[]): Promise<HTMLElement> {\n  const fetcher = (<any>store).fetcher\n  if (fetcher) {\n    // Making sure that Profile is loaded before building menu\n    await fetcher.load(user)\n  }\n\n  const loggedInMenuList = document.createElement('ul')\n  loggedInMenuList.setAttribute('style', style.headerUserMenuList)\n  if (userMenuList) {\n    userMenuList.forEach(function (menuItem) {\n      const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n      if (menuItemType === 'url') {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n      } else {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n      }\n    })\n  }\n  const loggedInMenu = document.createElement('nav')\n\n  loggedInMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  loggedInMenu.setAttribute('aria-hidden', 'true')\n  loggedInMenu.setAttribute('id', 'loggedInNav')\n  loggedInMenu.appendChild(loggedInMenuList)\n\n  const loggedInMenuTrigger = document.createElement('button')\n  loggedInMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  loggedInMenuTrigger.type = 'button'\n  const profileImg = getProfileImg(store, user)\n  if (typeof profileImg === 'string') {\n    loggedInMenuTrigger.innerHTML = profileImg\n  } else {\n    loggedInMenuTrigger.appendChild(profileImg)\n  }\n\n  const loggedInMenuContainer = document.createElement('div')\n  loggedInMenuContainer.setAttribute('style', style.headerBannerUserMenuNotDisplayed)\n  loggedInMenuContainer.appendChild(loggedInMenuTrigger)\n  loggedInMenuContainer.appendChild(loggedInMenu)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, loggedInMenuTrigger, loggedInMenu), 50)\n  loggedInMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  loggedInMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  loggedInMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return loggedInMenuContainer\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuItem (child: HTMLElement): HTMLElement {\n  const menuProfileItem = document.createElement('li')\n  menuProfileItem.setAttribute('style', style.headerUserMenuListItem)\n  menuProfileItem.appendChild(child)\n  return menuProfileItem\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getProfileImg (store: IndexedFormula, user: NamedNode): string | HTMLElement {\n  let profileUrl = null\n  try {\n    profileUrl = widgets.findImage(user)\n    if (!profileUrl) {\n      return emptyProfile\n    }\n  } catch {\n    return emptyProfile\n  }\n\n  const profileImage = document.createElement('div')\n  profileImage.setAttribute('style', style.headerUserMenuPhoto)\n  profileImage.style.backgroundImage = `url(${profileUrl})`\n  return profileImage\n}\n\n/**\n * @internal\n */\nfunction toggleMenu (event: Event, trigger: HTMLButtonElement, menu: HTMLElement): void {\n  const isExpanded = trigger.getAttribute('aria-expanded') === 'true'\n  const expand = event.type === 'mouseover'\n  const close = event.type === 'mouseout'\n  if ((isExpanded && expand) || (!isExpanded && close)) {\n    return\n  }\n  trigger.setAttribute('aria-expanded', (!isExpanded).toString())\n  menu.setAttribute('aria-hidden', isExpanded.toString())\n}\n"],"mappings":"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"}