solid-ui 5.0.2-0 → 5.0.2-1

package/dist/chunks/{x-BRRkraZN.js → x-D1JUUSOS.js}

@@ -1,10 +1,9 @@
-//#region ~icons/lucide/x
+// ~icons/lucide/x
 var e = class extends HTMLElement {
 	constructor() {
 		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"/></svg>";
 	}
 };
 customElements.get("icon-lucide-x") || customElements.define("icon-lucide-x", e);
-//#endregion
 
-//# sourceMappingURL=x-BRRkraZN.js.map
+//# sourceMappingURL=x-D1JUUSOS.js.map

package/dist/chunks/x-D1JUUSOS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-D1JUUSOS.js","names":["iconlucidex"],"sources":[],"mappings":""}

package/dist/components/access-control-modal/AccessControlAddAccess.cjs.js

@@ -1,15 +1,16 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../button/index.cjs.js"),require("../combobox/index.cjs.js"),require("../combobox-option/index.cjs.js"),require("../../_virtual/~icons/lucide/circle-x.cjs.js"),require("../../_virtual/~icons/lucide/book-user.cjs.js"),require("../../_virtual/~icons/lucide/user-round.cjs.js"),require("../../_virtual/~icons/lucide/users.cjs.js");const n=require("./AccessControlAddAccess.styles.cjs.js");let r=require("solid-logic"),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;function O(e,t,n){k(e,t),t.set(e,n)}function k(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function A(e,t,n){return e.set(M(e,t),n),n}function j(e,t){return e.get(M(e,t))}function M(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 N(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(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:L(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||L(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 R(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:F(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 F(e){var t=I(e,`string`);return typeof t==`symbol`?t:t+``}function I(e,t){if(typeof e!=`object`||!e)return e;var n;if(typeof Symbol<`u`&&(n=e[Symbol.toPrimitive])!==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 L(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 R(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 z(e){return e}function B(e){return i.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../button/index.cjs.js"),require("../combobox/index.cjs.js"),require("../combobox-option/index.cjs.js"),require("../../_virtual/~icons/lucide/circle-x.cjs.js"),require("../../_virtual/~icons/lucide/globe.cjs.js"),require("../../_virtual/~icons/lucide/book-user.cjs.js"),require("../../_virtual/~icons/lucide/user-round.cjs.js"),require("../../_virtual/~icons/lucide/users.cjs.js");const n=require("./AccessControlAddAccess.styles.cjs.js");let r=require("solid-logic"),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;function j(e,t,n){M(e,t),t.set(e,n)}function M(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function N(e,t,n){return e.set(F(e,t),n),n}function P(e,t){return e.get(F(e,t))}function F(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 I(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(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:B(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||B(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 V(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:R(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 R(e){var t=z(e,`string`);return typeof t==`symbol`?t:t+``}function z(e,t){if(typeof e!=`object`||!e)return e;var n;if(typeof Symbol<`u`&&(n=e[Symbol.toPrimitive])!==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 B(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 V(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 H(e){return e}function U(e){return i.html`
     <span class="access-grants-directory-entry">
-      ${V(e)}
+      ${W(e)}
       <span>${e.label}</span>
     </span>
-  `}function V(e){return e.sources.includes(`contacts`)||e.sources.includes(`groups`)?i.html`<icon-lucide-book-user style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-book-user>`:e.sources.includes(`friends`)?i.html`<icon-lucide-users style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-users>`:e.sources.includes(`catalog`)?i.html`<icon-lucide-user-round style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-user-round>`:i.nothing}h=[e.customElement(`solid-ui-access-control-add-access`)];var H;new(E=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,D=(g=(0,a.property)({attribute:!1}),v=(0,a.property)({attribute:!1}),b=(0,a.property)({attribute:!1}),S=(0,a.property)({attribute:!1}),w=(0,a.property)({attribute:!1}),`principalInputValue`),s=class extends t.default{constructor(...e){super(...e),O(this,c,(p(this),_(this,``))),O(this,l,y(this,`Viewer`)),O(this,u,x(this,[])),O(this,d,C(this,``)),O(this,f,T(this,null))}get[D](){return j(c,this)}set principalInputValue(e){A(c,this,e)}get addAccessRoleValue(){return j(l,this)}set addAccessRoleValue(e){A(l,this,e)}get pendingAccessGrants(){return j(u,this)}set pendingAccessGrants(e){A(u,this,e)}get inputError(){return j(d,this)}set inputError(e){A(d,this,e)}get asyncOptionsProvider(){return j(f,this)}set asyncOptionsProvider(e){A(f,this,e)}onPrincipalInput(e){let t=this.getEventValue(e);this.dispatchEvent(new CustomEvent(`target-input`,{detail:{value:t},bubbles:!0,composed:!0}))}onPrincipalSelect(e){let t=e.detail.option;typeof t.value==`string`&&this.dispatchEvent(new CustomEvent(`target-selected`,{detail:{value:t.value,label:t.label},bubbles:!0,composed:!0}))}onRoleChange(e){let t=e.detail.option.value;typeof t==`string`&&r.ACCESS_ROLES.includes(t)&&this.dispatchEvent(new CustomEvent(`role-changed`,{detail:{role:t},bubbles:!0,composed:!0}))}onPendingGrantRemove(e){this.dispatchEvent(new CustomEvent(`pending-grant-removed`,{detail:{index:e},bubbles:!0,composed:!0}))}getEventValue(e){let t=e.currentTarget;return typeof t?.value==`string`?t.value:``}render(){return i.html`
+  `}function W(e){return e.sources.includes(`contacts`)||e.sources.includes(`groups`)?i.html`<icon-lucide-book-user style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-book-user>`:e.sources.includes(`friends`)?i.html`<icon-lucide-users style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-users>`:e.sources.includes(`catalog`)?i.html`<icon-lucide-user-round style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-user-round>`:i.nothing}g=[e.customElement(`solid-ui-access-control-add-access`)];var G;new(k=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,A=(_=(0,a.property)({attribute:!1}),y=(0,a.property)({attribute:!1}),x=(0,a.property)({attribute:!1}),C=(0,a.property)({attribute:!1}),T=(0,a.property)({type:Boolean}),D=(0,a.property)({attribute:!1}),`principalInputValue`),s=class extends t.default{constructor(...e){super(...e),j(this,c,(m(this),v(this,``))),j(this,l,b(this,`Viewer`)),j(this,u,S(this,[])),j(this,d,w(this,``)),j(this,f,E(this,!1)),j(this,p,O(this,null))}get[A](){return P(c,this)}set principalInputValue(e){N(c,this,e)}get addAccessRoleValue(){return P(l,this)}set addAccessRoleValue(e){N(l,this,e)}get pendingAccessGrants(){return P(u,this)}set pendingAccessGrants(e){N(u,this,e)}get inputError(){return P(d,this)}set inputError(e){N(d,this,e)}get disabled(){return P(f,this)}set disabled(e){N(f,this,e)}get asyncOptionsProvider(){return P(p,this)}set asyncOptionsProvider(e){N(p,this,e)}onPrincipalInput(e){let t=this.getEventValue(e);this.dispatchEvent(new CustomEvent(`target-input`,{detail:{value:t},bubbles:!0,composed:!0}))}onPrincipalSelect(e){let t=e.detail.option;typeof t.value==`string`&&this.dispatchEvent(new CustomEvent(`target-selected`,{detail:{value:t.value,label:t.label,targetKind:t.targetKind},bubbles:!0,composed:!0}))}onRoleChange(e){let t=e.detail.option.value,n=typeof t==`string`?r.ACCESS_ROLES.find(e=>e===t):void 0;n&&this.dispatchEvent(new CustomEvent(`role-changed`,{detail:{role:n},bubbles:!0,composed:!0}))}onPendingGrantRemove(e){this.dispatchEvent(new CustomEvent(`pending-grant-removed`,{detail:{index:e},bubbles:!0,composed:!0}))}getEventValue(e){let t=e.currentTarget;return typeof t?.value==`string`?t.value:``}render(){return i.html`
       <section class="access-grants-form" aria-label="Add access">
         <p>Add person, group or software agent URL.</p>
         <div class="access-grants-form-main">
           <div class="access-grants-input">
             <solid-ui-combobox
               class="access-principal-combobox"
+              .disabled=${this.disabled}
               label="Add person, group or software agent URL."
               .srOnlyLabel=${!0}
               .value=${this.principalInputValue}
@@ -23,6 +24,7 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
           </div>
           <solid-ui-combobox
             class="access-role-select access-role-select--top"
+            .disabled=${this.disabled}
             .value=${this.addAccessRoleValue}
             @change=${this.onRoleChange}
           >
@@ -36,11 +38,15 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
       <div class="access-grants-pending">
         ${this.pendingAccessGrants.map((e,t)=>i.html`
           <div class="access-grants-pending-item">
-            <span class="access-grants-pending-item-label">${e.label}</span>
+            <span class="access-grants-pending-item-label">
+              ${e.targetKind===`trustedApp`?i.html`<icon-lucide-globe style="width: 13px; height: 13px; vertical-align: -2px;"></icon-lucide-globe>`:i.nothing}
+              ${e.label}
+            </span>
             <solid-ui-button
               type="button"
               variant="ghost"
               class="access-grants-pending-item-remove"
+              ?disabled=${this.disabled}
               @click=${()=>this.onPendingGrantRemove(t)}
             >
               <span class="sr-only">Remove ${e.label}</span>
@@ -49,5 +55,5 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
           </div>
         `)}
       </div>
-    `:i.nothing}},{e:[_,y,x,C,T,p],c:[H,m]}=P(s,[[g,1,`principalInputValue`],[v,1,`addAccessRoleValue`],[b,1,`pendingAccessGrants`],[S,1,`inputError`],[w,1,`asyncOptionsProvider`]],h,0,void 0,t.default),s),o=class extends z{constructor(){super(H),N(this,`styles`,n.default),m()}},N(o,E,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return H}}),exports.directoryEntryOptionTemplate=B;
+    `:i.nothing}},{e:[v,b,S,w,E,O,m],c:[G,h]}=L(s,[[_,1,`principalInputValue`],[y,1,`addAccessRoleValue`],[x,1,`pendingAccessGrants`],[C,1,`inputError`],[T,1,`disabled`],[D,1,`asyncOptionsProvider`]],g,0,void 0,t.default),s),o=class extends H{constructor(){super(G),I(this,`styles`,n.default),h()}},I(o,k,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return G}}),exports.directoryEntryOptionTemplate=U;
 //# sourceMappingURL=AccessControlAddAccess.cjs.js.map

package/dist/components/access-control-modal/AccessControlAddAccess.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessControlAddAccess.cjs.js","names":["customElement","WebComponent","html","nothing","property","ACCESS_ROLES","styles","directoryEntryOptionTemplate","entry","renderDirectoryEntryIcon","label","sources","includes","_classDecs","_AccessControlAddAcce","_AccessControlAddAcce2","_A","WeakMap","_B","_C","_D","_E","_ref","_principalInputValueDecs","attribute","_addAccessRoleValueDecs","_pendingAccessGrantsDecs","_inputErrorDecs","_asyncOptionsProviderDecs","_AccessControlAddAccess","AccessControlAddAccess","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_principalInputValue","_init_addAccessRoleValue","_init_pendingAccessGrants","_init_inputError","_init_asyncOptionsProvider","_classPrivateFieldGet","principalInputValue","v","_classPrivateFieldSet","addAccessRoleValue","pendingAccessGrants","inputError","asyncOptionsProvider","onPrincipalInput","event","value","getEventValue","dispatchEvent","CustomEvent","detail","bubbles","composed","onPrincipalSelect","option","onRoleChange","role","onPendingGrantRemove","index","target","currentTarget","render","renderPendingAccessGrants","filter","map","length","grant","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","nothing","customElement","property","WebComponent","ACCESS_ROLES","styles","require_decorators","require_WebComponent","require_AccessControlAddAccess_styles","solid_logic","lit","lit_decorators_js","_Class","_AccessControlAddAccess","_A","_B","_C","_D","_E","_initProto","_initClass","_classDecs","_principalInputValueDecs","_init_principalInputValue","_addAccessRoleValueDecs","_init_addAccessRoleValue","_pendingAccessGrantsDecs","_init_pendingAccessGrants","_inputErrorDecs","_init_inputError","_asyncOptionsProviderDecs","_init_asyncOptionsProvider","_AccessControlAddAcce2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","I","F","l","N","_checkInRHS","_toPrimitive","e","_identity","directoryEntryOptionTemplate","renderDirectoryEntryIcon","entry","_AccessControlAddAcce","args","value","event","option","role","target","grant","index"],"sources":["../../../src/components/access-control-modal/AccessControlAddAccess.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ACCESS_ROLES, type AccessRole, type DirectoryEntry } from 'solid-logic'\nimport type { AsyncComboboxOptionsProvider, ComboboxChangeEvent } from '@/components/combobox'\n\nimport '~icons/lucide/book-user'\nimport '~icons/lucide/user-round'\nimport '~icons/lucide/users'\nimport '~icons/lucide/circle-x'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './AccessControlAddAccess.styles.css'\nimport type { PendingAccessGrant, PendingGrantRemovedDetail, RoleChangedDetail, TargetInputDetail, TargetSelectedDetail } from './types'\n\nexport function directoryEntryOptionTemplate (entry: DirectoryEntry) {\n  return html`\n    <span class=\"access-grants-directory-entry\">\n      ${renderDirectoryEntryIcon(entry)}\n      <span>${entry.label}</span>\n    </span>\n  `\n}\n\nfunction renderDirectoryEntryIcon (entry: DirectoryEntry) {\n  if (entry.sources.includes('contacts') || entry.sources.includes('groups')) {\n    return html`<icon-lucide-book-user style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-book-user>`\n  }\n\n  if (entry.sources.includes('friends')) {\n    return html`<icon-lucide-users style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-users>`\n  }\n\n  if (entry.sources.includes('catalog')) {\n    return html`<icon-lucide-user-round style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-user-round>`\n  }\n\n  return nothing\n}\n\n@customElement('solid-ui-access-control-add-access')\nexport default class AccessControlAddAccess extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor principalInputValue = ''\n\n  @property({ attribute: false })\n  accessor addAccessRoleValue: AccessRole = 'Viewer'\n\n  @property({ attribute: false })\n  accessor pendingAccessGrants: PendingAccessGrant[] = []\n\n  @property({ attribute: false })\n  accessor inputError = ''\n\n  @property({ attribute: false })\n  accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null = null\n\n  private onPrincipalInput (event: Event) {\n    const value = this.getEventValue(event)\n    this.dispatchEvent(new CustomEvent<TargetInputDetail>('target-input', {\n      detail: { value },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPrincipalSelect (event: ComboboxChangeEvent) {\n    const option = event.detail.option\n    if (typeof option.value !== 'string') {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<TargetSelectedDetail>('target-selected', {\n      detail: {\n        value: option.value,\n        label: option.label\n      },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onRoleChange (event: ComboboxChangeEvent) {\n    const role = event.detail.option.value\n    if (typeof role !== 'string' || !ACCESS_ROLES.includes(role as AccessRole)) {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<RoleChangedDetail>('role-changed', {\n      detail: { role: role as AccessRole },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPendingGrantRemove (index: number) {\n    this.dispatchEvent(new CustomEvent<PendingGrantRemovedDetail>('pending-grant-removed', {\n      detail: { index },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private getEventValue (event: Event): string {\n    const target = event.currentTarget as { value?: string | null } | null\n    return typeof target?.value === 'string' ? target.value : ''\n  }\n\n  protected render () {\n    return html`\n      <section class=\"access-grants-form\" aria-label=\"Add access\">\n        <p>Add person, group or software agent URL.</p>\n        <div class=\"access-grants-form-main\">\n          <div class=\"access-grants-input\">\n            <solid-ui-combobox\n              class=\"access-principal-combobox\"\n              label=\"Add person, group or software agent URL.\"\n              .srOnlyLabel=${true}\n              .value=${this.principalInputValue}\n              placeholder=\"Paste a link or enter a name\"\n              .asyncOptionsProvider=${this.asyncOptionsProvider}\n              @input=${this.onPrincipalInput}\n              @change=${this.onPrincipalSelect}\n            ></solid-ui-combobox>\n            ${this.inputError\n              ? html`<p class=\"access-principal-error\" role=\"alert\">${this.inputError}</p>`\n              : nothing}\n            ${this.renderPendingAccessGrants()}\n          </div>\n          <solid-ui-combobox\n            class=\"access-role-select access-role-select--top\"\n            .value=${this.addAccessRoleValue}\n            @change=${this.onRoleChange}\n          >\n            ${ACCESS_ROLES\n              .filter(role => role !== 'No Access')\n              .map(role => html`\n                <solid-ui-combobox-option value=${role}>${role}</solid-ui-combobox-option>\n              `)}\n          </solid-ui-combobox>\n        </div>\n      </section>\n    `\n  }\n\n  private renderPendingAccessGrants () {\n    if (!this.pendingAccessGrants.length) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"access-grants-pending\">\n        ${this.pendingAccessGrants.map((grant, index) => html`\n          <div class=\"access-grants-pending-item\">\n            <span class=\"access-grants-pending-item-label\">${grant.label}</span>\n            <solid-ui-button\n              type=\"button\"\n              variant=\"ghost\"\n              class=\"access-grants-pending-item-remove\"\n              @click=${() => this.onPendingGrantRemove(index)}\n            >\n              <span class=\"sr-only\">Remove ${grant.label}</span>\n              <icon-lucide-circle-x slot=\"icon\"></icon-lucide-circle-x>\n            </solid-ui-button>\n          </div>\n        `)}\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessControlAddAccess.cjs.js","names":["customElement","WebComponent","html","nothing","property","ACCESS_ROLES","styles","directoryEntryOptionTemplate","entry","renderDirectoryEntryIcon","label","sources","includes","_classDecs","_AccessControlAddAcce","_AccessControlAddAcce2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_principalInputValueDecs","attribute","_addAccessRoleValueDecs","_pendingAccessGrantsDecs","_inputErrorDecs","_disabledDecs","type","Boolean","_asyncOptionsProviderDecs","_AccessControlAddAccess","AccessControlAddAccess","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_principalInputValue","_init_addAccessRoleValue","_init_pendingAccessGrants","_init_inputError","_init_disabled","_init_asyncOptionsProvider","_classPrivateFieldGet","principalInputValue","v","_classPrivateFieldSet","addAccessRoleValue","pendingAccessGrants","inputError","disabled","asyncOptionsProvider","onPrincipalInput","event","value","getEventValue","dispatchEvent","CustomEvent","detail","bubbles","composed","onPrincipalSelect","option","targetKind","onRoleChange","role","accessRole","find","candidate","undefined","onPendingGrantRemove","index","target","currentTarget","render","renderPendingAccessGrants","filter","map","length","grant","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","nothing","customElement","property","WebComponent","ACCESS_ROLES","styles","require_decorators","require_WebComponent","require_AccessControlAddAccess_styles","solid_logic","lit","lit_decorators_js","_Class","_AccessControlAddAccess","_A","_B","_C","_D","_E","_F","_initProto","_initClass","_classDecs","_principalInputValueDecs","_init_principalInputValue","_addAccessRoleValueDecs","_init_addAccessRoleValue","_pendingAccessGrantsDecs","_init_pendingAccessGrants","_inputErrorDecs","_init_inputError","_disabledDecs","_init_disabled","_asyncOptionsProviderDecs","_init_asyncOptionsProvider","_AccessControlAddAcce2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","I","F","l","N","_checkInRHS","_toPrimitive","e","_identity","directoryEntryOptionTemplate","renderDirectoryEntryIcon","entry","_AccessControlAddAcce","args","value","event","option","role","accessRole","candidate","target","grant","index"],"sources":["../../../src/components/access-control-modal/AccessControlAddAccess.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ACCESS_ROLES, type AccessRole, type DirectoryEntry } from 'solid-logic'\nimport type { AsyncComboboxOptionsProvider, ComboboxChangeEvent, ComboboxOptionData } from '@/components/combobox'\n\nimport '~icons/lucide/book-user'\nimport '~icons/lucide/user-round'\nimport '~icons/lucide/users'\nimport '~icons/lucide/circle-x'\nimport '~icons/lucide/globe'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './AccessControlAddAccess.styles.css'\nimport type { PendingAccessGrant, PendingGrantRemovedDetail, RoleChangedDetail, TargetInputDetail, TargetSelectedDetail } from './types'\n\nexport function directoryEntryOptionTemplate (entry: DirectoryEntry) {\n  return html`\n    <span class=\"access-grants-directory-entry\">\n      ${renderDirectoryEntryIcon(entry)}\n      <span>${entry.label}</span>\n    </span>\n  `\n}\n\nfunction renderDirectoryEntryIcon (entry: DirectoryEntry) {\n  if (entry.sources.includes('contacts') || entry.sources.includes('groups')) {\n    return html`<icon-lucide-book-user style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-book-user>`\n  }\n\n  if (entry.sources.includes('friends')) {\n    return html`<icon-lucide-users style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-users>`\n  }\n\n  if (entry.sources.includes('catalog')) {\n    return html`<icon-lucide-user-round style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-user-round>`\n  }\n\n  return nothing\n}\n\n@customElement('solid-ui-access-control-add-access')\nexport default class AccessControlAddAccess extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor principalInputValue = ''\n\n  @property({ attribute: false })\n  accessor addAccessRoleValue: AccessRole = 'Viewer'\n\n  @property({ attribute: false })\n  accessor pendingAccessGrants: PendingAccessGrant[] = []\n\n  @property({ attribute: false })\n  accessor inputError = ''\n\n  @property({ type: Boolean })\n  accessor disabled = false\n\n  @property({ attribute: false })\n  accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null = null\n\n  private onPrincipalInput (event: Event) {\n    const value = this.getEventValue(event)\n    this.dispatchEvent(new CustomEvent<TargetInputDetail>('target-input', {\n      detail: { value },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPrincipalSelect (event: ComboboxChangeEvent) {\n    const option = event.detail.option as ComboboxOptionData & { targetKind?: 'origin' | 'trustedApp' }\n    if (typeof option.value !== 'string') {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<TargetSelectedDetail>('target-selected', {\n      detail: {\n        value: option.value,\n        label: option.label,\n        targetKind: option.targetKind\n      },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onRoleChange (event: ComboboxChangeEvent) {\n    const role = event.detail.option.value\n    const accessRole = typeof role === 'string'\n      ? ACCESS_ROLES.find(candidate => candidate === role)\n      : undefined\n    if (!accessRole) {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<RoleChangedDetail>('role-changed', {\n      detail: { role: accessRole },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPendingGrantRemove (index: number) {\n    this.dispatchEvent(new CustomEvent<PendingGrantRemovedDetail>('pending-grant-removed', {\n      detail: { index },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private getEventValue (event: Event): string {\n    const target = event.currentTarget as { value?: string | null } | null\n    return typeof target?.value === 'string' ? target.value : ''\n  }\n\n  protected render () {\n    return html`\n      <section class=\"access-grants-form\" aria-label=\"Add access\">\n        <p>Add person, group or software agent URL.</p>\n        <div class=\"access-grants-form-main\">\n          <div class=\"access-grants-input\">\n            <solid-ui-combobox\n              class=\"access-principal-combobox\"\n              .disabled=${this.disabled}\n              label=\"Add person, group or software agent URL.\"\n              .srOnlyLabel=${true}\n              .value=${this.principalInputValue}\n              placeholder=\"Paste a link or enter a name\"\n              .asyncOptionsProvider=${this.asyncOptionsProvider}\n              @input=${this.onPrincipalInput}\n              @change=${this.onPrincipalSelect}\n            ></solid-ui-combobox>\n            ${this.inputError\n              ? html`<p class=\"access-principal-error\" role=\"alert\">${this.inputError}</p>`\n              : nothing}\n            ${this.renderPendingAccessGrants()}\n          </div>\n          <solid-ui-combobox\n            class=\"access-role-select access-role-select--top\"\n            .disabled=${this.disabled}\n            .value=${this.addAccessRoleValue}\n            @change=${this.onRoleChange}\n          >\n            ${ACCESS_ROLES\n              .filter(role => role !== 'No Access')\n              .map(role => html`\n                <solid-ui-combobox-option value=${role}>${role}</solid-ui-combobox-option>\n              `)}\n          </solid-ui-combobox>\n        </div>\n      </section>\n    `\n  }\n\n  private renderPendingAccessGrants () {\n    if (!this.pendingAccessGrants.length) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"access-grants-pending\">\n        ${this.pendingAccessGrants.map((grant, index) => html`\n          <div class=\"access-grants-pending-item\">\n            <span class=\"access-grants-pending-item-label\">\n              ${grant.targetKind === 'trustedApp'\n                ? html`<icon-lucide-globe style=\"width: 13px; height: 13px; vertical-align: -2px;\"></icon-lucide-globe>`\n                : nothing}\n              ${grant.label}\n            </span>\n            <solid-ui-button\n              type=\"button\"\n              variant=\"ghost\"\n              class=\"access-grants-pending-item-remove\"\n              ?disabled=${this.disabled}\n              @click=${() => this.onPendingGrantRemove(index)}\n            >\n              <span class=\"sr-only\">Remove ${grant.label}</span>\n              <icon-lucide-circle-x slot=\"icon\"></icon-lucide-circle-x>\n            </solid-ui-button>\n          </div>\n        `)}\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/components/access-control-modal/AccessControlAddAccess.d.ts

@@ -9,6 +9,7 @@ export default class AccessControlAddAccess extends WebComponent {
     accessor addAccessRoleValue: AccessRole;
     accessor pendingAccessGrants: PendingAccessGrant[];
     accessor inputError: string;
+    accessor disabled: boolean;
     accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null;
     private onPrincipalInput;
     private onPrincipalSelect;

package/dist/components/access-control-modal/AccessControlAddAccess.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessControlAddAccess.d.ts","sourceRoot":"","sources":["../../../src/components/access-control-modal/AccessControlAddAccess.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,EAAgB,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,KAAK,EAAE,4BAA4B,EAAuB,MAAM,uBAAuB,CAAA;AAE9F,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,8BAA8B,CAAA;AAGrC,OAAO,KAAK,EAAE,kBAAkB,EAAyF,MAAM,SAAS,CAAA;AAExI,wBAAgB,4BAA4B,CAAE,KAAK,EAAE,cAAc,wCAOlE;AAmBD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,YAAY;IAC9D,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,mBAAmB,SAAK;IAGjC,QAAQ,CAAC,kBAAkB,EAAE,UAAU,CAAW;IAGlD,QAAQ,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,CAAK;IAGvD,QAAQ,CAAC,UAAU,SAAK;IAGxB,QAAQ,CAAC,oBAAoB,EAAE,4BAA4B,GAAG,IAAI,CAAO;IAEzE,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,aAAa;IAKrB,SAAS,CAAC,MAAM;IAqChB,OAAO,CAAC,yBAAyB;CAwBlC"}
+{"version":3,"file":"AccessControlAddAccess.d.ts","sourceRoot":"","sources":["../../../src/components/access-control-modal/AccessControlAddAccess.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,EAAgB,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,KAAK,EAAE,4BAA4B,EAA2C,MAAM,uBAAuB,CAAA;AAElH,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,8BAA8B,CAAA;AAGrC,OAAO,KAAK,EAAE,kBAAkB,EAAyF,MAAM,SAAS,CAAA;AAExI,wBAAgB,4BAA4B,CAAE,KAAK,EAAE,cAAc,wCAOlE;AAmBD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,YAAY;IAC9D,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,mBAAmB,SAAK;IAGjC,QAAQ,CAAC,kBAAkB,EAAE,UAAU,CAAW;IAGlD,QAAQ,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,CAAK;IAGvD,QAAQ,CAAC,UAAU,SAAK;IAGxB,QAAQ,CAAC,QAAQ,UAAQ;IAGzB,QAAQ,CAAC,oBAAoB,EAAE,4BAA4B,GAAG,IAAI,CAAO;IAEzE,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,aAAa;IAKrB,SAAS,CAAC,MAAM;IAuChB,OAAO,CAAC,yBAAyB;CA8BlC"}

package/dist/components/access-control-modal/AccessControlAddAccess.esm.js

@@ -5,6 +5,7 @@ import "../button/index.esm.js";
 import "../combobox/index.esm.js";
 import "../combobox-option/index.esm.js";
 import "../../_virtual/~icons/lucide/circle-x.esm.js";
+import "../../_virtual/~icons/lucide/globe.esm.js";
 import "../../_virtual/~icons/lucide/book-user.esm.js";
 import "../../_virtual/~icons/lucide/user-round.esm.js";
 import "../../_virtual/~icons/lucide/users.esm.js";
@@ -12,33 +13,33 @@ import n from "./AccessControlAddAccess.styles.esm.js";
 import { ACCESS_ROLES as r } from "solid-logic";
 import { html as i, nothing as a } from "lit";
 import { property as o } from "lit/decorators.js";
-//#region src/components/access-control-modal/AccessControlAddAccess.ts
-var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O;
-function k(e, t, n) {
-	A(e, t), t.set(e, n);
+// src/components/access-control-modal/AccessControlAddAccess.ts
+var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j;
+function M(e, t, n) {
+	N(e, t), t.set(e, n);
 }
-function A(e, t) {
+function N(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function j(e, t, n) {
-	return e.set(N(e, t), n), n;
+function P(e, t, n) {
+	return e.set(I(e, t), n), n;
 }
-function M(e, t) {
-	return e.get(N(e, t));
+function F(e, t) {
+	return e.get(I(e, t));
 }
-function N(e, t, n) {
+function I(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 P(e, t, n) {
-	return (t = I(t)) in e ? Object.defineProperty(e, t, {
+function L(e, t, n) {
+	return (t = z(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function F(e, t, n, r, i, a) {
+function R(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -61,13 +62,13 @@ function F(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: R(function() {
+				get: V(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || R(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || V(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 = {
@@ -127,7 +128,7 @@ function F(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 z(t) === e;
+			return H(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -141,7 +142,7 @@ function F(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 : I(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : z(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -154,11 +155,11 @@ function F(e, t, n, r, i, a) {
 		}
 	};
 }
-function I(e) {
-	var t = L(e, "string");
+function z(e) {
+	var t = B(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function L(e, t) {
+function B(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n;
 	if (typeof Symbol < "u" && (n = e[Symbol.toPrimitive]) !== void 0) {
@@ -168,7 +169,7 @@ function L(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function R(e, t, n) {
+function V(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -178,59 +179,65 @@ function R(e, t, n) {
 	} catch {}
 	return e;
 }
-function z(e) {
+function H(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 B(e) {
+function U(e) {
 	return e;
 }
-function V(e) {
+function W(e) {
 	return i`
     <span class="access-grants-directory-entry">
-      ${H(e)}
+      ${G(e)}
       <span>${e.label}</span>
     </span>
   `;
 }
-function H(e) {
+function G(e) {
 	return e.sources.includes("contacts") || e.sources.includes("groups") ? i`<icon-lucide-book-user style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-book-user>` : e.sources.includes("friends") ? i`<icon-lucide-users style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-users>` : e.sources.includes("catalog") ? i`<icon-lucide-user-round style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-user-round>` : a;
 }
-g = [e("solid-ui-access-control-add-access")];
-var U;
-new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), O = (_ = o({ attribute: !1 }), y = o({ attribute: !1 }), x = o({ attribute: !1 }), C = o({ attribute: !1 }), T = o({ attribute: !1 }), "principalInputValue"), c = class extends t {
+_ = [e("solid-ui-access-control-add-access")];
+var K;
+new (A = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), j = (v = o({ attribute: !1 }), b = o({ attribute: !1 }), S = o({ attribute: !1 }), w = o({ attribute: !1 }), E = o({ type: Boolean }), O = o({ attribute: !1 }), "principalInputValue"), c = class extends t {
 	constructor(...e) {
-		super(...e), k(this, l, (m(this), v(this, ""))), k(this, u, b(this, "Viewer")), k(this, d, S(this, [])), k(this, f, w(this, "")), k(this, p, E(this, null));
+		super(...e), M(this, l, (h(this), y(this, ""))), M(this, u, x(this, "Viewer")), M(this, d, C(this, [])), M(this, f, T(this, "")), M(this, p, D(this, !1)), M(this, m, k(this, null));
 	}
-	get [O]() {
-		return M(l, this);
+	get [j]() {
+		return F(l, this);
 	}
 	set principalInputValue(e) {
-		j(l, this, e);
+		P(l, this, e);
 	}
 	get addAccessRoleValue() {
-		return M(u, this);
+		return F(u, this);
 	}
 	set addAccessRoleValue(e) {
-		j(u, this, e);
+		P(u, this, e);
 	}
 	get pendingAccessGrants() {
-		return M(d, this);
+		return F(d, this);
 	}
 	set pendingAccessGrants(e) {
-		j(d, this, e);
+		P(d, this, e);
 	}
 	get inputError() {
-		return M(f, this);
+		return F(f, this);
 	}
 	set inputError(e) {
-		j(f, this, e);
+		P(f, this, e);
+	}
+	get disabled() {
+		return F(p, this);
+	}
+	set disabled(e) {
+		P(p, this, e);
 	}
 	get asyncOptionsProvider() {
-		return M(p, this);
+		return F(m, this);
 	}
 	set asyncOptionsProvider(e) {
-		j(p, this, e);
+		P(m, this, e);
 	}
 	onPrincipalInput(e) {
 		let t = this.getEventValue(e);
@@ -245,16 +252,17 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
 		typeof t.value == "string" && this.dispatchEvent(new CustomEvent("target-selected", {
 			detail: {
 				value: t.value,
-				label: t.label
+				label: t.label,
+				targetKind: t.targetKind
 			},
 			bubbles: !0,
 			composed: !0
 		}));
 	}
 	onRoleChange(e) {
-		let t = e.detail.option.value;
-		typeof t == "string" && r.includes(t) && this.dispatchEvent(new CustomEvent("role-changed", {
-			detail: { role: t },
+		let t = e.detail.option.value, n = typeof t == "string" ? r.find((e) => e === t) : void 0;
+		n && this.dispatchEvent(new CustomEvent("role-changed", {
+			detail: { role: n },
 			bubbles: !0,
 			composed: !0
 		}));
@@ -278,6 +286,7 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
           <div class="access-grants-input">
             <solid-ui-combobox
               class="access-principal-combobox"
+              .disabled=${this.disabled}
               label="Add person, group or software agent URL."
               .srOnlyLabel=${!0}
               .value=${this.principalInputValue}
@@ -291,6 +300,7 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
           </div>
           <solid-ui-combobox
             class="access-role-select access-role-select--top"
+            .disabled=${this.disabled}
             .value=${this.addAccessRoleValue}
             @change=${this.onRoleChange}
           >
@@ -307,11 +317,15 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
       <div class="access-grants-pending">
         ${this.pendingAccessGrants.map((e, t) => i`
           <div class="access-grants-pending-item">
-            <span class="access-grants-pending-item-label">${e.label}</span>
+            <span class="access-grants-pending-item-label">
+              ${e.targetKind === "trustedApp" ? i`<icon-lucide-globe style="width: 13px; height: 13px; vertical-align: -2px;"></icon-lucide-globe>` : a}
+              ${e.label}
+            </span>
             <solid-ui-button
               type="button"
               variant="ghost"
               class="access-grants-pending-item-remove"
+              ?disabled=${this.disabled}
               @click=${() => this.onPendingGrantRemove(t)}
             >
               <span class="sr-only">Remove ${e.label}</span>
@@ -322,38 +336,42 @@ new (D = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
       </div>
     ` : a;
 	}
-}, {e: [v, b, S, w, E, m], c: [U, h]} = F(c, [
+}, {e: [y, x, C, T, D, k, h], c: [K, g]} = R(c, [
 	[
-		_,
+		v,
 		1,
 		"principalInputValue"
 	],
 	[
-		y,
+		b,
 		1,
 		"addAccessRoleValue"
 	],
 	[
-		x,
+		S,
 		1,
 		"pendingAccessGrants"
 	],
 	[
-		C,
+		w,
 		1,
 		"inputError"
 	],
 	[
-		T,
+		E,
+		1,
+		"disabled"
+	],
+	[
+		O,
 		1,
 		"asyncOptionsProvider"
 	]
-], g, 0, void 0, t), c), s = class extends B {
+], _, 0, void 0, t), c), s = class extends U {
 	constructor() {
-		super(U), P(this, "styles", n), h();
+		super(K), L(this, "styles", n), g();
 	}
-}, P(s, D, void 0), s)();
-//#endregion
-export { U as default, V as directoryEntryOptionTemplate };
+}, L(s, A, void 0), s)();
+export { K as default, W as directoryEntryOptionTemplate };
 
 //# sourceMappingURL=AccessControlAddAccess.esm.js.map

package/dist/components/access-control-modal/AccessControlAddAccess.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessControlAddAccess.esm.js","names":["customElement","WebComponent","html","nothing","property","ACCESS_ROLES","styles","directoryEntryOptionTemplate","entry","renderDirectoryEntryIcon","label","sources","includes","_classDecs","_AccessControlAddAcce","_AccessControlAddAcce2","_A","WeakMap","_B","_C","_D","_E","_ref","_principalInputValueDecs","attribute","_addAccessRoleValueDecs","_pendingAccessGrantsDecs","_inputErrorDecs","_asyncOptionsProviderDecs","_AccessControlAddAccess","AccessControlAddAccess","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_principalInputValue","_init_addAccessRoleValue","_init_pendingAccessGrants","_init_inputError","_init_asyncOptionsProvider","_classPrivateFieldGet","principalInputValue","v","_classPrivateFieldSet","addAccessRoleValue","pendingAccessGrants","inputError","asyncOptionsProvider","onPrincipalInput","event","value","getEventValue","dispatchEvent","CustomEvent","detail","bubbles","composed","onPrincipalSelect","option","onRoleChange","role","onPendingGrantRemove","index","target","currentTarget","render","renderPendingAccessGrants","filter","map","length","grant","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","styles","WebComponent","AccessControlAddAccess_styles_default","_Class","_AccessControlAddAccess","_A","_B","_C","_D","_E","_initProto","_initClass","_classDecs","_principalInputValueDecs","_init_principalInputValue","_addAccessRoleValueDecs","_init_addAccessRoleValue","_pendingAccessGrantsDecs","_init_pendingAccessGrants","_inputErrorDecs","_init_inputError","_asyncOptionsProviderDecs","_init_asyncOptionsProvider","_AccessControlAddAcce2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","directoryEntryOptionTemplate","renderDirectoryEntryIcon","entry","nothing","customElement","_AccessControlAddAcce","property","args","value","event","option","role","ACCESS_ROLES","target","grant","index"],"sources":["../../../src/components/access-control-modal/AccessControlAddAccess.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ACCESS_ROLES, type AccessRole, type DirectoryEntry } from 'solid-logic'\nimport type { AsyncComboboxOptionsProvider, ComboboxChangeEvent } from '@/components/combobox'\n\nimport '~icons/lucide/book-user'\nimport '~icons/lucide/user-round'\nimport '~icons/lucide/users'\nimport '~icons/lucide/circle-x'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './AccessControlAddAccess.styles.css'\nimport type { PendingAccessGrant, PendingGrantRemovedDetail, RoleChangedDetail, TargetInputDetail, TargetSelectedDetail } from './types'\n\nexport function directoryEntryOptionTemplate (entry: DirectoryEntry) {\n  return html`\n    <span class=\"access-grants-directory-entry\">\n      ${renderDirectoryEntryIcon(entry)}\n      <span>${entry.label}</span>\n    </span>\n  `\n}\n\nfunction renderDirectoryEntryIcon (entry: DirectoryEntry) {\n  if (entry.sources.includes('contacts') || entry.sources.includes('groups')) {\n    return html`<icon-lucide-book-user style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-book-user>`\n  }\n\n  if (entry.sources.includes('friends')) {\n    return html`<icon-lucide-users style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-users>`\n  }\n\n  if (entry.sources.includes('catalog')) {\n    return html`<icon-lucide-user-round style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-user-round>`\n  }\n\n  return nothing\n}\n\n@customElement('solid-ui-access-control-add-access')\nexport default class AccessControlAddAccess extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor principalInputValue = ''\n\n  @property({ attribute: false })\n  accessor addAccessRoleValue: AccessRole = 'Viewer'\n\n  @property({ attribute: false })\n  accessor pendingAccessGrants: PendingAccessGrant[] = []\n\n  @property({ attribute: false })\n  accessor inputError = ''\n\n  @property({ attribute: false })\n  accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null = null\n\n  private onPrincipalInput (event: Event) {\n    const value = this.getEventValue(event)\n    this.dispatchEvent(new CustomEvent<TargetInputDetail>('target-input', {\n      detail: { value },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPrincipalSelect (event: ComboboxChangeEvent) {\n    const option = event.detail.option\n    if (typeof option.value !== 'string') {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<TargetSelectedDetail>('target-selected', {\n      detail: {\n        value: option.value,\n        label: option.label\n      },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onRoleChange (event: ComboboxChangeEvent) {\n    const role = event.detail.option.value\n    if (typeof role !== 'string' || !ACCESS_ROLES.includes(role as AccessRole)) {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<RoleChangedDetail>('role-changed', {\n      detail: { role: role as AccessRole },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPendingGrantRemove (index: number) {\n    this.dispatchEvent(new CustomEvent<PendingGrantRemovedDetail>('pending-grant-removed', {\n      detail: { index },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private getEventValue (event: Event): string {\n    const target = event.currentTarget as { value?: string | null } | null\n    return typeof target?.value === 'string' ? target.value : ''\n  }\n\n  protected render () {\n    return html`\n      <section class=\"access-grants-form\" aria-label=\"Add access\">\n        <p>Add person, group or software agent URL.</p>\n        <div class=\"access-grants-form-main\">\n          <div class=\"access-grants-input\">\n            <solid-ui-combobox\n              class=\"access-principal-combobox\"\n              label=\"Add person, group or software agent URL.\"\n              .srOnlyLabel=${true}\n              .value=${this.principalInputValue}\n              placeholder=\"Paste a link or enter a name\"\n              .asyncOptionsProvider=${this.asyncOptionsProvider}\n              @input=${this.onPrincipalInput}\n              @change=${this.onPrincipalSelect}\n            ></solid-ui-combobox>\n            ${this.inputError\n              ? html`<p class=\"access-principal-error\" role=\"alert\">${this.inputError}</p>`\n              : nothing}\n            ${this.renderPendingAccessGrants()}\n          </div>\n          <solid-ui-combobox\n            class=\"access-role-select access-role-select--top\"\n            .value=${this.addAccessRoleValue}\n            @change=${this.onRoleChange}\n          >\n            ${ACCESS_ROLES\n              .filter(role => role !== 'No Access')\n              .map(role => html`\n                <solid-ui-combobox-option value=${role}>${role}</solid-ui-combobox-option>\n              `)}\n          </solid-ui-combobox>\n        </div>\n      </section>\n    `\n  }\n\n  private renderPendingAccessGrants () {\n    if (!this.pendingAccessGrants.length) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"access-grants-pending\">\n        ${this.pendingAccessGrants.map((grant, index) => html`\n          <div class=\"access-grants-pending-item\">\n            <span class=\"access-grants-pending-item-label\">${grant.label}</span>\n            <solid-ui-button\n              type=\"button\"\n              variant=\"ghost\"\n              class=\"access-grants-pending-item-remove\"\n              @click=${() => this.onPendingGrantRemove(index)}\n            >\n              <span class=\"sr-only\">Remove ${grant.label}</span>\n              <icon-lucide-circle-x slot=\"icon\"></icon-lucide-circle-x>\n            </solid-ui-button>\n          </div>\n        `)}\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessControlAddAccess.esm.js","names":["customElement","WebComponent","html","nothing","property","ACCESS_ROLES","styles","directoryEntryOptionTemplate","entry","renderDirectoryEntryIcon","label","sources","includes","_classDecs","_AccessControlAddAcce","_AccessControlAddAcce2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_principalInputValueDecs","attribute","_addAccessRoleValueDecs","_pendingAccessGrantsDecs","_inputErrorDecs","_disabledDecs","type","Boolean","_asyncOptionsProviderDecs","_AccessControlAddAccess","AccessControlAddAccess","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_principalInputValue","_init_addAccessRoleValue","_init_pendingAccessGrants","_init_inputError","_init_disabled","_init_asyncOptionsProvider","_classPrivateFieldGet","principalInputValue","v","_classPrivateFieldSet","addAccessRoleValue","pendingAccessGrants","inputError","disabled","asyncOptionsProvider","onPrincipalInput","event","value","getEventValue","dispatchEvent","CustomEvent","detail","bubbles","composed","onPrincipalSelect","option","targetKind","onRoleChange","role","accessRole","find","candidate","undefined","onPendingGrantRemove","index","target","currentTarget","render","renderPendingAccessGrants","filter","map","length","grant","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","styles","WebComponent","AccessControlAddAccess_styles_default","_Class","_AccessControlAddAccess","_A","_B","_C","_D","_E","_F","_initProto","_initClass","_classDecs","_principalInputValueDecs","_init_principalInputValue","_addAccessRoleValueDecs","_init_addAccessRoleValue","_pendingAccessGrantsDecs","_init_pendingAccessGrants","_inputErrorDecs","_init_inputError","_disabledDecs","_init_disabled","_asyncOptionsProviderDecs","_init_asyncOptionsProvider","_AccessControlAddAcce2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","directoryEntryOptionTemplate","renderDirectoryEntryIcon","entry","nothing","customElement","_AccessControlAddAcce","property","args","value","event","option","role","accessRole","ACCESS_ROLES","candidate","target","grant","index"],"sources":["../../../src/components/access-control-modal/AccessControlAddAccess.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ACCESS_ROLES, type AccessRole, type DirectoryEntry } from 'solid-logic'\nimport type { AsyncComboboxOptionsProvider, ComboboxChangeEvent, ComboboxOptionData } from '@/components/combobox'\n\nimport '~icons/lucide/book-user'\nimport '~icons/lucide/user-round'\nimport '~icons/lucide/users'\nimport '~icons/lucide/circle-x'\nimport '~icons/lucide/globe'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './AccessControlAddAccess.styles.css'\nimport type { PendingAccessGrant, PendingGrantRemovedDetail, RoleChangedDetail, TargetInputDetail, TargetSelectedDetail } from './types'\n\nexport function directoryEntryOptionTemplate (entry: DirectoryEntry) {\n  return html`\n    <span class=\"access-grants-directory-entry\">\n      ${renderDirectoryEntryIcon(entry)}\n      <span>${entry.label}</span>\n    </span>\n  `\n}\n\nfunction renderDirectoryEntryIcon (entry: DirectoryEntry) {\n  if (entry.sources.includes('contacts') || entry.sources.includes('groups')) {\n    return html`<icon-lucide-book-user style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-book-user>`\n  }\n\n  if (entry.sources.includes('friends')) {\n    return html`<icon-lucide-users style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-users>`\n  }\n\n  if (entry.sources.includes('catalog')) {\n    return html`<icon-lucide-user-round style=\"width: 13px; height: 13px; flex: 0 0 13px;\"></icon-lucide-user-round>`\n  }\n\n  return nothing\n}\n\n@customElement('solid-ui-access-control-add-access')\nexport default class AccessControlAddAccess extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor principalInputValue = ''\n\n  @property({ attribute: false })\n  accessor addAccessRoleValue: AccessRole = 'Viewer'\n\n  @property({ attribute: false })\n  accessor pendingAccessGrants: PendingAccessGrant[] = []\n\n  @property({ attribute: false })\n  accessor inputError = ''\n\n  @property({ type: Boolean })\n  accessor disabled = false\n\n  @property({ attribute: false })\n  accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null = null\n\n  private onPrincipalInput (event: Event) {\n    const value = this.getEventValue(event)\n    this.dispatchEvent(new CustomEvent<TargetInputDetail>('target-input', {\n      detail: { value },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPrincipalSelect (event: ComboboxChangeEvent) {\n    const option = event.detail.option as ComboboxOptionData & { targetKind?: 'origin' | 'trustedApp' }\n    if (typeof option.value !== 'string') {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<TargetSelectedDetail>('target-selected', {\n      detail: {\n        value: option.value,\n        label: option.label,\n        targetKind: option.targetKind\n      },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onRoleChange (event: ComboboxChangeEvent) {\n    const role = event.detail.option.value\n    const accessRole = typeof role === 'string'\n      ? ACCESS_ROLES.find(candidate => candidate === role)\n      : undefined\n    if (!accessRole) {\n      return\n    }\n\n    this.dispatchEvent(new CustomEvent<RoleChangedDetail>('role-changed', {\n      detail: { role: accessRole },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private onPendingGrantRemove (index: number) {\n    this.dispatchEvent(new CustomEvent<PendingGrantRemovedDetail>('pending-grant-removed', {\n      detail: { index },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private getEventValue (event: Event): string {\n    const target = event.currentTarget as { value?: string | null } | null\n    return typeof target?.value === 'string' ? target.value : ''\n  }\n\n  protected render () {\n    return html`\n      <section class=\"access-grants-form\" aria-label=\"Add access\">\n        <p>Add person, group or software agent URL.</p>\n        <div class=\"access-grants-form-main\">\n          <div class=\"access-grants-input\">\n            <solid-ui-combobox\n              class=\"access-principal-combobox\"\n              .disabled=${this.disabled}\n              label=\"Add person, group or software agent URL.\"\n              .srOnlyLabel=${true}\n              .value=${this.principalInputValue}\n              placeholder=\"Paste a link or enter a name\"\n              .asyncOptionsProvider=${this.asyncOptionsProvider}\n              @input=${this.onPrincipalInput}\n              @change=${this.onPrincipalSelect}\n            ></solid-ui-combobox>\n            ${this.inputError\n              ? html`<p class=\"access-principal-error\" role=\"alert\">${this.inputError}</p>`\n              : nothing}\n            ${this.renderPendingAccessGrants()}\n          </div>\n          <solid-ui-combobox\n            class=\"access-role-select access-role-select--top\"\n            .disabled=${this.disabled}\n            .value=${this.addAccessRoleValue}\n            @change=${this.onRoleChange}\n          >\n            ${ACCESS_ROLES\n              .filter(role => role !== 'No Access')\n              .map(role => html`\n                <solid-ui-combobox-option value=${role}>${role}</solid-ui-combobox-option>\n              `)}\n          </solid-ui-combobox>\n        </div>\n      </section>\n    `\n  }\n\n  private renderPendingAccessGrants () {\n    if (!this.pendingAccessGrants.length) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"access-grants-pending\">\n        ${this.pendingAccessGrants.map((grant, index) => html`\n          <div class=\"access-grants-pending-item\">\n            <span class=\"access-grants-pending-item-label\">\n              ${grant.targetKind === 'trustedApp'\n                ? html`<icon-lucide-globe style=\"width: 13px; height: 13px; vertical-align: -2px;\"></icon-lucide-globe>`\n                : nothing}\n              ${grant.label}\n            </span>\n            <solid-ui-button\n              type=\"button\"\n              variant=\"ghost\"\n              class=\"access-grants-pending-item-remove\"\n              ?disabled=${this.disabled}\n              @click=${() => this.onPendingGrantRemove(index)}\n            >\n              <span class=\"sr-only\">Remove ${grant.label}</span>\n              <icon-lucide-circle-x slot=\"icon\"></icon-lucide-circle-x>\n            </solid-ui-button>\n          </div>\n        `)}\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/components/access-control-modal/AccessControlAddAccess.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host .access-grants-form{font-size:var(--solid-ui-font-size-sm,.875rem);--access-role-select-width:129px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;padding:10px;display:flex}:host .access-grants-form p{color:var(--solid-ui-color-gray-600,#4a5565);line-height:1.5}:host .access-grants-form .access-grants-form-main{align-self:stretch;align-items:flex-start;gap:10px;display:flex}:host .access-grants-form .access-grants-form-main .access-grants-input{border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);border-radius:5px;flex-direction:column;flex:auto;align-items:flex-start;gap:12px;min-width:0;padding:10px 15px;display:flex}:host .access-grants-form .access-grants-form-main .access-grants-input solid-ui-combobox{--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);width:100%}:host .access-grants-form .access-grants-form-main .access-grants-input .access-principal-error{color:var(--solid-ui-color-red-700,#b42318);font-size:var(--solid-ui-font-size-xs,.75rem);margin:0;line-height:1.4}:host .access-grants-form .access-grants-pending{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}:host .access-grants-form .access-grants-pending-item{border:1px solid var(--solid-ui-color-gray-300,#d1d5dc);background:var(--solid-ui-color-gray-50,#f9fafb);max-width:100%;color:var(--solid-ui-color-gray-700,#374151);border-radius:5px;align-items:center;gap:6px;padding:5px 10px;display:flex}:host .access-grants-form .access-grants-pending-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--solid-ui-color-gray-500,#6a7282);font-size:var(--solid-ui-font-size-xs,.75rem);line-height:1;overflow:hidden}:host .access-grants-form .access-grants-pending-item-remove{color:var(--solid-ui-color-gray-300,#d1d5dc);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}:host .access-grants-form .access-grants-pending-item-remove icon-lucide-circle-x{width:14px;height:14px}:host .access-grants-directory-entry{align-items:center;gap:8px;line-height:1;display:inline-flex}:host .access-role-select{max-width:100%;width:var(--access-role-select-width);--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);flex:none;margin-top:25px;display:block}:host .access-role-select--top{margin-top:0}`;exports.default=e;
+var e=require("lit").css`:host .access-grants-form{font-size:var(--solid-ui-font-size-sm,.875rem);--access-role-select-width:129px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;padding:10px;display:flex}:host .access-grants-form p{color:var(--solid-ui-color-gray-600,#4a5565);line-height:1.5}:host .access-grants-form .access-grants-form-main{align-self:stretch;align-items:center;gap:10px;display:flex}:host .access-grants-form .access-grants-form-main .access-grants-input{border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);border-radius:5px;flex-direction:column;flex:auto;align-items:flex-start;gap:12px;min-width:0;padding:10px 15px;display:flex}:host .access-grants-form .access-grants-form-main .access-grants-input solid-ui-combobox{--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);width:100%}:host .access-grants-form .access-grants-form-main .access-grants-input .access-principal-error{color:var(--solid-ui-color-red-700,#b42318);font-size:var(--solid-ui-font-size-xs,.75rem);margin:0;line-height:1.4}:host .access-grants-form .access-grants-pending{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}:host .access-grants-form .access-grants-pending-item{border:1px solid var(--solid-ui-color-gray-300,#d1d5dc);background:var(--solid-ui-color-gray-50,#f9fafb);max-width:100%;color:var(--solid-ui-color-gray-700,#374151);border-radius:5px;align-items:center;gap:6px;padding:5px 10px;display:flex}:host .access-grants-form .access-grants-pending-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--solid-ui-color-gray-500,#6a7282);font-size:var(--solid-ui-font-size-xs,.75rem);line-height:1;overflow:hidden}:host .access-grants-form .access-grants-pending-item-remove{color:var(--solid-ui-color-gray-300,#d1d5dc);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}:host .access-grants-form .access-grants-pending-item-remove icon-lucide-circle-x{width:14px;height:14px}:host .access-grants-directory-entry{align-items:center;gap:8px;line-height:1;display:inline-flex}:host .access-role-select{max-width:100%;width:var(--access-role-select-width);--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);flex:none;margin-top:25px;display:block}:host .access-role-select--top{margin-top:0}`;exports.default=e;
 //# sourceMappingURL=AccessControlAddAccess.styles.cjs.js.map

package/dist/components/access-control-modal/AccessControlAddAccess.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessControlAddAccess.styles.cjs.js","names":["AccessControlAddAccess_styles_default"],"sources":["../../../src/components/access-control-modal/AccessControlAddAccess.styles.css"],"sourcesContent":[":host {\n  .access-grants-form {\n    display: flex;\n    flex-direction: column;\n    padding: 10px;\n    align-items: flex-start;\n    gap: 10px;\n    align-self: stretch;\n    font-size: var(--solid-ui-font-size-sm, .875rem);\n\n    --access-role-select-width: 129px;\n\n    p {\n      color: var(--solid-ui-color-gray-600, #4A5565);\n      line-height: 1.5;\n    }\n\n    .access-grants-form-main {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      align-self: stretch;\n\n      .access-grants-input {\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 auto;\n        min-width: 0;\n        padding: 10px 15px;\n        gap: 12px;\n        align-items: flex-start;\n        border-radius: 5px;\n        border: 1px solid var(--solid-ui-color-slate-200, #E2E8F0);\n        background: var(--solid-ui-color-white, #FFF);\n\n        solid-ui-combobox {\n          width: 100%;\n          --solid-ui-input-border-color: var(--solid-ui-color-slate-200, #E2E8F0);\n        }\n\n        .access-principal-error {\n          margin: 0;\n          color: var(--solid-ui-color-red-700, #B42318);\n          font-size: var(--solid-ui-font-size-xs, .75rem);\n          line-height: 1.4;\n        }\n      }\n    }\n\n    .access-grants-pending {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      min-height: 42px;\n      align-items: center;\n    }\n\n    .access-grants-pending-item {\n      display: flex;\n      padding: 5px 10px;\n      align-items: center;\n      gap: 6px;\n      max-width: 100%;\n      border-radius: 5px;\n      border: 1px solid var(--solid-ui-color-gray-300, #D1D5DC);\n      background: var(--solid-ui-color-gray-50, #F9FAFB);\n      color: var(--solid-ui-color-gray-700, #374151);\n    }\n\n    .access-grants-pending-item-label {\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      color: var(--solid-ui-color-gray-500, #6A7282);\n      font-size: var(--solid-ui-font-size-xs, .75rem);\n      line-height: 1;\n    }\n\n    .access-grants-pending-item-remove {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      border-radius: 999px;\n      background: transparent;\n      color: var(--solid-ui-color-gray-300, #D1D5DC);\n      cursor: pointer;\n\n      icon-lucide-circle-x {\n        width: 14px;\n        height: 14px;\n      }\n    }\n  }\n\n  .access-grants-directory-entry {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    line-height: 1;\n  }\n\n  .access-role-select {\n    display: block;\n    max-width: 100%;\n    margin-top: 25px;\n    flex: 0 0 auto;\n    width: var(--access-role-select-width);\n    --solid-ui-input-border-color: var(--solid-ui-color-slate-200, #E2E8F0);\n  }\n\n  .access-role-select--top {\n    margin-top: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"AccessControlAddAccess.styles.cjs.js","names":["AccessControlAddAccess_styles_default"],"sources":["../../../src/components/access-control-modal/AccessControlAddAccess.styles.css"],"sourcesContent":[":host {\n  .access-grants-form {\n    display: flex;\n    flex-direction: column;\n    padding: 10px;\n    align-items: flex-start;\n    gap: 10px;\n    align-self: stretch;\n    font-size: var(--solid-ui-font-size-sm, .875rem);\n\n    --access-role-select-width: 129px;\n\n    p {\n      color: var(--solid-ui-color-gray-600, #4A5565);\n      line-height: 1.5;\n    }\n\n    .access-grants-form-main {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      align-self: stretch;\n\n      .access-grants-input {\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 auto;\n        min-width: 0;\n        padding: 10px 15px;\n        gap: 12px;\n        align-items: flex-start;\n        border-radius: 5px;\n        border: 1px solid var(--solid-ui-color-slate-200, #E2E8F0);\n        background: var(--solid-ui-color-white, #FFF);\n\n        solid-ui-combobox {\n          width: 100%;\n          --solid-ui-input-border-color: var(--solid-ui-color-slate-200, #E2E8F0);\n        }\n\n        .access-principal-error {\n          margin: 0;\n          color: var(--solid-ui-color-red-700, #B42318);\n          font-size: var(--solid-ui-font-size-xs, .75rem);\n          line-height: 1.4;\n        }\n      }\n    }\n\n    .access-grants-pending {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      min-height: 42px;\n      align-items: center;\n    }\n\n    .access-grants-pending-item {\n      display: flex;\n      padding: 5px 10px;\n      align-items: center;\n      gap: 6px;\n      max-width: 100%;\n      border-radius: 5px;\n      border: 1px solid var(--solid-ui-color-gray-300, #D1D5DC);\n      background: var(--solid-ui-color-gray-50, #F9FAFB);\n      color: var(--solid-ui-color-gray-700, #374151);\n    }\n\n    .access-grants-pending-item-label {\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      color: var(--solid-ui-color-gray-500, #6A7282);\n      font-size: var(--solid-ui-font-size-xs, .75rem);\n      line-height: 1;\n    }\n\n    .access-grants-pending-item-remove {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      border-radius: 999px;\n      background: transparent;\n      color: var(--solid-ui-color-gray-300, #D1D5DC);\n      cursor: pointer;\n\n      icon-lucide-circle-x {\n        width: 14px;\n        height: 14px;\n      }\n    }\n  }\n\n  .access-grants-directory-entry {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    line-height: 1;\n  }\n\n  .access-role-select {\n    display: block;\n    max-width: 100%;\n    margin-top: 25px;\n    flex: 0 0 auto;\n    width: var(--access-role-select-width);\n    --solid-ui-input-border-color: var(--solid-ui-color-slate-200, #E2E8F0);\n  }\n\n  .access-role-select--top {\n    margin-top: 0;\n  }\n}\n"],"mappings":""}