solid-ui 3.1.3-11 → 3.1.3-13

package/dist/components/menu/Menu.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}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 P(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,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===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(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&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 j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(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 N(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 P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,0)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}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 P(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,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===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(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&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 j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(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 N(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 P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,5)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
       <wa-dropdown
         placement=${this.placement}
         distance=${this.distance}

package/dist/components/menu/Menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 0;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 5;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}

package/dist/components/menu/Menu.esm.js

@@ -189,7 +189,7 @@ new (w = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
 	reflect: !0
 }), b = a("wa-dropdown"), S = o(), "placement"), c = class extends t {
 	constructor(...e) {
-		super(...e), E(this, l, (p(this), _(this, "bottom-start"))), E(this, u, y(this, 0)), E(this, d, x(this, null)), E(this, f, C(this, [])), j(this, "observer", new MutationObserver(() => this.syncItems()));
+		super(...e), E(this, l, (p(this), _(this, "bottom-start"))), E(this, u, y(this, 5)), E(this, d, x(this, null)), E(this, f, C(this, [])), j(this, "observer", new MutationObserver(() => this.syncItems()));
 	}
 	get [T]() {
 		return k(l, this);

package/dist/components/menu/Menu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 0;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 5;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}

package/dist/components/menu/Menu.stories.d.ts

@@ -1,8 +1,7 @@
 declare const meta: {
-    readonly title: "Menu";
+    readonly title: "Basic UI/Menu";
+    readonly render: () => import('lit-html').TemplateResult<1>;
 };
+export declare const Primary: {};
 export default meta;
-export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
-};
 //# sourceMappingURL=Menu.stories.d.ts.map

package/dist/components/menu/Menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,QAAQ,CAAA;AAEf,QAAA,MAAM,IAAI;;CAEA,CAAA;AAcV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;CAAa,CAAA"}
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,QAAQ,CAAA;AAgBf,QAAA,MAAM,IAAI;;;CAaA,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist/components/menu/Menu.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`;exports.default=e;
+var e=require("lit").css`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0}wa-dropdown-item:hover{background-color:var(--solid-ui-color-primary-hover)}`;exports.default=e;
 //# sourceMappingURL=Menu.styles.cjs.js.map

package/dist/components/menu/Menu.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.cjs.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n}\n\nwa-dropdown-item {\n    padding: 0px;\n}\n"],"mappings":""}
+{"version":3,"file":"Menu.styles.cjs.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n    gap: 2px;\n}\n\nwa-dropdown-item {\n    border-radius: 5px;\n    padding: 0px;\n\n    &:hover {\n        background-color: var(--solid-ui-color-primary-hover);\n    }\n}\n"],"mappings":""}

package/dist/components/menu/Menu.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/menu/Menu.styles.css
-var t = e`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`;
+var t = e`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0}wa-dropdown-item:hover{background-color:var(--solid-ui-color-primary-hover)}`;
 //#endregion
 export { t as default };
 

package/dist/components/menu/Menu.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.esm.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n}\n\nwa-dropdown-item {\n    padding: 0px;\n}\n"],"mappings":""}
+{"version":3,"file":"Menu.styles.esm.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n    gap: 2px;\n}\n\nwa-dropdown-item {\n    border-radius: 5px;\n    padding: 0px;\n\n    &:hover {\n        background-color: var(--solid-ui-color-primary-hover);\n    }\n}\n"],"mappings":""}

package/dist/components/menu-item/MenuItem.cjs.js

@@ -1,14 +1,14 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./MenuItem.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_;function v(e,t,n){y(e,t),t.set(e,n)}function y(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function b(e,t,n){return e.set(S(e,t),n),n}function x(e,t){return e.get(S(e,t))}function S(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 C(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:D(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||D(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-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(y)(g=c(T.call(E,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`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),C=T.call(E,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}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 O(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,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===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(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:T(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&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 T(e){var t=E(e,`string`);return typeof t==`symbol`?t:t+``}function E(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 D(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 O(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function k(e){return e}d=[e.customElement(`solid-ui-menu-item`)];var A;new(g=(s=new WeakMap,c=new WeakMap,_=(f=(0,i.property)({type:String,reflect:!0}),m=(0,i.query)(`a`),`href`),o=class extends t.default{constructor(...e){super(...e),v(this,s,(l(this),p(this))),v(this,c,h(this,null))}get[_](){return x(s,this)}set href(e){b(s,this,e)}get anchor(){return x(c,this)}set anchor(e){b(c,this,e)}render(){return this.href?r.html`
-        <a href="${this.href}" target="_blank" rel="noopener noreferrer">
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./MenuItem.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(e,t,n){S(e,t),t.set(e,n)}function S(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function C(e,t,n){return e.set(T(e,t),n),n}function w(e,t){return e.get(T(e,t))}function T(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 E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(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],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:A(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||A(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,j;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(M.get=k),j&&(M.set=j),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}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 j(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,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===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(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:O(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&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 O(e){var t=k(e,`string`);return typeof t==`symbol`?t:t+``}function k(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 A(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 j(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function M(e){return e}f=[e.customElement(`solid-ui-menu-item`)];var N;new(y=(s=new WeakMap,c=new WeakMap,l=new WeakMap,b=(p=(0,i.property)({type:String,reflect:!0}),h=(0,i.property)({type:Boolean,reflect:!0}),_=(0,i.query)(`a`),`href`),o=class extends t.default{constructor(...e){super(...e),x(this,s,(u(this),m(this))),x(this,c,g(this,!1)),x(this,l,v(this,null))}get[b](){return w(s,this)}set href(e){C(s,this,e)}get selected(){return w(c,this)}set selected(e){C(c,this,e)}get anchor(){return w(l,this)}set anchor(e){C(l,this,e)}render(){return this.href?r.html`
+        <a href="${this.href}" target="_blank" rel="noopener noreferrer" ?data-selected=${this.selected}>
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </a>
       `:r.html`
-        <div>
+        <div ?data-selected=${this.selected}>
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </div>
-    `}click(){this.anchor?.click()}},{e:[p,h,l],c:[A,u]}=w(o,[[f,1,`href`],[m,1,`anchor`]],d,0,void 0,t.default),o),a=class extends k{constructor(){super(A),C(this,`styles`,n.default),u()}},C(a,g,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return A}});
+    `}click(){this.anchor?.click()}},{e:[m,g,v,u],c:[N,d]}=D(o,[[p,1,`href`],[h,1,`selected`],[_,1,`anchor`]],f,0,void 0,t.default),o),a=class extends M{constructor(){super(N),E(this,`styles`,n.default),d()}},E(a,y,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return N}});
 //# sourceMappingURL=MenuItem.cjs.js.map

package/dist/components/menu-item/MenuItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_ref","_hrefDecs","type","String","reflect","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n"],"mappings":"61IAI0CM,EAAA,CAEzCN,EAAAA,cAAc,oBAAoB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIxB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGnC,GAAG,EAAC,QAAAC,EAPb,cACsCjB,EAAAA,OAAa,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAb,GAAAc,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAX,EAAAc,EAAA,KAOG,IAAI,CAAA,CAAA,CAAA,IAAAb,IAAA,CAAA,OAAAc,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAH/CkB,KAAIC,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAAA,IAGIE,QAAM,CAAA,OAAAJ,EAAAf,EAAA,IAAA,CAAA,CAAA,IAANmB,OAAMF,EAAA,CAAAC,EAAAlB,EAAA,KAAAiB,CAAA,CAAA,CAEvBG,QAAU,CAWR,OAVI,KAAKJ,KACAvB,EAAAA,IAAI;mBACE,KAAKuB,KAAI;;;;;QAQjBvB,EAAAA,IAAI;;;;;;KAOb,CAEA4B,OAAS,CACP,KAAKF,QAAQE,MAAM,CACrB,CACF,EAAC,CAAAC,EAAA,CAAAT,EAAAC,EAAAF,GAAAW,EAAA,CAAA3B,EAAA4B,IAAAC,EAAAlB,EAAA,CAAA,CAAAL,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,QAAA,CAAA,EAAAX,EAAA,EAAA,IAAA,GAhCqCL,EAAAA,OAAY,EAAAiB,GAAAmB,EAAA,cAAAC,CAAA,CAAAlB,aAAA,CAAA,MAAAb,CAAA,EAAAgC,EAAA,KAAA,SAChClC,EAAAA,OAAM,EAAA8B,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA7B,EAAA,IAAA,EAAA,EAAA6B"}
+{"version":3,"file":"MenuItem.cjs.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_C","_ref","_hrefDecs","type","String","reflect","_selectedDecs","Boolean","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_selected","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","selected","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor selected: boolean = false\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\" ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n"],"mappings":"m2IAI0CM,EAAA,CAEzCN,EAAAA,cAAc,oBAAoB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIxB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEH,KAAMI,QAASF,QAAS,EAAK,CAAC,EAACG,GAAAA,EAAAA,EAAAA,MAAAA,CAGpC,GAAG,EAAC,QAAAC,EAVb,cACsCpB,EAAAA,OAAa,CAAAsB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAhB,GAAAiB,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAd,EAAAiB,EAAA,KAOpB,EAAK,CAAA,EAAAH,EAAA,KAAAb,EAAAiB,EAAA,KAGkB,IAAI,CAAA,CAAA,CAAA,IAAAhB,IAAA,CAAA,OAAAiB,EAAArB,EAAA,IAAA,CAAA,CAAA,IAN/CsB,KAAIC,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAARuB,SAAQF,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGAG,QAAM,CAAA,OAAAL,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAANuB,OAAMH,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAEvBI,QAAU,CAWR,OAVI,KAAKL,KACA3B,EAAAA,IAAI;mBACE,KAAK2B,KAAI,6DAA8D,KAAKG,SAAQ;;;;;QAQ5F9B,EAAAA,IAAI;8BACe,KAAK8B,SAAQ;;;;;KAMzC,CAEAG,OAAS,CACP,KAAKF,QAAQE,MAAM,CACrB,CACF,EAAC,CAAAC,EAAA,CAAAX,EAAAC,EAAAC,EAAAH,GAAAa,EAAA,CAAAhC,EAAAiC,IAAAC,EAAApB,EAAA,CAAA,CAAAP,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,QAAA,CAAA,EAAAd,EAAA,EAAA,IAAA,GAnCqCL,EAAAA,OAAY,EAAAoB,GAAAqB,EAAA,cAAAC,CAAA,CAAApB,aAAA,CAAA,MAAAhB,CAAA,EAAAqC,EAAA,KAAA,SAChCvC,EAAAA,OAAM,EAAAmC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAlC,EAAA,IAAA,EAAA,EAAAkC"}

package/dist/components/menu-item/MenuItem.d.ts

@@ -2,6 +2,7 @@ import { WebComponent } from '../../lib/components';
 export default class MenuItem extends WebComponent {
     static styles: import('lit').CSSResult;
     accessor href: string | undefined;
+    accessor selected: boolean;
     private accessor anchor;
     render(): import('lit-html').TemplateResult<1>;
     click(): void;

package/dist/components/menu-item/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/MenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGjC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiC;IAExD,MAAM;IAoBN,KAAK;CAGN"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/MenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGjC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAQ;IAGlC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiC;IAExD,MAAM;IAoBN,KAAK;CAGN"}

package/dist/components/menu-item/MenuItem.esm.js

@@ -5,32 +5,32 @@ import n from "./MenuItem.styles.esm.js";
 import { html as r } from "lit";
 import { property as i, query as a } from "lit/decorators.js";
 //#region src/components/menu-item/MenuItem.ts
-var o, s, c, l, u, d, f, p, m, h, g, _, v;
-function y(e, t, n) {
-	b(e, t), t.set(e, n);
+var o, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x;
+function S(e, t, n) {
+	C(e, t), t.set(e, n);
 }
-function b(e, t) {
+function C(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function x(e, t, n) {
-	return e.set(C(e, t), n), n;
+function w(e, t, n) {
+	return e.set(E(e, t), n), n;
 }
-function S(e, t) {
-	return e.get(C(e, t));
+function T(e, t) {
+	return e.get(E(e, t));
 }
-function C(e, t, n) {
+function E(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 w(e, t, n) {
-	return (t = E(t)) in e ? Object.defineProperty(e, t, {
+function D(e, t, n) {
+	return (t = k(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function T(e, t, n, r, i, a) {
+function O(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -53,16 +53,16 @@ function T(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: O(function() {
+				get: j(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || O(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || j(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
 		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
-			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, k = {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
 				kind: [
 					"field",
 					"accessor",
@@ -79,23 +79,23 @@ function T(e, t, n, r, i, a) {
 				}.bind(null, D)
 			};
 			try {
-				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
 				else {
-					var A, j;
-					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
 						return h(e), b.value;
-					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
 						return e[r];
-					}, (i < 2 || i === 4) && (j = function(e, t) {
+					}, (i < 2 || i === 4) && (A = function(e, t) {
 						e[r] = t;
 					}));
-					var M = k.access = { has: d ? m.bind() : function(e) {
+					var M = O.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (A && (M.get = A), j && (M.set = j), C = T.call(E, p ? {
+					if (k && (M.get = k), A && (M.set = A), C = T.call(E, p ? {
 						get: b.get,
 						set: b.set
-					} : b[S], k), p) {
+					} : b[S], O), p) {
 						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
 						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
 					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
@@ -119,7 +119,7 @@ function T(e, t, n, r, i, a) {
 	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 k(t) === e;
+			return M(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -133,7 +133,7 @@ function T(e, t, n, r, i, a) {
 					if (!0 === x || x === 3 && m !== 4 || x === 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(b, !(m > 2) || m);
 				}
-				l(v ? e : e.prototype, p, _, g ? "#" + h : E(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : k(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -146,11 +146,11 @@ function T(e, t, n, r, i, a) {
 		}
 	};
 }
-function E(e) {
-	var t = D(e, "string");
+function k(e) {
+	var t = A(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function D(e, t) {
+function A(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -160,7 +160,7 @@ function D(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function O(e, t, n) {
+function j(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -170,43 +170,52 @@ function O(e, t, n) {
 	} catch {}
 	return e;
 }
-function k(e) {
+function M(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function A(e) {
+function N(e) {
 	return e;
 }
-f = [e("solid-ui-menu-item")];
-var j;
-new (_ = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), v = (p = i({
+p = [e("solid-ui-menu-item")];
+var P;
+new (b = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), x = (m = i({
 	type: String,
 	reflect: !0
-}), h = a("a"), "href"), s = class extends t {
+}), g = i({
+	type: Boolean,
+	reflect: !0
+}), v = a("a"), "href"), s = class extends t {
 	constructor(...e) {
-		super(...e), y(this, c, (u(this), m(this))), y(this, l, g(this, null));
+		super(...e), S(this, c, (d(this), h(this))), S(this, l, _(this, !1)), S(this, u, y(this, null));
 	}
-	get [v]() {
-		return S(c, this);
+	get [x]() {
+		return T(c, this);
 	}
 	set href(e) {
-		x(c, this, e);
+		w(c, this, e);
+	}
+	get selected() {
+		return T(l, this);
+	}
+	set selected(e) {
+		w(l, this, e);
 	}
 	get anchor() {
-		return S(l, this);
+		return T(u, this);
 	}
 	set anchor(e) {
-		x(l, this, e);
+		w(u, this, e);
 	}
 	render() {
 		return this.href ? r`
-        <a href="${this.href}" target="_blank" rel="noopener noreferrer">
+        <a href="${this.href}" target="_blank" rel="noopener noreferrer" ?data-selected=${this.selected}>
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </a>
       ` : r`
-        <div>
+        <div ?data-selected=${this.selected}>
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
@@ -216,20 +225,28 @@ new (_ = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), v =
 	click() {
 		this.anchor?.click();
 	}
-}, {e: [m, g, u], c: [j, d]} = T(s, [[
-	p,
-	1,
-	"href"
-], [
-	h,
-	1,
-	"anchor"
-]], f, 0, void 0, t), s), o = class extends A {
+}, {e: [h, _, y, d], c: [P, f]} = O(s, [
+	[
+		m,
+		1,
+		"href"
+	],
+	[
+		g,
+		1,
+		"selected"
+	],
+	[
+		v,
+		1,
+		"anchor"
+	]
+], p, 0, void 0, t), s), o = class extends N {
 	constructor() {
-		super(j), w(this, "styles", n), d();
+		super(P), D(this, "styles", n), f();
 	}
-}, w(o, _, void 0), o)();
+}, D(o, b, void 0), o)();
 //#endregion
-export { j as default };
+export { P as default };
 
 //# sourceMappingURL=MenuItem.esm.js.map

package/dist/components/menu-item/MenuItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.esm.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_ref","_hrefDecs","type","String","reflect","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI0CM,IAAA,CAEzCN,EAAc,oBAAoB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAIjCX,EAAS;CAAEY,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCd,EAAM,GAAG,GAAC,SAAAe,IAPb,cACsCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAOG,IAAI,CAAA;CAAA;CAAA,KAAAb,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAH/CkB,KAAIC,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAAA,IAGIE,SAAM;EAAA,OAAAJ,EAAAf,GAAA,IAAA;CAAA;CAAA,IAANmB,OAAMF,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAEvBG,SAAU;EAWR,OAVI,KAAKJ,OACAvB,CAAI;mBACE,KAAKuB,KAAI;;;;;UAQjBvB,CAAI;;;;;;;CAOb;CAEA4B,QAAS;EACP,KAAKF,QAAQE,MAAM;CACrB;AACF,GAAC,CAAAC,GAAA,CAAAT,GAAAC,GAAAF,IAAAW,GAAA,CAAA3B,GAAA4B,MAAAC,EAAAlB,GAAA,CAAA;CAAAL;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAX,GAAA,GAAA,KAAA,GAhCqCL,CAAY,GAAAiB,IAAAmB,IAAA,cAAAC,EAAA;CAAAlB,cAAA;EAAA,MAAAb,CAAA,GAAAgC,EAAA,MAAA,UAChClC,CAAM,GAAA8B,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAA7B,GAAA,KAAA,CAAA,GAAA6B,GAAA"}
+{"version":3,"file":"MenuItem.esm.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_C","_ref","_hrefDecs","type","String","reflect","_selectedDecs","Boolean","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_selected","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","selected","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor selected: boolean = false\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\" ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI0CM,IAAA,CAEzCN,EAAc,oBAAoB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAIjCZ,EAAS;CAAEa,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAS;CAAEa,MAAMI;CAASF,SAAS;AAAK,CAAC,GAACG,IAG1CjB,EAAM,GAAG,GAAC,SAAAkB,IAVb,cACsCpB,EAAa;CAAAsB,YAAA,GAAAC,GAAA;EAOfC,AAPe,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAhB,IAAAiB,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAd,GAAAiB,EAAA,MAOpB,EAAK,CAAA,GAAAH,EAAA,MAAAb,GAAAiB,EAAA,MAGkB,IAAI,CAAA;CAAA;CAAA,KAAAhB,KAAA;EAAA,OAAAiB,EAAArB,GAAA,IAAA;CAAA;CAAA,IAN/CsB,KAAIC,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAAA,IAGJE,WAAQ;EAAA,OAAAJ,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAARuB,SAAQF,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGAG,SAAM;EAAA,OAAAL,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAANuB,OAAMH,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAEvBI,SAAU;EAWR,OAVI,KAAKL,OACA3B,CAAI;mBACE,KAAK2B,KAAI,6DAA8D,KAAKG,SAAQ;;;;;UAQ5F9B,CAAI;8BACe,KAAK8B,SAAQ;;;;;;CAMzC;CAEAG,QAAS;EACP,KAAKF,QAAQE,MAAM;CACrB;AACF,GAAC,CAAAC,GAAA,CAAAX,GAAAC,GAAAC,GAAAH,IAAAa,GAAA,CAAAhC,GAAAiC,MAAAC,EAAApB,GAAA;CAAA;EAAAP;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAd,GAAA,GAAA,KAAA,GAnCqCL,CAAY,GAAAoB,IAAAqB,IAAA,cAAAC,EAAA;CAAApB,cAAA;EAAA,MAAAhB,CAAA,GAAAqC,EAAA,MAAA,UAChCvC,CAAM,GAAAmC,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAlC,GAAA,KAAA,CAAA,GAAAkC,GAAA"}

package/dist/components/menu-item/MenuItem.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host>a,:host>div{width:100%;color:var(--solid-ui-color-gray-600);font-weight:500;font-size:var(--solid-ui-font-size-md);border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:10px;display:flex;position:relative}:host:hover{background-color:var(--solid-ui-color-slate-200)}:host ::slotted([slot=left-icon]),:host ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-xl);height:var(--solid-ui-font-size-xl)}:host a:after{content:\"\";width:100%;height:100%;position:absolute;top:0;left:0}`;exports.default=e;
+var e=require("lit").css`:host>a,:host>div{width:100%;color:var(--solid-ui-color-gray-600);font-weight:500;font-size:var(--solid-ui-font-size-md);border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:10px;display:flex;position:relative}:is(:host>a,:host>div)[data-selected]{background:var(--solid-ui-color-primary-selected)}:host ::slotted([slot=left-icon]),:host ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-xl);height:var(--solid-ui-font-size-xl)}:host a:after{content:\"\";width:100%;height:100%;position:absolute;top:0;left:0}`;exports.default=e;
 //# sourceMappingURL=MenuItem.styles.cjs.js.map

package/dist/components/menu-item/MenuItem.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.cjs.js","names":[],"sources":["../../../src/components/menu-item/MenuItem.styles.css"],"sourcesContent":[":host {\n    & > a,\n    & > div {\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 5px;\n        padding: 10px;\n        border-radius: 5px;\n        color: var(--solid-ui-color-gray-600);\n        font-weight: 500;\n        font-size: var(--solid-ui-font-size-md);\n    }\n\n    &:hover {\n        background-color: var(--solid-ui-color-slate-200);\n    }\n\n    ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n        width: var(--solid-ui-font-size-xl);\n        height: var(--solid-ui-font-size-xl);\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"MenuItem.styles.cjs.js","names":[],"sources":["../../../src/components/menu-item/MenuItem.styles.css"],"sourcesContent":[":host {\n    & > a,\n    & > div {\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 5px;\n        padding: 10px;\n        border-radius: 5px;\n        color: var(--solid-ui-color-gray-600);\n        font-weight: 500;\n        font-size: var(--solid-ui-font-size-md);\n\n        &[data-selected] {\n            background: var(--solid-ui-color-primary-selected);\n        }\n    }\n\n    ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n        width: var(--solid-ui-font-size-xl);\n        height: var(--solid-ui-font-size-xl);\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n"],"mappings":""}

package/dist/components/menu-item/MenuItem.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/menu-item/MenuItem.styles.css
-var t = e`:host>a,:host>div{width:100%;color:var(--solid-ui-color-gray-600);font-weight:500;font-size:var(--solid-ui-font-size-md);border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:10px;display:flex;position:relative}:host:hover{background-color:var(--solid-ui-color-slate-200)}:host ::slotted([slot=left-icon]),:host ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-xl);height:var(--solid-ui-font-size-xl)}:host a:after{content:\"\";width:100%;height:100%;position:absolute;top:0;left:0}`;
+var t = e`:host>a,:host>div{width:100%;color:var(--solid-ui-color-gray-600);font-weight:500;font-size:var(--solid-ui-font-size-md);border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:10px;display:flex;position:relative}:is(:host>a,:host>div)[data-selected]{background:var(--solid-ui-color-primary-selected)}:host ::slotted([slot=left-icon]),:host ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-xl);height:var(--solid-ui-font-size-xl)}:host a:after{content:\"\";width:100%;height:100%;position:absolute;top:0;left:0}`;
 //#endregion
 export { t as default };
 

package/dist/components/menu-item/MenuItem.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.esm.js","names":[],"sources":["../../../src/components/menu-item/MenuItem.styles.css"],"sourcesContent":[":host {\n    & > a,\n    & > div {\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 5px;\n        padding: 10px;\n        border-radius: 5px;\n        color: var(--solid-ui-color-gray-600);\n        font-weight: 500;\n        font-size: var(--solid-ui-font-size-md);\n    }\n\n    &:hover {\n        background-color: var(--solid-ui-color-slate-200);\n    }\n\n    ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n        width: var(--solid-ui-font-size-xl);\n        height: var(--solid-ui-font-size-xl);\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"MenuItem.styles.esm.js","names":[],"sources":["../../../src/components/menu-item/MenuItem.styles.css"],"sourcesContent":[":host {\n    & > a,\n    & > div {\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 5px;\n        padding: 10px;\n        border-radius: 5px;\n        color: var(--solid-ui-color-gray-600);\n        font-weight: 500;\n        font-size: var(--solid-ui-font-size-md);\n\n        &[data-selected] {\n            background: var(--solid-ui-color-primary-selected);\n        }\n    }\n\n    ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n        width: var(--solid-ui-font-size-xl);\n        height: var(--solid-ui-font-size-xl);\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n"],"mappings":""}

package/dist/components/menu-item.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/menu-item-BHJ4xljI.js";
+import { n as e, t } from "../chunks/menu-item-D9BqJtKZ.js";
 export { e as MenuItem, t as default };

package/dist/components/menu.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/menu-CQEXqNO6.js";
+import { n as e, t } from "../chunks/menu-DKxtACGA.js";
 export { e as Menu, t as default };

package/dist/components/photo-capture/PhotoCapture.cjs.js

@@ -0,0 +1,6 @@
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/form-control-component/FormControlComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("../../lib/dialogs/helpers.cjs.js");require("../../lib/dialogs/index.cjs.js");const r=require("../photo-capture-modal/index.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I;function ee(e,t,n){return(t=re(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(e,t,n){te(e,t),t.set(e,n)}function te(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function R(e,t,n){return e.set(B(e,t),n),n}function z(e,t){return e.get(B(e,t))}function B(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 ne(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],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:ae(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||ae(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={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,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}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 oe(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,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===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(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:re(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&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 re(e){var t=ie(e,`string`);return typeof t==`symbol`?t:t+``}function ie(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 ae(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 oe(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}l=[e.customElement(`solid-ui-photo-capture`)];var se,V=new WeakMap,H=new WeakMap,U=new WeakMap,W=new WeakMap,G=new WeakMap,K=new WeakMap,q=new WeakMap,J=new WeakMap,Y=new WeakMap,X=new WeakMap,Z=new WeakMap,Q=new WeakMap,$=new WeakMap;I=(u=(0,a.property)({type:String,reflect:!0}),f=(0,a.property)({type:String,reflect:!0}),m=(0,a.property)({type:String,attribute:`capture-label`,reflect:!0}),g=(0,a.property)({type:String,attribute:`confirm-label`,reflect:!0}),v=(0,a.property)({type:String,attribute:`retake-label`,reflect:!0}),b=(0,a.property)({type:String,attribute:`cancel-label`,reflect:!0}),S=(0,a.property)({type:String,attribute:`facing-mode`,reflect:!0}),w=(0,a.property)({type:String,reflect:!0}),E=(0,a.property)({type:String,attribute:`capture-format`,reflect:!0}),O=(0,a.property)({type:Number,attribute:`capture-quality`}),A=(0,a.property)({type:Boolean,attribute:`show-cancel-button`,reflect:!0}),M=(0,a.property)({type:String,attribute:`file-name-prefix`,reflect:!0}),P=(0,a.property)({attribute:!1}),`label`),o=class extends t.default{constructor(...e){super(...e),L(this,V,(s(this),d(this,`Take Photo`))),L(this,H,p(this,`Take a photo`)),L(this,U,h(this,`Take Photo`)),L(this,W,_(this,`Use Photo`)),L(this,G,y(this,`Retake`)),L(this,K,x(this,`Cancel`)),L(this,q,C(this,`user`)),L(this,J,T(this,``)),L(this,Y,D(this,`image/png`)),L(this,X,k(this,void 0)),L(this,Z,j(this,!0)),L(this,Q,N(this,``)),L(this,$,F(this,void 0)),ee(this,`controlElement`,null)}get[I](){return z(V,this)}set label(e){R(V,this,e)}get heading(){return z(H,this)}set heading(e){R(H,this,e)}get captureLabel(){return z(U,this)}set captureLabel(e){R(U,this,e)}get confirmLabel(){return z(W,this)}set confirmLabel(e){R(W,this,e)}get retakeLabel(){return z(G,this)}set retakeLabel(e){R(G,this,e)}get cancelLabel(){return z(K,this)}set cancelLabel(e){R(K,this,e)}get facingMode(){return z(q,this)}set facingMode(e){R(q,this,e)}get constraints(){return z(J,this)}set constraints(e){R(J,this,e)}get captureFormat(){return z(Y,this)}set captureFormat(e){R(Y,this,e)}get captureQuality(){return z(X,this)}set captureQuality(e){R(X,this,e)}get showCancelButton(){return z(Z,this)}set showCancelButton(e){R(Z,this,e)}get fileNamePrefix(){return z(Q,this)}set fileNamePrefix(e){R(Q,this,e)}get mediaConstraints(){return z($,this)}set mediaConstraints(e){R($,this,e)}render(){return i.html`
+        <slot name="trigger" @click=${this.onClick}>
+            <solid-ui-button ?disabled="${this.disabled}">${this.label}</solid-ui-button>
+        </slot>
+    `}onClick(){n.showDialog(r.default,{props:{name:this.name,heading:this.heading,captureLabel:this.captureLabel,confirmLabel:this.confirmLabel,retakeLabel:this.retakeLabel,cancelLabel:this.cancelLabel,fileNamePrefix:this.fileNamePrefix,mediaConstraints:this.mediaConstraints,constraints:this.constraints,captureFormat:this.captureFormat,captureQuality:this.captureQuality,showCancelButton:this.showCancelButton,facingMode:this.facingMode},onClose:e=>this.controlTrait.setValue(e??null)})}},{e:[d,p,h,_,y,x,C,T,D,k,j,N,F,s],c:[se,c]}=ne(o,[[u,1,`label`],[f,1,`heading`],[m,1,`captureLabel`],[g,1,`confirmLabel`],[v,1,`retakeLabel`],[b,1,`cancelLabel`],[S,1,`facingMode`],[w,1,`constraints`],[E,1,`captureFormat`],[O,1,`captureQuality`],[A,1,`showCancelButton`],[M,1,`fileNamePrefix`],[P,1,`mediaConstraints`]],l,0,void 0,t.default),c(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return se}});
+//# sourceMappingURL=PhotoCapture.cjs.js.map